/*! avloon-storefront commerce.css — cart (page 9), checkout (page 10), my account (page 11). Loaded only on those
 * pages while their surface is on. Values ported per component from the compiled Elementor CSS of posts 9 / 11, the
 * widget settings of 7d45f9d / b89ac73 / b3e66e2 and the Rey widget stylesheets; every rule is scoped under the
 * surface root [data-avl-sf]. Logical properties (RTL first, /en/ mirrors). Deliberately NOT ported: page 9's
 * `.woocommerce .cart-collaterals{display:none}` (G3 — it hides a classic cart's totals) and the points-plugin rules. */

/* ------------------------------------------------------------------ page frame (0.2.1 CO-3)
 * A printed body.elementor-page, and Rey's `.elementor-page .rey-siteContainer{padding:0 …}` took the container's
 * block padding away (2 × --main-gutter-size otherwise: 30 px desktop, 28 px phone) while the Elementor sections carried
 * the gutters. Our pages have no such class, so the same zero is restored here; the roots below carry A's gutters. */
:is(body.avs-page-cart,body.avs-page-account,body.avs-page-checkout) .rey-siteContainer{padding-block:0}
@media (max-width:1024px){:is(body.avs-page-cart,body.avs-page-account,body.avs-page-checkout) .rey-siteContainer{padding-inline:0}}

/* ------------------------------------------------------------------ cart */
/* A (section 05b16ba): padding 50/0/100, Rey section gutter = --main-gutter-size (15 px; 14 px ≤767), no column padding:
 * content 110–1330 at 1440, title 14 px from the edge at 390. Title line box = A's inherited 1.7 (CO-6, see notes). */
.avs-cart{box-sizing:border-box;max-width:1250px;margin-inline:auto;padding:50px var(--main-gutter-size,15px) 100px}
.avs-cart__title{display:flex;align-items:center;margin:0 0 20px;color:#000;font-size:40px;font-weight:800;line-height:1.7}
.avs-cart__icon{display:inline-flex;align-items:center;padding-inline-end:10px;color:#000}
.avs-cart__icon svg{display:block;width:1.25em;height:1em;fill:currentColor}

/* widget 7d45f9d colours (Elementor selectors were .elementor-9 …7d45f9d …) */
.avs-cart[data-avl-sf="cart"] .rey-cartPage table.shop_table.woocommerce-cart-form__contents{--cart-table-bg-color:var(--avs-cart-tbl-bg,transparent);--cart-table-head-bg-color:var(--avs-cart-tbl-head-bg,HSL(var(--neutral-1)));--cart-table-border-color:var(--avs-cart-tbl-border,HSL(var(--neutral-2)))}
.avs-cart[data-avl-sf="cart"] .cart_totals .shop_table{--cart-totals-bg-color:var(--avs-cart-totals-bg,transparent)}
.avs-cart[data-avl-sf="cart"] .rey-cartPage .cart_totals a.checkout-button.button,.avs-cart[data-avl-sf="cart"] .rey-cartPage .cart_totals .checkout-button{color:var(--avs-cart-btn-text,#fff);background-color:var(--avs-cart-btn-bg,#000)}

/* widget custom CSS: process bar hidden; form column margin on desktop (A: margin-right:0;margin-left:35px in RTL) */
[data-avl-sf="cart"] .rey-checkoutBar-wrapper{display:none}
@media (min-width:1025px){.avs-cart[data-avl-sf="cart"] .rey-cartPage.--layout-custom .woocommerce-cart-formWrapper{margin-inline-start:0;margin-inline-end:35px}}
/* the collaterals are empty in the custom layout (totals moved before them): no stray top margin */
.avs-cart[data-avl-sf="cart"] .rey-cartPage.--layout-custom .cart-collaterals{margin-top:0}

/* Rey custom layout essentials (same values as rey-core's wc-cart widget stylesheet; keep the page right if that
 * file moves in a Rey update) */
[data-avl-sf="cart"] .rey-cartPage.--layout-custom{--cart-table-size:65%;--cart-table-distance:50px}
[data-avl-sf="cart"] .rey-cartPage.--layout-custom .rey-cartPage-inner{position:relative}
[data-avl-sf="cart"] .rey-cartPage table.shop_table.woocommerce-cart-form__contents{margin-bottom:40px}
[data-avl-sf="cart"] .rey-cartPage.--layout-custom .cart_totals{display:flex;flex-direction:column}
[data-avl-sf="cart"] .rey-cartPage.--layout-custom .cart_totals .wc-proceed-to-checkout{padding:0;order:10}
[data-avl-sf="cart"] .rey-cartPage.--layout-custom .cart_totals .coupon{display:flex;margin-bottom:1.5625rem}
[data-avl-sf="cart"] .rey-cartPage.--layout-custom .cart_totals .coupon label{display:none}
[data-avl-sf="cart"] .rey-cartPage.--layout-custom .cart_totals .coupon .button{white-space:nowrap;margin-inline-end:1em}
[data-avl-sf="cart"] .rey-cartPage.--layout-custom .woocommerce-cart-form__actions .coupon{display:none}
[data-avl-sf="cart"] .rey-cartPage.--layout-custom.--totals-sticky .cart_totals{align-self:flex-start}
@media (min-width:1025px){
	[data-avl-sf="cart"] .rey-cartPage.--layout-custom .rey-cartPage-inner{display:flex}
	[data-avl-sf="cart"] .rey-cartPage.--layout-custom .woocommerce-cart-formWrapper{width:calc(var(--cart-table-size) - var(--cart-table-distance))}
	[data-avl-sf="cart"] .rey-cartPage.--layout-custom .cart_totals{width:calc(100% - var(--cart-table-size))}
	[data-avl-sf="cart"] .rey-cartPage.--layout-custom.--totals-sticky .cart_totals{position:sticky;top:var(--sticky-offset,calc(var(--admin-bar, 0px) + 10px))}
}
[data-avl-sf="cart"] .rey-cartPage .__no-shipping-text{font-size:12px;font-style:italic}
[data-avl-sf="cart"] .rey-cartPage .__no-shipping-text td{text-align:start}

/* empty cart (Rey markup) */
[data-avl-sf="cart"] .rey-emptyCart{text-align:center}
[data-avl-sf="cart"] .rey-emptyCart .rey-emptyCart-icon{margin-bottom:2rem}
[data-avl-sf="cart"] .rey-emptyCart .rey-emptyCart-icon svg{width:1em;height:1em;font-size:60px;opacity:.4}
[data-avl-sf="cart"] .rey-emptyCart .rey-emptyCart-content p:last-of-type{margin-bottom:2rem}

/* quantity buttons of the template fallback (rey-core absent) */
[data-avl-sf="cart"] .avs-qty{display:inline-flex;align-items:stretch;gap:0}
[data-avl-sf="cart"] .avs-qty .quantity{margin:0}
[data-avl-sf="cart"] .avs-qty__btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:1px solid var(--cart-table-border-color,#c0c0c0);background:#fff;color:#000;cursor:pointer}
[data-avl-sf="cart"] .avs-qty__btn svg{width:16px;height:16px}
[data-avl-sf="cart"] .avs-qty__btn:focus-visible{outline:2px solid #000;outline-offset:2px}

/* ------------------------------------------------------------------ checkout */
.avs-checkout{box-sizing:border-box;max-width:1250px;margin-inline:auto;padding:60px 20px 90px}
@media (max-width:767px){.avs-checkout{padding:35px 30px 60px}}
.avs-checkout > .rey-checkoutPage{margin-bottom:50px}
.avs-checkout[data-avl-sf="checkout"] .rey-checkoutPage #order_review_heading{font-size:24px;font-weight:600;letter-spacing:-.7px;color:#000}
.avs-checkout--total-red[data-avl-sf="checkout"] .order-total bdi{color:red}
.avs-checkout--no-shipping-fields[data-avl-sf="checkout"] .woocommerce-shipping-fields{display:none}
[data-avl-sf="checkout"] .woocommerce-checkout-review-order{padding:20px 0}
html[dir="rtl"] [data-avl-sf="checkout"] :is(.woocommerce-message,.woocommerce-error,.woocommerce-info){padding-inline-start:0!important;display:contents}
[data-avl-sf="checkout"] :is(.woocommerce-message,.woocommerce-error,.woocommerce-info)::before{display:none!important}
[data-avl-sf="checkout"] input[type="tel" i]{direction:inherit}

/* ------------------------------------------------------------------ my account */
/* A (CO-3): sections 695d3df 50/0/25 and 24bdcbc 35/0/80, boxed 1250 with Rey's 15 px column gutter and no column
 * padding from 1025 px (content 110–1330 at 1440); the explicit 10 px column padding of c70a367 / 83faf9d ≤1024. */
.avs-account{box-sizing:border-box}
.avs-account__head{box-sizing:border-box;max-width:1250px;margin-inline:auto;padding:50px 15px 25px}
.avs-account__body{box-sizing:border-box;max-width:1250px;margin-inline:auto;padding:35px 15px 80px}
@media (max-width:1024px){.avs-account__head{padding:60px 10px 35px}.avs-account__body{padding:45px 10px 90px}}
.avs-crumbs__list{display:flex;flex-wrap:wrap;align-items:flex-end;margin:0;padding:0;list-style:none}
.avs-crumbs__item{display:inline-flex;align-items:flex-end;margin:0;color:#999;font-size:14px;font-weight:400;line-height:1}
.avs-crumbs__item a{color:#999;text-decoration:none}
.avs-crumbs__item a:hover{color:#000}
.avs-crumbs__item--current{color:#000}
.avs-crumbs__home{display:inline-block;width:25px;height:auto;margin-inline-end:2px;vertical-align:bottom}
.avs-crumbs__sep{display:inline-flex;margin-inline:5px;color:var(--avs-crumbs-sep,#69727d);font-size:15px;line-height:1}
.avs-crumbs__sep svg{width:.625em;height:1em;fill:currentColor}
html:not([dir="rtl"]) .avs-crumbs__sep svg{transform:scaleX(-1)}
.avs-account__title{margin:15px 0 0;color:#000;line-height:1}
@media (max-width:1024px){.avs-account__title{margin-top:10px}}

/* Pro widget b3e66e2 look on WooCommerce's account navigation (tabs) */
[data-avl-sf="account"] .woocommerce-MyAccount-navigation ul{margin:0;padding:0;list-style:none}
[data-avl-sf="account"] .woocommerce-MyAccount-navigation ul li{margin:0 0 var(--avs-acc-tab-gap,4px);padding:0}
[data-avl-sf="account"] .woocommerce-MyAccount-navigation ul li a{display:block;padding:10px 20px;border:1px solid var(--avs-acc-tab-border,#d9d9d9);background-color:var(--avs-acc-tab-bg,#fff);color:var(--avs-acc-tab-text,#000);font-weight:500;letter-spacing:0;text-decoration:none}
[data-avl-sf="account"] .woocommerce-MyAccount-navigation ul li a:hover,[data-avl-sf="account"] .woocommerce-MyAccount-navigation ul li.is-active a{background-color:var(--avs-acc-tab-active-bg,#000);color:var(--avs-acc-tab-active-text,#fff)}
[data-avl-sf="account"] .woocommerce-MyAccount-navigation ul li a:focus-visible{outline:2px solid #000;outline-offset:2px}
[data-avl-sf="account"] .woocommerce .button,[data-avl-sf="account"] button.button,[data-avl-sf="account"] #add_payment_method #payment #place_order{background-color:var(--avs-acc-btn-bg,#f97e1a);color:var(--avs-acc-btn-text,#fff)}
[data-avl-sf="account"] .woocommerce-MyAccount-content a:not(.button),[data-avl-sf="account"] .woocommerce-LostPassword a,[data-avl-sf="account"] .woocommerce-privacy-policy-text a{color:var(--avs-acc-link,#003bbf)}

/* widget custom CSS: address form */
[data-avl-sf="account"] .woocommerce-address-fields input{background-color:#fff!important;border:1px solid #ddd!important}
[data-avl-sf="account"] .woocommerce-address-fields label{margin:20px 0 8px;font-size:15px;font-weight:500}
[data-avl-sf="account"] .avs-field-hidden{display:none!important}

/* DIN wherever post-11 named it (CO-2); sizes and weights stay (crumbs 14/400, tabs 500). The select2 list is appended
 * to <body>, outside the root (A's rule was page-wide too). */
[data-avl-sf="account"] :is(.avs-crumbs__item,.avs-account__title,.avs-account__body h2,.avs-account__body h3,.woocommerce-form-row label,.woocommerce-address-fields label,.woocommerce-form__label-for-checkbox span,.woocommerce-LostPassword a,.woocommerce-PaymentMethod .input-radio+label,.form-row .input-text,.form-row select,.select2-selection--single,button.button,#place_order,.woocommerce-MyAccount-navigation ul li a,address,.woocommerce-MyAccount-content>div>p,.woocommerce-EditAccountForm fieldset legend,.woocommerce-ResetPassword p:nth-child(1),.woocommerce-OrderUpdate,.register p:not([class]),em,.order_details thead th,.order_details tfoot :is(td,th),.nobr,.woocommerce-orders-table tbody td,.woocommerce-table--order-downloads tbody td,.woocommerce-table--order-details td a,.product-quantity,td.product-total,td.payment-method-method,td.payment-method-expires,.wc-item-meta,:is(.shop_table,.order-again,.woocommerce-pagination) .button),body.avs-page-account .select2-results__option{font-family:var(--avs-din,"DINNextLTArabic",sans-serif)}

/* logged out (CO-1): Elementor Pro's login / register cards, scoped; geometry measured on A — cards 595×269 at x 110–704
 * and 735–1329 (1440), 370×264 stacked (390); fields 533×43 / 308×40 (the 390 email/password rows are 41 in A). */
[data-avl-sf="account"] #customer_login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px 30px;margin:0}
[data-avl-sf="account"] #customer_login::before,[data-avl-sf="account"] #customer_login::after{content:none;display:none}
[data-avl-sf="account"] #customer_login>:is(.u-column1,.u-column2){display:flex;flex-direction:column;float:none;width:auto;max-width:none;margin:0;padding:0}
@media (max-width:767px){[data-avl-sf="account"] #customer_login{grid-template-columns:minmax(0,1fr)}}
[data-avl-sf="account"] #customer_login h2{margin:22px 0 46px;line-height:18px}
[data-avl-sf="account"] #customer_login :is(form.login,form.register){box-sizing:border-box;flex:1 1 auto;height:100%;margin:0;padding:16px 30px;background:#fff;border:1px solid #d5d8dc;border-radius:3px}
[data-avl-sf="account"] #customer_login .form-row{margin:0 0 6px;padding:0}
[data-avl-sf="account"] #customer_login .form-row-wide label{display:block;margin:0;padding:0;line-height:19px;color:#69727d}
[data-avl-sf="account"] #customer_login .input-text{box-sizing:border-box;width:100%;height:43px;margin:0;background-color:#f9fafa;border:0;border-radius:0;box-shadow:none}
@media (max-width:767px){[data-avl-sf="account"] #customer_login .input-text{height:41px}[data-avl-sf="account"] #customer_login input[type="text"].input-text{height:40px}}
[data-avl-sf="account"] #customer_login :is(form.login,form.register)>p.form-row:not(.form-row-wide){display:flex;flex-direction:column;align-items:flex-start;margin:15px 0 0}
[data-avl-sf="account"] #customer_login .woocommerce-privacy-policy-text:empty{display:none}
[data-avl-sf="account"] #customer_login .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:9px;margin:9px 0 2px;padding:0;color:#69727d;font-size:13px;line-height:13px}
[data-avl-sf="account"] #customer_login .woocommerce-form-login__rememberme input{width:13px;height:13px;margin:0}
[data-avl-sf="account"] #customer_login .button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:40px;margin:0;padding:0 32px;line-height:1}
[data-avl-sf="account"] #customer_login .woocommerce-form-login__submit{min-width:140px}
[data-avl-sf="account"] #customer_login .woocommerce-LostPassword{margin:10px 0 0;font-size:13px;line-height:16px}