/* WooCommerce pages (cart, checkout, order received, my account) in the Dubello look. */
.woo-wrap{padding-block:28px clamp(56px,7vw,96px)}
.woo-page .uhead .muted{max-width:46em}
#wooMeter{margin-bottom:20px;max-width:560px}
.cart-page .addons{border-top:1px solid var(--rule-light)}
.trust{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;color:var(--ink-soft)}
.trust li{display:flex;align-items:center;gap:8px}
.trust li::before{content:"";width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}

/* blocks: type, buttons, fields */
.woo-page .wc-block-components-title,.woo-page .wc-block-cart__totals-title,.woo-page h2.wc-block-components-title{font-family:var(--display);font-weight:400;letter-spacing:.01em;text-transform:none}
.woo-page .wc-block-cart__totals-title{font-size:13px!important;font-family:var(--text)!important;font-weight:600!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.woo-page .wc-block-components-button:not(.is-link),.woo-page .wc-block-cart__submit-button,.woo-page .wc-block-components-checkout-place-order-button,.woo-page .woocommerce-button,.woo-page .woocommerce .button,.woo-page button.button,.woo-page a.button{background:var(--gold-btn-bg)!important;color:var(--gold-btn-fg)!important;border:0!important;border-radius:999px!important;min-height:54px;padding:0 28px!important;font-family:var(--text)!important;font-weight:600!important;font-size:16px!important;text-decoration:none!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)!important;transition:filter .2s ease,transform .2s ease}
.woo-page .wc-block-components-button:not(.is-link):hover,.woo-page .woocommerce .button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.woo-page .wc-block-components-button:not(.is-link) .wc-block-components-button__text{font-weight:600}
.woo-page .wc-block-cart__submit-container{padding-top:6px}
.woo-page .wc-block-components-text-input input,.woo-page .wc-block-components-combobox .wc-block-components-combobox-control input,.woo-page .wc-blocks-components-select .wc-blocks-components-select__select,.woo-page .wc-block-components-textarea,.woo-page .woocommerce form .input-text,.woo-page .woocommerce form select{border-radius:12px!important;border:1px solid rgba(10,29,59,.22)!important;background:#fff!important;color:var(--ink)!important}
.woo-page .wc-block-components-text-input.is-active input:focus,.woo-page .woocommerce form .input-text:focus{border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(201,160,74,.28)!important}
.woo-page .wc-block-components-radio-control__option,.woo-page .wc-block-components-radio-control-accordion-option{border-radius:14px}
.woo-page .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,.woo-page .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{box-shadow:inset 0 0 0 2px var(--navy)!important;border-radius:14px}
.woo-page .wc-block-components-radio-control__input:checked{border-color:var(--navy)!important}
.woo-page .wc-block-components-radio-control__input:checked::before{background:var(--navy)!important}
.woo-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--navy)!important;border-color:var(--navy)!important}
.woo-page .wc-block-components-checkbox .wc-block-components-checkbox__mark{fill:var(--cream)!important}
.woo-page .wc-block-components-sidebar .wc-block-components-panel,.woo-page .wp-block-woocommerce-checkout-order-summary-block,.woo-page .wc-block-components-totals-wrapper{border-color:var(--rule-light)!important}
.woo-page .wp-block-woocommerce-checkout-order-summary-block{background:var(--paper);border-radius:20px;border:1px solid var(--rule-light)!important}
.woo-page .wc-block-cart .wc-block-cart__sidebar,.woo-page .wc-block-components-sidebar{background:transparent}
.woo-page .wc-block-cart .wp-block-woocommerce-cart-totals-block{background:var(--paper);border:1px solid var(--rule-light);border-radius:20px;padding:20px}
.woo-page .wc-block-components-totals-item__label,.woo-page .wc-block-components-totals-item__value{font-variant-numeric:tabular-nums}
.woo-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,.woo-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{font-size:20px;font-weight:600}
.woo-page .wc-block-components-sale-badge,.woo-page .wc-block-components-product-badge{border-radius:999px;border-color:var(--navy);color:var(--navy);background:transparent;font-weight:600;letter-spacing:.04em}
.woo-page .wc-block-components-product-name{color:var(--ink);font-weight:600;text-decoration:none}
.woo-page .wc-block-components-product-name:hover{text-decoration:underline}
.woo-page .wc-block-cart-items__header{font-size:12px;letter-spacing:.14em;color:var(--ink-soft)}
.woo-page .wc-block-components-quantity-selector{border-radius:999px;border-color:var(--rule-light);background:#fff}
.woo-page .wc-block-components-quantity-selector::after{border:0!important}
.woo-page .wc-block-components-product-metadata{font-size:13px;color:var(--ink-soft)}
.woo-page .wc-block-components-product-details__name{font-weight:600;color:var(--ink)}
.woo-page .wc-block-cart-item__image img{border-radius:12px;background:var(--sand)}
.woo-page .wc-block-components-totals-coupon__button{min-height:48px!important;padding:0 18px!important;font-size:14px!important}
.woo-page .wc-block-components-notice-banner{border-radius:14px}
.woo-page .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button{color:var(--ink)}
.woo-page .wc-block-components-chip{background:var(--navy);color:var(--cream);border-radius:999px}
/* focused checkout: no main nav and no footer link columns */
body.focus-checkout header.top nav,body.focus-checkout header.top .icons .ico:not(#cartBtn),body.focus-checkout .fcols{display:none}
body.focus-checkout header.top .burger{display:none!important}
body.focus-checkout .wa{display:none}

/* classic WooCommerce (my account, order received) */
.account-page .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}
.account-page .woocommerce::before,.account-page .woocommerce::after{display:none}
.account-page .woocommerce-MyAccount-navigation,.account-page .woocommerce-MyAccount-content{float:none!important;width:auto!important}
.account-page .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:8px;border:1px solid var(--rule-light);border-radius:18px;background:var(--paper);display:flex;flex-direction:column;gap:2px}
.account-page .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:500}
.account-page .woocommerce-MyAccount-navigation .is-active a{background:var(--navy);color:var(--cream)}
.account-page .woocommerce-MyAccount-navigation a:hover{background:rgba(10,29,59,.06)}
.account-page .woocommerce-MyAccount-navigation .is-active a:hover{background:var(--navy)}
.account-page .woocommerce-MyAccount-content{font-size:16px;color:var(--ink-soft);min-width:0}
.account-page .woocommerce-MyAccount-content a{color:var(--ink)}
.account-page:not(:has(.woocommerce-MyAccount-navigation)) .woocommerce{grid-template-columns:minmax(0,1fr)}
.account-page .u-columns.col2-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.account-page .u-columns .u-column1,.account-page .u-columns .u-column2{float:none;width:auto;background:var(--paper);border:1px solid var(--rule-light);border-radius:20px;padding:clamp(20px,3vw,32px)}
.account-page .u-columns h2,.account-page .woocommerce-MyAccount-content h2,.account-page .woocommerce-MyAccount-content h3{font-family:var(--display);font-weight:400;font-size:28px;color:var(--ink)}
.account-page .woocommerce form .form-row{padding:0;margin:0 0 14px}
.account-page .woocommerce form .form-row label{font-size:13px;font-weight:600}
.account-page .woocommerce form .input-text{min-height:50px;padding:0 16px}
.account-page table.shop_table,.woo-page .woocommerce-order table.shop_table{border-collapse:collapse;width:100%;border:1px solid var(--rule-light);border-radius:16px;overflow:hidden;background:var(--paper)}
.account-page table.shop_table th,.account-page table.shop_table td,.woo-page .woocommerce-order table.shop_table th,.woo-page .woocommerce-order table.shop_table td{padding:12px 14px;border-bottom:1px solid var(--rule-light);text-align:left}
.woo-page .woocommerce-order{display:flex;flex-direction:column;gap:22px}
.woo-page ul.woocommerce-order-overview{list-style:none;margin:0;padding:18px;border-radius:18px;background:var(--paper);border:1px solid var(--rule-light);display:flex;flex-wrap:wrap;gap:12px 28px}
.woo-page ul.woocommerce-order-overview li{border:0!important;margin:0!important;padding:0!important;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}
.woo-page ul.woocommerce-order-overview li strong{display:block;font-size:16px;letter-spacing:0;text-transform:none;color:var(--ink)}
@media (max-width:760px){
  .account-page .woocommerce{grid-template-columns:minmax(0,1fr);gap:20px}
  .account-page .woocommerce-MyAccount-navigation ul{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .account-page .woocommerce-MyAccount-navigation a{white-space:nowrap}
  .account-page .u-columns.col2-set{grid-template-columns:minmax(0,1fr)}
}
.woo-page .wc-block-components-product-name,.woo-page .wc-block-components-order-summary-item__description h3{font-family:var(--text)!important;font-size:15px}
/* WooCommerce 11 repeats the currency code after the total ("AED 107.64 AED"); the price already starts with AED */
.woo-page .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount__currency-symbol{display:none}
/* the product's short description is too long for cart and checkout lines */
.woo-page .wc-block-components-product-metadata__description{display:none}

/* empty cart: keep the message, drop Woo's unstyled "New in store" grid (our own "Goes well with your order" row sits below) */
.wp-block-woocommerce-empty-cart-block > .wp-block-separator,
.wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title),
.wp-block-woocommerce-empty-cart-block > .wc-block-grid{display:none}
.wp-block-woocommerce-empty-cart-block{padding-block:clamp(24px,5vw,56px)}
.wc-block-cart__empty-cart__title{font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,32px)}