/* ttwt-woo.css — storefront look for WooCommerce checkout block + account page.
   Tokens copied from the live booking-page primary button / inputs. */
:root{--tw-font:Lato,sans-serif;--tw-heading:Cormorant,serif;--tw-ink:#0d0d0d;--tw-line:#d7d4ca;--tw-accent:#eb5222;--tw-radius:10px}

/* ---- shared: storefront primary button ---- */
.wc-block-components-button,.wc-block-components-checkout-place-order-button,
.woocommerce-MyAccount-content .button,.woocommerce-form-login .btn,.woocommerce-EditAccountForm .button,.woocommerce-ResetPassword .button,
.woocommerce-form-login .button{
  font-family:var(--tw-font)!important;background:#000!important;color:#fff!important;border:1px solid var(--tw-accent)!important;
  border-radius:var(--tw-radius)!important;padding:20px 35px!important;font-size:16px!important;font-weight:700!important;
  text-transform:uppercase!important;letter-spacing:1px!important;line-height:1.5!important;box-shadow:none!important;min-height:0!important}
.wc-block-components-button:hover,.woocommerce-MyAccount-content .button:hover,.woocommerce-form-login .btn:hover{opacity:.85}
.wc-block-components-button .wc-block-components-button__text{font:inherit}

/* ---- checkout block ---- */
.page-width:has(.wc-block-checkout) h1.h1{font-family:var(--tw-heading);text-transform:uppercase;line-height:1}
.wp-block-woocommerce-checkout,.wc-block-checkout,.wc-block-components-sidebar-layout{font-family:var(--tw-font);color:var(--tw-ink)}
.wc-block-checkout h1,.wc-block-checkout h2,.wc-block-checkout h3,.wc-block-checkout .wc-block-components-title,
.wc-block-checkout .wc-block-components-checkout-step__title{font-family:var(--tw-heading);color:var(--tw-ink);font-weight:700}
.wc-block-checkout .wc-block-components-checkout-step__title{font-size:26px}
.wc-block-checkout .wc-block-components-text-input input,.wc-block-checkout .wc-block-components-select select,
.wc-block-checkout textarea,.wc-block-checkout .wc-block-components-combobox input,.wc-block-checkout .wc-block-components-select-input select,.wc-block-checkout .wc-block-components-select__select{
  font-family:var(--tw-font)!important;border:1px solid var(--tw-line)!important;border-radius:30px!important;padding:14px 30px!important;height:auto!important;min-height:56px!important;box-shadow:none!important;background:#fff;color:var(--tw-ink)}
.wc-block-checkout .wc-block-components-text-input label,.wc-block-checkout .wc-block-components-select label,.wc-block-checkout .wc-block-components-combobox label{left:31px}
.wc-block-checkout .wc-block-components-text-input.is-active label,.wc-block-checkout .wc-block-components-select.is-active label,.wc-block-checkout .wc-block-components-combobox.is-active label,
.wc-block-checkout .wc-block-components-text-input input:focus+label{left:31px}
.wc-block-checkout .wc-block-components-text-input input:focus,.wc-block-checkout select:focus{border-color:var(--tw-ink);box-shadow:none;outline:0}
.wc-block-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:#000;border-color:#000}
.wc-block-checkout .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked+svg{fill:#fff}
.wc-block-checkout .wc-block-components-checkbox__input,.wc-block-checkout .wc-block-components-radio-control__input{border-color:var(--tw-line)}
.wc-block-checkout .wc-block-components-radio-control__input:checked{border-color:#000}
.wc-block-checkout .wc-block-components-radio-control__input:checked:before{background:#000}
.wc-block-checkout .wc-block-components-checkout-place-order-button{width:100%}
/* order summary panel */
.wc-block-checkout .wc-block-components-sidebar .wc-block-components-panel,.wc-block-checkout .wc-block-components-sidebar{border-radius:var(--tw-radius)}
.wc-block-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar{padding:32px;border:1px solid var(--tw-line);border-radius:var(--tw-radius);background:#fff}
.wc-block-checkout .wc-block-components-order-summary__content,.wc-block-checkout .wc-block-components-totals-item,.wc-block-checkout .wc-block-components-totals-footer-item{font-family:var(--tw-font)}
.wc-block-checkout .wc-block-components-totals-item,.wc-block-checkout .wc-block-components-panel__button{border-color:var(--tw-line)}
.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,.wc-block-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-family:var(--tw-heading);font-size:24px;font-weight:700}
.wc-block-checkout .wc-block-components-product-name,.wc-block-checkout .wc-block-components-product-metadata{font-family:var(--tw-font)}
.wc-block-checkout .wc-block-components-order-summary-item__quantity{background:#000;color:#fff;border-color:#000}
.wc-block-checkout a{color:var(--tw-ink)}
.wc-block-checkout .wc-block-components-totals-coupon__button{background:transparent!important;color:var(--tw-ink)!important;border:1px solid var(--tw-ink)!important}

/* ---- account page ---- */
.customer.login{max-width:520px;margin:0 auto}
.customer .field{margin-bottom:20px}
.customer .field label{display:block;margin-bottom:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:12px}
.customer .form-control{border:1px solid var(--tw-line);border-radius:30px;padding:16px 30px;font-size:16px;box-shadow:none}
.customer .form-control:focus{border-color:var(--tw-ink);box-shadow:none}
.customer .form-check-input:checked{background-color:#000;border-color:#000}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 24px;border:1px solid var(--tw-line);border-radius:var(--tw-radius);overflow:hidden}
.woocommerce-MyAccount-navigation li a{display:block;padding:14px 20px;border-bottom:1px solid var(--tw-line);text-decoration:none;color:var(--tw-ink);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:700}
.woocommerce-MyAccount-navigation li:last-child a{border-bottom:0}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:#000;color:#fff}
.woocommerce-MyAccount-content table,.woocommerce-orders-table{width:100%;border-collapse:collapse;font-family:var(--tw-font)}
.woocommerce-MyAccount-content th{text-transform:uppercase;letter-spacing:1px;font-size:12px;border-bottom:1px solid var(--tw-line);padding:12px 8px;text-align:left}
.woocommerce-MyAccount-content td{padding:12px 8px;border-bottom:1px solid var(--tw-line)}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-family:var(--tw-heading)}
.woocommerce-MyAccount-content .input-text{border:1px solid var(--tw-line);border-radius:30px;padding:14px 30px;width:100%;font-family:var(--tw-font)}
.woocommerce-MyAccount-content .button{margin-top:8px}
@media (min-width:768px){.woocommerce-account .woocommerce{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:start}}
.woocommerce-notices-wrapper .woocommerce-error,.woocommerce-notices-wrapper .woocommerce-message,.woocommerce-notices-wrapper .woocommerce-info{list-style:none;padding:14px 20px;border:1px solid var(--tw-line);border-radius:var(--tw-radius);margin:0 0 20px;font-family:var(--tw-font)}
.woocommerce-notices-wrapper .woocommerce-error{border-color:var(--tw-accent);color:var(--tw-accent)}

/* ---- login / create account (storefront main-login layout: padding-top 100, padding-bottom 36, margin-bottom 70) ---- */
.ttwt-login{padding-top:100px;padding-bottom:36px;margin-bottom:70px}
.ttwt-login .customer{max-width:520px;margin:0 auto}
.ttwt-login .customer h2{font-family:var(--tw-heading);font-size:40px;font-weight:400}
.ttwt-login .form-check-input{width:1.1em;height:1.1em;margin-top:.2em;border-color:var(--tw-line)}
.ttwt-login .form-check-label{padding-left:6px}
.ttwt-login a{color:var(--tw-ink);text-decoration:none}
.ttwt-login .hover-underline a:hover,.ttwt-login a.hover-underline:hover{text-decoration:underline}
.ttwt-login .woocommerce-form-register .btn,.ttwt-login .woocommerce-form-login .btn{border-radius:30px!important;padding:16px 30px!important}
.ttwt-login__img{border-radius:var(--tw-radius);object-fit:cover;aspect-ratio:1/1.04}
.ttwt-login__icons{margin-top:60px;padding-top:50px;border-top:1px solid var(--tw-line)}
.ttwt-login__icons .card-icon .icon{font-size:38px;line-height:1}
.ttwt-login__icons h3{font-family:var(--tw-heading);font-weight:600}
.ttwt-login__icons p{margin:0;font-size:15px}
.ttwt-login .woocommerce-error,.ttwt-login .woocommerce-message,.ttwt-login .woocommerce-info{margin:0 0 20px}
/* lost / reset password (Woo default forms inside the same wrapper) */
.woocommerce-account .woocommerce-ResetPassword{max-width:520px;margin:0 auto;padding:100px 0 60px}
.woocommerce-ResetPassword .input-text{border:1px solid var(--tw-line);border-radius:30px;padding:16px 30px;width:100%;font-size:16px;font-family:var(--tw-font);margin-bottom:20px}
.woocommerce-ResetPassword label{display:block;margin-bottom:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:12px}
.woocommerce-ResetPassword .button{width:100%;border-radius:30px!important;padding:16px 30px!important}
@media (max-width:991px){.ttwt-login{padding-top:50px;margin-bottom:30px}.ttwt-login .customer h2{font-size:32px}.ttwt-login__icons{margin-top:20px}}

/* checkout coupon: match the pill input (56px, r30) and give the panel some air */
.wc-block-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button{padding:14px 0;font-weight:500}
.wc-block-checkout .wc-block-components-totals-coupon__content{gap:8px;align-items:flex-start}
.wc-block-checkout .wc-block-components-totals-coupon__input{margin:0}
.wc-block-checkout .wc-block-components-totals-coupon__button{height:56px;min-height:56px;border-radius:30px!important;padding:0 22px;font-weight:600;white-space:nowrap}
.wc-block-checkout .wc-block-components-totals-coupon__button:hover{background:var(--tw-ink)!important;color:#fff!important}
/* checkout terms checkbox + links before Place order */
.wc-block-checkout .wc-block-checkout__terms{padding-top:16px}
.wc-block-checkout .wc-block-checkout__terms a{text-decoration:underline;font-weight:600}
