/* Theme Name: BA Perfume – Storefront Child Template: storefront Version: 1.18.278 Requires PHP: 8.0 -------------------------------------------------------------------- TABLE OF CONTENTS -------------------------------------------------------------------- 1. Core (variables, resets, typography) 2. Buttons & Ripple effects 3. Badges, Counters & Catalog/Product basics 4. Product Tabs 5. Header (2‑row layout) 5.1 Top‑row (logo / search / icons) 5.2 Navigation row 6. Modals & Panels 6.1 Cart panel 6.2 Auth modal 6.3 Mobile hamburger + mobile menu 7. Widgets & Blocks 7.1 Top strip 7.2 Hero slider 7.3 Trust badges 7.4 Homepage categories 7.5 Product sliders (New Arrivals / YML) 7.6 Best‑Sellers / Popular 7.7 Free‑shipping bar 7.8 Gift‑set banner 7.9 Brands slider 8. Footer 8.A Desktop ≥ 1350 8.B Mobile ≤ 1349 9. Utilities & Media‑queries 9.1 Smart‑scroll & mobile header logic 9.2 Breakpoints: ≤ 1350, ≤ 1024, ≤ 600, admin‑bar, ≤ 400 9.3 Extra‑small, Micro & Mini patches 10. Categories (desktop bar + mobile panel) 11. Live search dropdown 12. Product badges (CBD) + single‑product positioning 13. BA Shop Filters (desktop & mobile) 14. My Account / Orders UI 15. ASCII‑safe icon overrides (wrapped in @supports) ------------------------------------------------------------------*/ /* ================================================================== 1. CORE • Variables, resets & typography ================================================================= */ :root{ --accent:#E1A743; --accent-dark:#B37C2E; --black:#000; --white:#FAF9F6; --gray-border:#cecece; --focus:var(--accent-dark); --badge-bg:var(--accent); --badge-color:var(--white); --border-color:var(--gray-border); --wp--style--color--link:#111; --mobile-header-height:4.5rem; --ba-vh:1vh; } /* Browser chrome/orientation resize natively; JS only bridges keyboard/zoom exceptions. */ @supports (height:1dvh){ :root{--ba-vh:1dvh;} } /* Keyboard skip link. Kept as a direct body child so header overflow cannot clip it. */ .ba-skip-link { position:fixed; inset-inline-start:1rem; top:1rem; z-index:100000; display:block; padding:.65rem 1rem; border:2px solid #111; border-radius:4px; background:#fff; color:#111; font-weight:700; line-height:1.4; text-decoration:none; transform:translateY(calc(-100% - 2rem)); } .ba-skip-link:focus, .ba-skip-link:focus-visible { transform:none; outline:3px solid #e50914; outline-offset:2px; } /* Non-canonical AJAX wrappers must not introduce a new layout box. */ .ba-cbd-price-wrapper, .ba-cbd-condition-surface, .ba-cbd-badge-surface { display: contents; } /* Honor the server-rendered hidden state before the quantity controller initializes. */ body.single-product .summary.entry-summary form.cart .ba-pqc-single-manage-cart[hidden]{display:none !important;} /* Single-product first paint: match the hydrated purchase UI before JS adds .ba-pqc-single-form */ body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions){ order:3; display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; gap:.75rem; width:89%; max-width:28rem; margin:0 0 1rem auto; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .quantity:not(.product-quantity){display:none;} body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .single_add_to_cart_button[hidden], body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-control[hidden]{display:none !important;} body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-actions{ --ba-pqc-single-cart-width:clamp(10.5rem, 42vw, 12rem); --ba-pqc-single-quick-width:clamp(7.25rem, 29vw, 8.75rem); display:flex; align-items:stretch; flex-wrap:nowrap; gap:.625rem; width:fit-content; max-width:100%; margin:0 0 0 auto; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-cart-slot{ display:flex; width:var(--ba-pqc-single-cart-width); min-width:var(--ba-pqc-single-cart-width); flex:0 0 var(--ba-pqc-single-cart-width); max-width:100%; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-quick-slot{ display:flex; width:var(--ba-pqc-single-quick-width); min-width:var(--ba-pqc-single-quick-width); flex:0 0 var(--ba-pqc-single-quick-width); max-width:100%; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-cart-slot > .single_add_to_cart_button.button.alt, body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-cart-slot > .product-quantity.ba-pqc-single-control{ width:100%; margin:0 !important; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) button.single_add_to_cart_button.button.alt{ display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; margin:0; padding:11px 16px; background:#ffb249; color:#222; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) button.single_add_to_cart_button.button.alt:hover{ background:#f9b73e; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-quick-button{ display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; margin:0 !important; padding:11px 14px; border:1px solid #222; border-radius:4px; background:transparent; color:#222; font:600 .95rem/1 "Noto Sans Hebrew",sans-serif; white-space:nowrap; text-align:center; transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease; pointer-events:auto; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-quick-button:hover{ background:#f1f1f1; color:#222; border-color:#222; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .product-quantity.ba-pqc-single-control{ display:flex; align-items:center; gap:.45rem; width:100%; min-height:44px; margin:0 !important; padding:0; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .product-quantity.ba-pqc-single-control .qty-btn{ width:44px; height:44px; line-height:1; font-size:23px; color:#222; font-weight:500; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .product-quantity.ba-pqc-single-control .qty-input{ width:45%; height:44px; padding:0 !important; border:1px solid #cacaca !important; border-radius:10px; box-shadow:none !important; font-weight:700; color:#111; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-wishlist-slot, body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-wishlist-slot .tinv-wraper, body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-wishlist-slot .tinv-wishlist{ display:flex; align-items:stretch; margin:0; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-wishlist-slot{ flex:0 0 auto; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-wishlist-slot .tinv-wishlist-clear{ display:none !important; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-wishlist-slot .tinvwl_add_to_wishlist_button, body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-wishlist-slot a[class*="add_to_wishlist"]{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; margin:0; } body.single-product .summary.entry-summary:has(> form.cart:has(> .ba-pqc-single-actions)) > .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-woocommerce_single_product_summary{ display:none !important; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row){ /* The native variable-product template nests the same server action shell. */ order:3; display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; gap:.75rem; width:89%; max-width:28rem; margin:0 0 1rem auto; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .quantity:not(.product-quantity){display:none;} body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .single_add_to_cart_button[hidden], body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-control[hidden]{display:none !important;} body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-actions{ --ba-pqc-single-cart-width:clamp(10.5rem, 42vw, 12rem); --ba-pqc-single-quick-width:clamp(7.25rem, 29vw, 8.75rem); display:flex; align-items:stretch; flex-wrap:nowrap; gap:.625rem; width:fit-content; max-width:100%; margin:0 0 0 auto; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-cart-slot{ display:flex; width:var(--ba-pqc-single-cart-width); min-width:var(--ba-pqc-single-cart-width); flex:0 0 var(--ba-pqc-single-cart-width); max-width:100%; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-quick-slot{ display:flex; width:var(--ba-pqc-single-quick-width); min-width:var(--ba-pqc-single-quick-width); flex:0 0 var(--ba-pqc-single-quick-width); max-width:100%; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-cart-slot > .single_add_to_cart_button.button.alt, body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-cart-slot > .product-quantity.ba-pqc-single-control{ width:100%; margin:0 !important; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) button.single_add_to_cart_button.button.alt{ display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; margin:0; padding:11px 16px; background:#ffb249; color:#222; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) button.single_add_to_cart_button.button.alt:hover{ background:#f9b73e; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-quick-button{ display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; margin:0 !important; padding:11px 14px; border:1px solid #222; border-radius:4px; background:transparent; color:#222; font:600 .95rem/1 "Noto Sans Hebrew",sans-serif; white-space:nowrap; text-align:center; transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease; pointer-events:auto; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-quick-button:hover{ background:#f1f1f1; color:#222; border-color:#222; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .product-quantity.ba-pqc-single-control{ display:flex; align-items:center; gap:.45rem; width:100%; min-height:44px; margin:0 !important; padding:0; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .product-quantity.ba-pqc-single-control .qty-btn{ width:44px; height:44px; line-height:1; font-size:23px; color:#222; font-weight:500; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .product-quantity.ba-pqc-single-control .qty-input{ width:45%; height:44px; padding:0 !important; border:1px solid #cacaca !important; border-radius:10px; box-shadow:none !important; font-weight:700; color:#111; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-wishlist-slot, body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-wishlist-slot .tinv-wraper, body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-wishlist-slot .tinv-wishlist{ display:flex; align-items:stretch; margin:0; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-wishlist-slot{ flex:0 0 auto; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-wishlist-slot .tinv-wishlist-clear{ display:none !important; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-wishlist-slot .tinvwl_add_to_wishlist_button, body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-wishlist-slot a[class*="add_to_wishlist"]{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; margin:0; } body.single-product .summary.entry-summary:has(> form.cart:has(> .ba-pqc-single-actions-row)) > .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-woocommerce_single_product_summary{ display:none !important; } @media (max-width:767px){ body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions){ --ba-pqc-single-quick-width:clamp(5.85rem, 28vw, 6.85rem); width:100% !important; max-width:none; margin:0 !important; gap:.5rem; } body.single-product main.site-main > div.product{ position:relative; } body.single-product main.site-main > div.product > .woocommerce-product-gallery, body.single-product main.site-main > div.product > .woocommerce-product-gallery .woocommerce-product-gallery__wrapper{ position:relative; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions{ position:static !important; display:contents !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions > .ba-pqc-single-cart-slot{ position:fixed !important; right:0 !important; left:0 !important; bottom:0 !important; z-index:999997 !important; display:flex !important; align-items:stretch !important; width:100% !important; max-width:none !important; min-width:0 !important; margin:0 !important; padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px)) !important; background:#fff !important; border-top:1px solid var(--gray-border) !important; box-shadow:0 -8px 20px rgba(0,0,0,.08) !important; box-sizing:border-box !important; justify-content:flex-start !important; gap:.5rem !important; direction:rtl !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions > .ba-pqc-single-quick-slot{ position:fixed !important; left:1rem !important; bottom:calc(.75rem + env(safe-area-inset-bottom, 0px)) !important; z-index:999998 !important; display:flex !important; width:var(--ba-pqc-single-quick-width) !important; min-width:var(--ba-pqc-single-quick-width) !important; max-width:var(--ba-pqc-single-quick-width) !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions > .ba-pqc-single-cart-slot > .single_add_to_cart_button.button.alt, body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions > .ba-pqc-single-cart-slot > .product-quantity.ba-pqc-single-control{ width:calc(100% - 136px) !important; max-width:420px !important; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) button.single_add_to_cart_button.button.alt{ min-height:46px; padding:10px 14px; font-size:.95rem; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-quick-button{ min-height:46px; padding:10px 12px; font-size:.9rem; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .product-quantity.ba-pqc-single-control{ min-height:46px; gap:.35rem; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .product-quantity.ba-pqc-single-control .qty-btn{ width:46px; height:46px; font-size:1.25rem; } body.single-product .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .product-quantity.ba-pqc-single-control .qty-input{ flex:1 1 auto; width:auto; min-width:0; height:46px; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot{ position:absolute !important; top:calc(min(82vw, 330px) - 58px) !important; right:1rem !important; bottom:auto !important; left:auto !important; z-index:55 !important; display:block !important; width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; flex:none !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot .tinv-wraper, body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot .tinv-wishlist{ display:block !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:has(> .ba-pqc-single-actions) > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot .tinvwl-tooltip{ display:none !important; } body.single-product:has(.summary.entry-summary form.cart:has(.ba-pqc-single-actions-row)){ padding-bottom:calc(5.75rem + env(safe-area-inset-bottom, 0px)); } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row){ --ba-pqc-single-quick-width:clamp(5.85rem, 28vw, 6.85rem); width:100% !important; max-width:none; margin:0 !important; gap:.5rem; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row{ position:static !important; display:contents !important; width:auto !important; max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions{ /* Match the settled mobile bar while server-rendered Quick Buy is still a sibling of the cart slot; the quantity controller later moves it inside. */ --ba-pqc-single-cart-main-width:clamp(9.35rem, 44vw, 10.35rem); --ba-pqc-single-quick-width:clamp(5.85rem, 28vw, 6.85rem); position:fixed !important; right:0; left:0; bottom:0; z-index:80; display:flex !important; align-items:stretch; width:100% !important; max-width:none !important; margin:0 !important; padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px)) !important; gap:.5rem !important; background:#fff !important; border-top:1px solid var(--gray-border) !important; box-shadow:0 -8px 20px rgba(0,0,0,.08) !important; box-sizing:border-box; direction:rtl; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-cart-slot{ display:flex !important; justify-content:flex-start !important; flex-wrap:nowrap; align-items:stretch !important; gap:.5rem !important; flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-quick-slot{ position:absolute !important; right:calc(1rem + var(--ba-pqc-single-cart-main-width) + .5rem); top:.75rem; bottom:calc(.75rem + env(safe-area-inset-bottom, 0px)) !important; display:flex !important; width:var(--ba-pqc-single-quick-width) !important; min-width:var(--ba-pqc-single-quick-width) !important; max-width:var(--ba-pqc-single-quick-width) !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-cart-slot > .single_add_to_cart_button.button.alt, body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-cart-slot > .product-quantity.ba-pqc-single-control{ flex:0 1 var(--ba-pqc-single-cart-main-width); width:var(--ba-pqc-single-cart-main-width) !important; min-width:var(--ba-pqc-single-cart-main-width); max-width:var(--ba-pqc-single-cart-main-width) !important; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) button.single_add_to_cart_button.button.alt{ min-height:46px; padding:10px 14px; font-size:.95rem; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-quick-button{ min-height:46px; padding:10px 12px; font-size:.9rem; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .product-quantity.ba-pqc-single-control{ min-height:46px; gap:.35rem; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .product-quantity.ba-pqc-single-control .qty-btn{ width:46px; height:46px; font-size:1.25rem; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .product-quantity.ba-pqc-single-control .qty-input{ flex:1 1 auto; width:auto; min-width:0; height:46px; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot{ display:flex !important; align-items:stretch; width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; flex:0 0 auto !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot .tinv-wraper, body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot .tinv-wishlist{ display:flex !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot .tinvwl_add_to_wishlist_button, body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot a[class*="add_to_wishlist"]{ min-width:46px; min-height:46px; } body.single-product main.site-main > div.product > .summary.entry-summary > form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row > .ba-pqc-single-actions > .ba-pqc-single-wishlist-slot .tinvwl-tooltip{ display:none !important; } } /* Out-of-stock single-product safety net: do not let the managed quick-buy UI leak onto unavailable products. */ body.single-product:has(div.product.outofstock){ padding-bottom:0 !important; } body.single-product div.product.outofstock, body.single-product div.product.outofstock .summary.entry-summary, body.single-product div.product.outofstock .summary.entry-summary form.cart{ max-width:100%; overflow-x:hidden; } body.single-product div.product.outofstock .summary.entry-summary form.cart.ba-pqc-single-form, body.single-product div.product.outofstock .summary.entry-summary form.cart:has(> .ba-pqc-single-actions){ width:auto !important; max-width:100% !important; margin:0 !important; padding:0 !important; gap:0 !important; } body.single-product div.product.outofstock .ba-pqc-single-actions, body.single-product div.product.outofstock .ba-pqc-single-cart-slot, body.single-product div.product.outofstock .ba-pqc-single-quick-slot, body.single-product div.product.outofstock .ba-pqc-single-quick-button, body.single-product div.product.outofstock .ba-pqc-single-control{ display:none !important; } body.single-product div.product.outofstock .summary.entry-summary > .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-woocommerce_single_product_summary{ display:block !important; } body.single-product div.product.outofstock .woocommerce-tabs.wc-tabs-wrapper, body.single-product div.product.outofstock .woocommerce-tabs{ display:block !important; } body.single-product div.product.outofstock .woocommerce-tabs .wc-tabs{ display:flex !important; } /* Hard override: keep out-of-stock pages from showing the managed action UI. */ body.single-product:has(div.product.outofstock .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions), body.single-product:has(div.product.outofstock .summary.entry-summary form.cart:has(> .ba-pqc-single-actions)){ padding-bottom:0 !important; } body.single-product div.product.outofstock .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions, body.single-product div.product.outofstock .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-cart-slot, body.single-product div.product.outofstock .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-slot, body.single-product div.product.outofstock .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-button, body.single-product div.product.outofstock .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-control, body.single-product div.product.outofstock .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-actions, body.single-product div.product.outofstock .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-cart-slot, body.single-product div.product.outofstock .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-quick-slot, body.single-product div.product.outofstock .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-quick-button, body.single-product div.product.outofstock .summary.entry-summary form.cart:has(> .ba-pqc-single-actions) .ba-pqc-single-control{ display:none !important; } body.single-product div.product.outofstock .summary.entry-summary:has(> form.cart:has(> .ba-pqc-single-actions)) > .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-woocommerce_single_product_summary, body.single-product div.product.outofstock .summary.entry-summary > .tinv-wraper.woocommerce.tinv-wishlist.tinvwl-after-add-to-cart.tinvwl-woocommerce_single_product_summary{ display:block !important; } /* --- Cross‑browser consistency (iOS Safari / Android Chrome / Desktop) --- */ html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-tap-highlight-color:transparent; } *,*::before,*::after{box-sizing:border-box;} body{ margin:0; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } img,svg,video,canvas{max-width:100%;height:auto;} button,input,select,textarea{font:inherit;color:inherit;} /* Prevent iOS/Android default search styling */ input[type="search"]{-webkit-appearance:none;appearance:none;} input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none;} /* Hide number steppers for consistent UI */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;} input[type="number"]{-moz-appearance:textfield;} /* iOS: prevent input zoom on focus + smoother scrolling in fixed panels */ @supports (-webkit-touch-callout: none){ input,select,textarea{font-size:16px;} .ba-cart-body, .mobile-menu-scroll, .mobile-categories-panel, .ba-search-dropdown, .mobile-filter-panel{ -webkit-overflow-scrolling:touch; } } * { font-family:"Noto Sans Hebrew",sans-serif; } /* --- Base elements & form controls -------------------------------- */ body, button, input, select, textarea, a{ font-family:"Noto Sans Hebrew",sans-serif; font-weight:400; user-select:none; } /* a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{ outline:none; } */ .woocommerce-breadcrumb a:first-of-type::before { display:none; opacity:0; content:""; } /* --- Typography --------------------------------------------------- */ h1{font:900 2rem/1.15 "Noto Sans Hebrew";} h2{font:700 1.75rem/1.2 "Noto Sans Hebrew";} h3{font:600 1.25rem/1.3 "Noto Sans Hebrew";} /* reCAPTCHA badge */ .grecaptcha-badge {z-index:10;height:6% !important;} input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text {box-shadow:none;} /* ================================================================== 2. BUTTONS & RIPPLE EFFECT ================================================================= */ .btn-primary, .button{ background:#333; color:#FAF9F6; font-family:"Noto Sans Hebrew",sans-serif; font-weight:600; border:0; border-radius:4px; padding:.6rem 1.2rem; display:inline-block; text-align:center; cursor:pointer; } .btn-primary:hover, .button:hover{background:#000;color:#FAF9F6;} .btn-secondary{ background:transparent; color:#333; border:1px solid #333; } .btn-secondary:hover{ background:#f1f1f1; color:#333; border:1px solid #333; } /* Catalog grid width */ ul.products, .wc-block-grid__products {max-width:1200px;margin:0 auto;} /* Universal ripple (anchors, buttons, etc.) */ a{position:relative;display:inline-block;margin-bottom:-2px;} .button, .btn, .btn-primary, .wp-element-button, .woocommerce-button, input[type="submit"], input[type="button"], button{ position:relative;overflow:hidden; } .ripple{ position:absolute;border-radius:50%;transform:scale(0); background:rgba(200,200,200,.45); animation:ba-ripple 1000ms ease-out; pointer-events:none; } @keyframes ba-ripple{to{transform:scale(2);opacity:0;}} /* Breadcrumbs */ .woocommerce-breadcrumb a {line-height:1em;} .woocommerce-breadcrumb a:link, .woocommerce-breadcrumb a:visited, .woocommerce-breadcrumb a:hover, .woocommerce-breadcrumb a:focus{color:#6d6d6d;} .storefront-breadcrumb .woocommerce-breadcrumb{ width:auto;max-width:100%;display:inline-block;white-space:normal;overflow-wrap:anywhere;line-height:1.25; } .woocommerce-breadcrumb .breadcrumb-separator::after{transform:rotate(180deg) translateX(-50%) translateY(50%);} .woocommerce-breadcrumb{background:#f0f0f0;width:max-content;padding:.1rem .5rem;border-radius:8px;} nav.ba-back-link-wrapper{max-width:1100px;margin:.65rem auto 1.15rem;padding:0 1rem;} a.ba-back-link{ display:inline-flex;align-items:center;gap:.22rem;text-decoration:none!important;margin:0;border:1px solid var(--border-color); padding:.36rem .78rem .26rem;border-radius:999px;font-size:clamp(.84rem,1rem,1.04rem);line-height:1.15;white-space:nowrap; } a.ba-back-link .ba-back-link__icon{ display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 auto;font-size:.9em; margin:0 !important;vertical-align:middle !important; } .storefront-breadcrumb{margin:0;} /* ================================================================== 3. BADGES, COUNTERS & CATALOG/PRODUCT BASICS ================================================================= */ .icon-link-wrap{position:relative;display:inline-flex;} .icon-link-wrap .badge-count, span.cart-count{position:absolute;top:-6px!important;right:-12px!important;left:auto;z-index:5;pointer-events:none;} .badge-count, .cart-count, .wishlist-count{ width:1.255rem;height:1.255rem;display:flex;padding:1px 6px;border-radius:9999px; background:#ffb249;color:#222;font-size:.655rem;font-weight:600;line-height:1; align-items:center;justify-content:center;user-select:none; } .tinv-wishlist.woocommerce.tinv-wishlist-clear{max-width:1200px;margin:0 auto;} /* Products catalog */ nav.woocommerce-pagination{display:none;} main#main header.woocommerce-products-header h1.woocommerce-products-header__title.page-title, article#post-65466 header.entry-header h1.entry-title, header.entry-header h1.entry-title{ font: 600 2.3rem / 1.15 "Noto Sans Hebrew" !important; text-align: center; color: #111; }div#content div#primary main#main article#post-11 header.entry-header h1.entry-title {margin-bottom:3rem!important;} a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{ height:100%;padding:1rem;display:block;background:#fdfdfd;border-radius:10px;border:1px solid #ebebeb; } img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail{ margin:0 auto !important;max-width:65%;padding-bottom:5px;height:auto;object-fit:contain;aspect-ratio:1/1;pointer-events:none; } .woocommerce ul.products li.product img.woocommerce-placeholder, .woocommerce ul.products li.product img.wp-post-image.woocommerce-placeholder{ display:block;margin:0 auto !important;width:65%;max-width:65%;height:auto !important;padding-bottom:5px;object-fit:contain;object-position:center;aspect-ratio:1/1;pointer-events:none; } /* Hide add-to-cart button on cards + sale badge */ /* a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,*/ span.onsale{display:none!important;} button.button.add_to_cart_button {border: 1px solid black; color: black; background: transparent;} button.button.add_to_cart_button:hover {background:black; color:white;} ul.products li.product .woocommerce-loop-product__title{ min-height:33.59px; overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(9px,14px,16px); } li.product.type-product.purchasable.product-type-simple{ border-radius:10px;transition:box-shadow .2s, transform .2s; } li.product.type-product.purchasable.product-type-simple:hover{ box-shadow:0 4px 12px rgb(0 0 0 / .15);transform:translateY(-1px); } button.ba-load-more{max-width:250px;width:100%;border-radius:4px;background:#f7f7f7;border:1px solid #ebebeb;} .ba-load-more-container{margin:0rem auto 7rem;max-width:250px;display:flex;justify-content:center;} /* Product page core */ /* Keep the verified final footprint while WooCommerce initializes. FlexSlider's * inline slide sizing replaces the temporary secondary-slide constraint, and its * real navigation replaces the inaccessible image-free reservation. */ @supports selector(:has(> :first-child)) { @media (scripting:enabled) { body.single-product .ba-main-product-gallery:has(.ba-gallery-nav-placeholder) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child):not([style]) { display:none; } body.single-product .ba-main-product-gallery .woocommerce-product-gallery__wrapper > .ba-gallery-nav-placeholder { display:block;margin-top:1.618em;pointer-events:none;visibility:hidden; } } body.single-product .ba-main-product-gallery:has(> .flex-control-nav) .ba-gallery-nav-placeholder { display:none!important; } } body.single-product .ba-main-product-gallery .ba-gallery-nav-placeholder { display:none; } /* Paint the actual primary image and its server-rendered badge stack before native * initialization, in their final geometry. Other gallery content inherits hidden * visibility until Woo changes * its inline opacity gate. The queried gallery's width supplies the unsized first * slide's width even while FlexSlider enlarges its wrapper; no wrapper transform * or width is overridden. Unsupported browsers/unknown multi-image galleries * retain the native gate. The first-slide reservation ends when native initialization opens its gate. */ @supports (container-type:inline-size) and (width:1cqw) and (float:inline-start) and selector(:has(> :first-child)) { @media (scripting:enabled) { body.single-product .ba-main-product-gallery:is([style*="opacity:0;"],[style*="opacity: 0;"]):is(:has(.ba-gallery-nav-placeholder),:has(> .woocommerce-product-gallery__wrapper > :first-child:is(.woocommerce-product-gallery__image,.woocommerce-product-gallery__image--placeholder) .wp-post-image):not(:has(> .woocommerce-product-gallery__wrapper > :not(:first-child):not(.ba-cbd-badge-surface)))) { opacity:1!important; visibility:hidden; } body.single-product .ba-main-product-gallery:is([style*="opacity:0;"],[style*="opacity: 0;"]):is(:has(.ba-gallery-nav-placeholder),:has(> .woocommerce-product-gallery__wrapper > :first-child:is(.woocommerce-product-gallery__image,.woocommerce-product-gallery__image--placeholder) .wp-post-image):not(:has(> .woocommerce-product-gallery__wrapper > :not(:first-child):not(.ba-cbd-badge-surface)))) .woocommerce-product-gallery__wrapper > :first-child .wp-post-image, body.single-product .ba-main-product-gallery:is([style*="opacity:0;"],[style*="opacity: 0;"]):is(:has(.ba-gallery-nav-placeholder),:has(> .woocommerce-product-gallery__wrapper > :first-child:is(.woocommerce-product-gallery__image,.woocommerce-product-gallery__image--placeholder) .wp-post-image):not(:has(> .woocommerce-product-gallery__wrapper > :not(:first-child):not(.ba-cbd-badge-surface)))) > .ba-cbd-badge-surface .cbd-badge-stack { visibility:visible; } body.single-product .ba-main-product-gallery:is([style*="opacity:0;"],[style*="opacity: 0;"]):has(.ba-gallery-nav-placeholder) { container-type:inline-size; } body.single-product .ba-main-product-gallery:is([style*="opacity:0;"],[style*="opacity: 0;"]):has(.ba-gallery-nav-placeholder) .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:first-child { width:100cqw!important; float:inline-start!important; } body.single-product .ba-main-product-gallery:is([style*="opacity:0;"],[style*="opacity: 0;"]):has(.ba-gallery-nav-placeholder) .woocommerce-product-gallery__wrapper > .ba-gallery-nav-placeholder { clear:both; margin-top:0; padding-top:1.618em; } } } .woocommerce-product-gallery__image a, .woocommerce-product-gallery__image .baperfume-product-gallery-image-link{display:block;width:100%;} div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img.wp-post-image, div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .baperfume-product-gallery-image-link img.wp-post-image, div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img.woocommerce-placeholder, div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .baperfume-product-gallery-image-link img.woocommerce-placeholder{ margin:0 auto!important;width:400px !important;padding-bottom:5px;height:400px !important;object-fit:contain;aspect-ratio:1/1; } .product .summary.entry-summary { border-bottom: 1px solid var(--gray-border); } .pswp__bg{background:radial-gradient(#ffffff 43%, #ffffff78 53%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);} .summary.entry-summary{display:flex;flex-direction:column;} h1.product_title.entry-title{order:1;width:89%;font:400 1.5rem/1.35 "Noto Sans Hebrew";} .single-product .woocommerce-product-details__short-description{order:1;text-align:left;direction:ltr;unicode-bidi:embed;width:89%;} .summary.entry-summary p.price, .summary.entry-summary p.stock{order:2;} .summary.entry-summary form.cart{order:3;} .summary.entry-summary .product_meta{order:4;} .single-product div.product .edit-link{order:5;} @media (min-width:1151px){.summary.entry-summary{width:590px !important;float:right !important;}} .single-product div.product form.cart.ba-pqc-single-form{ order:3; display:flex; flex-direction:column; align-items:stretch; flex-wrap:nowrap; gap:.75rem; width:89%; max-width:28rem; margin:0 0 1rem auto; } .summary.entry-summary form.cart.ba-pqc-single-form button.single_add_to_cart_button.button.alt{ display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; margin:0; padding:11px 16px; background:#ffb249; color:#222; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions{ --ba-pqc-single-cart-width: clamp(10.5rem, 42vw, 12rem); --ba-pqc-single-quick-width: clamp(7.25rem, 29vw, 8.75rem); display:flex; align-items:stretch; flex-wrap:nowrap; gap:.625rem; width:fit-content; max-width:100%; margin:0 0 0 auto; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-cart-slot{ display:flex; width:var(--ba-pqc-single-cart-width); min-width:var(--ba-pqc-single-cart-width); flex:0 0 var(--ba-pqc-single-cart-width); max-width:100%; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-slot{ display:flex; width:var(--ba-pqc-single-quick-width); min-width:var(--ba-pqc-single-quick-width); flex:0 0 var(--ba-pqc-single-quick-width); max-width:100%; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-cart-slot > .single_add_to_cart_button.button.alt, .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-cart-slot > .product-quantity.ba-pqc-single-control{ width:100%; margin:0 !important; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-button{ display:inline-flex; align-items:center; justify-content:center; width:100%; min-width:0; min-height:44px; margin:0 !important; padding:11px 14px; border:1px solid #222; border-radius:4px; background:transparent; color:#222; font:600 .95rem/1 "Noto Sans Hebrew",sans-serif; white-space:nowrap; text-align:center; transition:background .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease; pointer-events:auto; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-button:hover{ background:#f1f1f1; color:#222; border-color:#222; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-button.is-checkout{ background:#ffb249; color:#222; border-color:#ffb249; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-button.is-checkout:hover{ background:#f9b73e; color:#222; border-color:#f9b73e; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-button.is-loading, .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-button[aria-disabled="true"]{ opacity:.72; cursor:wait; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot, .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot .tinv-wraper, .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot .tinv-wishlist{ display:flex; align-items:stretch; margin:0; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot{ flex:0 0 auto; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot .tinv-wishlist-clear{ display:none !important; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot .tinvwl_add_to_wishlist_button, .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot a[class*="add_to_wishlist"]{ display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; margin:0; } .summary.entry-summary p.price span.woocommerce-Price-amount.amount{ font:600 1.6rem/1.5 "Noto Sans Hebrew";display:block;color:#333; } .summary.entry-summary p.price del, .summary.entry-summary p.price del span.woocommerce-Price-amount.amount{ color:#b8b8b8; } .summary.entry-summary p.price del span.woocommerce-Price-amount.amount{font:400 1.4rem/1 "Noto Sans Hebrew";} .summary.entry-summary p.price ins, .summary.entry-summary p.price ins span.woocommerce-Price-amount.amount{ color:#333; font-weight:600; text-decoration:none; } .stock.in-stock::before{content:""!important;} .summary.entry-summary p.stock{color: #767676; font: 400 .75rem / 1 "Noto Sans Hebrew"; padding: 0;} .single-product .summary.entry-summary p.stock.out-of-stock{color:#767676;} .single-product div.product p.price{width:89%;} .single-product div.product .product_meta{width:89%;margin:0 auto 1rem;} /* Single product share button */ body.single-product .ba-product-share-slot{ box-sizing:border-box; } body.single-product .ba-product-share-slot--desktop, body.single-product .ba-product-share-slot--mobile{ display:none; } body.single-product .ba-product-share-button{ display:inline-flex; align-items:center; justify-content:center; gap:.42rem; height:40px; min-width:0; max-width:100%; padding:.45rem .78rem; border:1px solid #d9d9d9; border-radius:999px; background:#fff; color:#111; font:600 .86rem/1 "Noto Sans Hebrew",sans-serif; text-decoration:none; white-space:nowrap; cursor:pointer; box-shadow:0 1px 2px rgba(0,0,0,.04); transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease; direction:rtl; } body.single-product .ba-product-share-button__icon{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; } body.single-product .ba-product-share-button__icon svg{ display:block; width:18px; height:18px; fill:none; stroke:currentColor; } body.single-product .ba-product-share-button__text{ display:block; line-height:1; } @media (hover:hover){ body.single-product .ba-product-share-button:hover{ background:#f8f8f8; border-color:#cfcfcf; box-shadow:0 3px 10px rgba(0,0,0,.07); } } body.single-product .ba-product-share-button:active{ transform:translateY(1px); } body.single-product .ba-product-share-button:focus-visible{ outline:2px solid #111; outline-offset:2px; } @media (min-width:1350px){ body.single-product .ba-product-share-slot--desktop{ display:flex; } body.single-product .ba-product-share-slot--mobile{ display:none !important; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row){ width:89%; max-width:none; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row){ width:89%; max-width:none; margin:0 0 1rem auto; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row{ display:flex; align-items:center; justify-content:space-between; gap:1.25rem; width:100%; max-width:100%; direction:ltr; min-height:44px; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row{ display:flex; align-items:center; justify-content:space-between; gap:1.25rem; width:100%; max-width:100%; direction:ltr; min-height:44px; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .ba-product-share-slot--desktop, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-product-share-slot--desktop{ display:flex; flex:0 0 auto; justify-content:flex-start; margin:0; width:auto; max-width:none; direction:rtl; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-product-share-slot--desktop{ display:flex; flex:0 0 auto; justify-content:flex-start; margin:0; width:auto; max-width:none; direction:rtl; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .ba-pqc-single-actions, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-actions{ margin:0; flex:0 0 auto; flex-direction:row-reverse; height:44px; min-height:44px; align-items:stretch; } body.single-product .summary.entry-summary form.cart:not(.ba-pqc-single-form):has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-actions{ margin:0; flex:0 0 auto; flex-direction:row-reverse; height:44px; min-height:44px; align-items:stretch; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .ba-pqc-single-cart-slot, body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .ba-pqc-single-quick-slot, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-cart-slot, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-quick-slot{ height:44px; min-height:44px; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .single_add_to_cart_button.button.alt, body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .ba-pqc-single-quick-button, body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .product-quantity.ba-pqc-single-control, body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .ba-pqc-single-wishlist-slot .tinvwl_add_to_wishlist_button, body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row .ba-pqc-single-wishlist-slot a[class*="add_to_wishlist"], body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .single_add_to_cart_button.button.alt, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-quick-button, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .product-quantity.ba-pqc-single-control, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-wishlist-slot .tinvwl_add_to_wishlist_button, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row .ba-pqc-single-wishlist-slot a[class*="add_to_wishlist"]{ height:44px; min-height:44px; box-sizing:border-box; } body.single-product .summary.entry-summary > .ba-product-share-slot--desktop{ order:3; width:89%; max-width:28rem; justify-content:flex-start; direction:ltr; margin:-.25rem 0 1rem auto; } } @media (max-width:1349px){ body.single-product .ba-product-share-slot--desktop{ display:none !important; } body.single-product .ba-product-share-slot--mobile{ display:flex; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions-row, body.single-product .summary.entry-summary form.cart:has(.ba-pqc-single-actions-row) .ba-pqc-single-actions-row{ display:contents; } body.single-product .summary.entry-summary .ba-product-share-slot--mobile{ order:3; width:89% !important; max-width:none; justify-content:flex-end; direction:rtl; margin:-.15rem 0 .45rem auto; } } @media (max-width:767px){ body.single-product .summary.entry-summary .ba-product-share-slot--mobile{ width:100% !important; margin:-.05rem 0 .55rem; } body.single-product .ba-product-share-button{ height:38px; padding:.42rem .72rem; font-size:.84rem; } } /* =================================================================== 4. PRODUCT TABS =================================================================== */ .single-product .woocommerce-tabs.wc-tabs-wrapper{ max-width:1100px;margin: 0 auto; direction: rtl; padding: 0; } /* Tabs bar */ .woocommerce-tabs ul.tabs li{border:1px solid transparent;} .ba-specs-disclaimer{display:block;text-align:center;font-size:clamp(6px,.8rem,1rem);} .single-product .woocommerce-tabs .wc-tabs{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 0 0 16px; padding: 8px; background: linear-gradient(180deg, #fbfbfb, #f6f6f6); border: 1px solid #e7e7e7; border-radius: 14px; box-shadow: 0 0 0 1px rgb(0 0 0 / .02) inset, 0 4px 14px rgb(0 0 0 / .04); flex-direction: column; } .ba-product-description { padding: 0 1rem; } .single-product .woocommerce-tabs .wc-tabs li{list-style:none;margin:0;} .single-product .woocommerce-tabs .wc-tabs li a{ position:relative;overflow:hidden;border-radius:10px; display:inline-flex;align-items:center;justify-content:center;min-width:150px; padding:.6rem 1.15rem;text-decoration:none;font:600 .96rem/1.25 "Noto Sans Hebrew",sans-serif;letter-spacing:.2px; background:linear-gradient(180deg,#ffffff,#fafafa);border:1px solid #e5e5e5; box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 -1px 0 rgba(0,0,0,.03) inset, 0 1px 2px rgba(0,0,0,.05); color:#383838;transition:background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .12s ease; -webkit-tap-highlight-color:rgba(0,0,0,0); } .single-product .woocommerce-tabs .wc-tabs li a .ba-tab-label{ display:inline-flex; align-items:center; justify-content:center; gap:.28em; max-width:100%; min-width:0; } .single-product .woocommerce-tabs .wc-tabs li a .ba-tab-word{display:block;min-width:0;} .single-product .woocommerce-tabs .wc-tabs li.active a, .single-product .woocommerce-tabs .wc-tabs li a[aria-selected="true"]{ color:#111;background:#e1e1e1;border-color:#afafaf; box-shadow:0 0 0 2px rgba(0,0,0,.04), 0 1px 0 rgba(255,255,255,.8) inset, 0 -1px 0 rgba(0,0,0,.03) inset, 0 1px 3px rgba(0,0,0,.06); } @media (hover:hover){ .single-product .woocommerce-tabs .wc-tabs li a:hover{filter:brightness(0.9);} } .single-product .woocommerce-tabs .wc-tabs li a:active{transform:translateY(1px);} .single-product .woocommerce-tabs .wc-tabs li a:focus-visible{outline:2px solid #bdbdbd;outline-offset:2px;} /* Mobile segmented control */ @media (max-width:767px){ .single-product .woocommerce-tabs .wc-tabs{ flex-direction:row; flex-wrap:nowrap; align-items:stretch; justify-content:flex-start; gap:6px; margin:0 0 12px; padding:6px; border-radius:12px; } .single-product .woocommerce-tabs .wc-tabs li{ display:flex; flex:1 1 0; min-width:0; } .single-product .woocommerce-tabs .wc-tabs li a{ display:flex; width:100%; min-width:0; min-height:3.2rem; padding:.5rem .45rem; font-size:.86rem; line-height:1.12; text-align:center; white-space:normal; text-wrap:balance; } .single-product .woocommerce-tabs .wc-tabs li a .ba-tab-label{ display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; row-gap:0; width:100%; } .single-product .woocommerce-tabs .wc-tabs.ba-tabs-force-wrap li a .ba-tab-label{ flex-direction:column; flex-wrap:nowrap; gap:.08em; } } @media (max-width:420px){ .single-product .woocommerce-tabs .wc-tabs{ gap:5px; padding:5px; } .single-product .woocommerce-tabs .wc-tabs li a{ min-height:3.05rem; padding:.46rem .35rem; font-size:.82rem; line-height:1.08; } } @media (max-width:340px){ .single-product .woocommerce-tabs .wc-tabs{ gap:4px; padding:4px; } .single-product .woocommerce-tabs .wc-tabs li a{ min-height:2.95rem; padding:.42rem .25rem; font-size:.78rem; line-height:1.05; } } @media (max-width:279px){ .single-product .woocommerce-tabs .wc-tabs{flex-direction:column;} .single-product .woocommerce-tabs .wc-tabs li{flex:1 1 auto;} } .single-product .woocommerce-tabs .wc-tabs::before{display:none!important;} /* Panels */ .single-product .woocommerce-tabs .wc-tab{ border:1px solid #e8e8e8;border-radius:14px;background:linear-gradient(180deg,#ffffff,#fefefe); box-shadow:0 0 0 1px rgba(0,0,0,.02) inset, 0 8px 20px rgba(0,0,0,.035); padding:1.25rem 1.25rem 1.6rem;color:#2a2a2a;font:400 .98rem/1.65 "Noto Sans Hebrew",sans-serif; } /* Specs table */ .single-product .ba-specs-table{ width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 10px;margin:0; } .single-product .ba-specs-table .ba-spec-row th, .single-product .ba-specs-table .ba-spec-row td{ background:linear-gradient(180deg,#fafafa,#f7f7f7); border-top:1px solid #eeeeee;border-bottom:1px solid #eaeaea; } .single-product .ba-specs-table .ba-spec-row th{ border-right:1px solid #ececec;border-top-right-radius:12px;border-bottom-right-radius:12px;vertical-align:middle!important; } .single-product .ba-specs-table .ba-spec-row td{ border-left:1px solid #ececec;border-top-left-radius:12px;border-bottom-left-radius:12px; } .single-product .ba-specs-table th{ width:175px;padding:.9rem 1rem;color:#3a3a3a;font:700 .95rem/1.35 "Noto Sans Hebrew";text-align:right;vertical-align:top;white-space:nowrap; } .single-product .ba-specs-table td{padding:.7rem .85rem;vertical-align:middle;} .single-product .ba-specs-table td>p{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:0;} .single-product .ba-specs-table td>p>a, .single-product .ba-specs-table td>p>span{font-size:.95rem;} .single-product .ba-specs-table td>p a{ position:relative;overflow:hidden;border-radius:999px;direction:rtl; display:inline-flex;align-items:center;justify-content:center;padding:.46rem .74rem;text-decoration:none;font-weight:600;color:#1f1f1f;cursor:pointer; background:linear-gradient(180deg,#ffffff,#fbfbfb);border:1px solid #dedede; box-shadow:0 1px 0 rgba(255,255,255,.9) inset, 0 -1px 0 rgba(0,0,0,.03) inset, 0 1px 2px rgba(0,0,0,.04); transition:border-color .15s ease, box-shadow .15s ease, color .15s ease, transform .1s ease; } .single-product .ba-specs-table td>p a::after{ content:"";width:11px;height:11px;margin-inline-start:.32rem;opacity:.65;background-color:currentColor; -webkit-mask:url("data:image/svg+xml;utf8,\ \ \ ") no-repeat center/contain; mask:url("data:image/svg+xml;utf8,\ \ \ ") no-repeat center/contain; } @media (hover:hover){ .single-product .ba-specs-table td>p a:hover{color:#111;border-color:#d2d2d2;box-shadow:0 0 0 1px rgba(0,0,0,.03) inset,0 1px 2px rgba(0,0,0,.06);} .single-product .ba-specs-table td>p a:hover::after{opacity:.9;} } .single-product .ba-specs-table td>p a:active{transform:translateY(1px);} .single-product .ba-specs-table td>p a:focus-visible{outline:2px solid #bdbdbd;outline-offset:2px;} @media (hover:hover){ .single-product .ba-specs-table .ba-spec-row:hover th, .single-product .ba-specs-table .ba-spec-row:hover td{ background:linear-gradient(180deg,#fefefe,#fafafa); } } /* Mobile association fix */ @media (max-width:640px){ .single-product .ba-specs-table{border-spacing:0!important;} .single-product .ba-specs-table .ba-spec-row{ display:block;position:relative;margin:10px 0 12px;padding:10px 10px 12px; } .single-product .ba-specs-table .ba-spec-row::before{ content:"";position:absolute;inset:0;border:1px solid #ececec;border-radius:12px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.04);z-index:0; } .single-product .ba-specs-table .ba-spec-row th, .single-product .ba-specs-table .ba-spec-row td{ position:relative;z-index:1;display:block;width:100%;background:transparent;border:0;border-radius:0!important; } .single-product .ba-specs-table .ba-spec-row th{ margin:0 0 6px 0;padding:.85rem .6rem .35rem .6rem;color:#2f2f2f;font-weight:800; } .single-product .ba-specs-table .ba-spec-row td{padding:.2rem .6rem .6rem .6rem;} } /* Shipping panel polish */ .single-product .ba-shipping-returns{ direction:rtl; color:#2a2a2a; text-align:right; } .single-product .ba-shipping-returns__stack{ display:flex; flex-direction:column; gap:.9rem; } .single-product .ba-shipping-returns__method{ border:1px solid #d9d9d9; border-radius:12px; background:#fff; overflow:hidden; } .single-product .ba-shipping-returns__method-title{ position:relative; margin:0; padding:.9rem 1rem; color:#232323; font:600 1rem/1.45 "Noto Sans Hebrew",sans-serif; } .single-product .ba-shipping-returns__method-title::after{ content:""; position:absolute; right:1rem; bottom:0; left:1rem; height:1px; background:#efefef; } .single-product .ba-shipping-returns__rows{ list-style:none; margin:0; padding:0; } .single-product .ba-shipping-returns__row{ position:relative; margin:0; padding:.78rem 1rem; color:#434343; font-size:.95rem; line-height:1.75; } .single-product .ba-shipping-returns__row + .ba-shipping-returns__row::before{ content:""; position:absolute; top:0; right:1rem; left:1rem; height:1px; background:#efefef; } .single-product .ba-shipping-returns__row-label{ color:#232323; font-weight:500; } .single-product .ba-shipping-returns__line{ display:block; } .single-product .ba-shipping-returns__line + .ba-shipping-returns__line{ margin-top:.28rem; } .single-product .ba-shipping-returns__notes{ margin-top:.9rem; background:transparent; overflow:visible; } .single-product .ba-shipping-returns__rows--notes .ba-shipping-returns__row{ padding-inline:0; } .single-product .ba-shipping-returns__rows--notes .ba-shipping-returns__row + .ba-shipping-returns__row::before{ right:0; left:0; background:#f0f0f0; } @media (max-width:700px){ .single-product .ba-shipping-returns__method-title{padding:.82rem .9rem;} .single-product .ba-shipping-returns__method-title::after{ right:.9rem; left:.9rem; } .single-product .ba-shipping-returns__row{padding:.72rem .9rem;} .single-product .ba-shipping-returns__row + .ba-shipping-returns__row::before{ right:.9rem; left:.9rem; } } /* Minor hardening */ .single-product .woocommerce-tabs .panel.entry-content{border-top:none;} .woocommerce-tabs ul.tabs li::after{opacity:0!important;} .single-product .ba-specs-table .sku{display:inline-block;color:#555;letter-spacing:.02em;} /* ================================================================== 5. HEADER • Two‑row desktop layout ================================================================= */ .custom-header{background:#fff;border-bottom:1px solid var(--gray-border);} header.site-header.custom-header, .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header{margin:0;padding:0;} /* ---------- 5.1 TOP ROW (logo | search | icons) ------------------- */ .top-row{ display:flex;align-items:stretch;justify-content:center;gap:0; padding:0 2rem;direction:rtl;height:7rem;z-index:100;position:relative; } /* Logo block */ .site-branding{ width:auto!important;height:auto!important;float:none!important;margin:0!important;padding:0!important; display:flex!important;align-items:center!important;justify-content:center!important; } .site-header .site-branding img{width:100%;max-width:80px;} .site-branding a.custom-logo-link{display:inline-block;width:auto;height:auto;margin:0;padding:0;} .site-branding a.custom-logo-link img.custom-logo.entered.litespeed-loaded, img.custom-logo{pointer-events:none;} a.custom-logo-link.no-ripple:active{transform:scale(.9);transition:.1s;} div#logo-navigation-container .site-branding a.custom-logo-link img.custom-logo.entered.litespeed-loaded, img.custom-logo{width:90px;height:auto!important;object-fit:contain;display:block;} /* logo inside mobile bar */ @media(max-width:1350px){header.site-header.custom-header .mobile-bar .site-branding a.custom-logo-link img.custom-logo.entered.litespeed-loaded, img.custom-logo{width:54px!important;}} @media(max-width:400px){header.site-header.custom-header .mobile-bar .site-branding a.custom-logo-link img.custom-logo.entered.litespeed-loaded, img.custom-logo{width:48px!important;}} @media(max-width:330px){header.site-header.custom-header .mobile-bar .site-branding a.custom-logo-link img.custom-logo.entered.litespeed-loaded, img.custom-logo{width:38px!important;}} @media(max-width:280px){header.site-header.custom-header .mobile-bar .site-branding a.custom-logo-link img.custom-logo.entered.litespeed-loaded, img.custom-logo{width:24px!important;}} /* Search block */ .header-search{ flex:0 0 680px;max-width:680px;margin-inline:3rem;border-left:1px solid var(--gray-border);border-right:1px solid var(--gray-border); padding:0 3rem;position:relative;display:flex;align-items:center;justify-content:center;z-index:0; } .header-search form{width:100%;margin:0;position:relative;} .header-search button[type="submit"]{ position:absolute;top:4px;bottom:4px;left:4px;padding:0 .9rem;gap:8px;background:#ffb249;color:#111;border:0;border-radius:4px;font-weight:500; } .header-search button[type="submit"]::before{ content:"";display:inline-block;width:16px;height:16px;margin-inline-end:8px;vertical-align:middle; background:url("assets/images/icons/search-alt-2-svgrepo-com-4.svg") center/contain no-repeat; } form.woocommerce-product-search{margin:0;} form.woocommerce-product-search input#woocommerce-product-search-field-0{ height:3rem;width:100%;min-width:450px;background:#fff;border:1px solid var(--gray-border);border-radius:4px; padding-right:.9rem;padding-left:130px;box-shadow:none; } /* Icon group */ .header-icons{display:flex;align-items:center;gap:1.85rem;position:relative;z-index:1;} button#ba-cart-button{padding:0;border:1px solid var(--gray-border);color:#222;} button#ba-cart-button span.icon-caption{position:relative;left:0;top:5px;} .icon-link{ position:relative;width:4rem;height:4rem;background:none;border-radius:4px;color:#767676;text-decoration:none; overflow:hidden;transition:background .2s ease;user-select:none; } .icon-link:hover,.icon-link:focus{background:#f7f7f7;color:#222;font-weight:bold;} .icon-link:focus,.icon-link:active{outline:2px solid var(--accent);} .icon-link .dashicons, .icon-link svg{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:26px;height:26px;} .icon-caption{ position:absolute;top:28px;left:50%;transform:translateX(-50%);max-width:90%;font-size:.75rem;line-height:1.25;text-align:center;overflow-wrap:break-word;text-wrap:balance; } /* ---------- 5.2 NAVIGATION ROW ------------------------------------ */ .nav-row{ display:flex;align-items:stretch;justify-content:center;gap:0; padding:0 4rem;border-top:1px solid var(--gray-border); position:relative;z-index:0;top:1px; } .primary-navigation .primary-menu{display:flex;list-style:none;margin:0;padding:0;} .primary-navigation .primary-menu > li{position:relative;} .primary-navigation .primary-menu > li:not(:last-child)::after{ content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:50%;border-left:1px solid var(--gray-border); } /* “Double‑layer” hover effect */ .primary-navigation .primary-menu > li > a{ position:relative;display:inline-block;vertical-align:middle;white-space:nowrap; line-height:1.2;font-size:1rem;font-weight:400;color:#767676;padding:.85rem 1.2rem;margin-bottom:0; } .primary-navigation .primary-menu > li > a::after{ content:attr(title);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;color:transparent;pointer-events:none; } .primary-navigation .primary-menu > li > a:hover{color:transparent;} .primary-navigation .primary-menu > li > a:hover::after{color:#222;} .current-menu-item > a{color:transparent!important;font-weight:400!important;position:relative!important;} .current-menu-item > a::after{ content:attr(title);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;color:#222!important; } .current-menu-item > a::before{ content:"";position:absolute;left:0;right:0;bottom:0px;height:4px;background:var(--accent);z-index:2;border-top-left-radius:100px;border-top-right-radius:100px; } /* Hide nav row on mobile */ @media(max-width:768px){ .nav-row{display:none;} .header-search{flex:1 1 auto;max-width:none;margin-inline-end:0;} .header-icons span.icon-link-wrap .icon-link span.icon-caption{display:none;} } /* ================================================================== 6. MODALS & PANELS ================================================================= */ /* ---------- 6.1 CART PANEL (slide‑in) ----------------------------- */ body.ba-modal-open{overflow:hidden !important;} html.ba-reset-cart-dialog-open, body.ba-reset-cart-dialog-open{overflow:hidden !important;} .ba-cart-modal{ position:fixed; inset:0; display:none; justify-content:flex-end; z-index:999998; isolation:isolate; } .ba-cart-modal.show{display:flex;} .ba-cart-overlay{ position:absolute; inset:0; cursor:pointer; background:rgba(0,0,0,.62); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); } .ba-cart-content{ position:relative;z-index:10;background:#fff;width:38rem;max-width:100%;height:100%; display:flex;flex-direction:column;transform:translateX(100%);transition:transform .35s ease;border-right:1px solid var(--gray-border); box-shadow:-18px 0 48px rgba(0,0,0,.22); } .ba-cart-modal.show .ba-cart-content{padding:5px;transform:translateX(0);} /* Header */ .ba-cart-header{position:relative;display:flex;align-items:center;justify-content:center;margin:2rem 0;direction:ltr;} .ba-cart-header h2{flex:1;margin:0;text-align:center;font-size:clamp(10px,16px,1rem);} .ba-clear-cart-btn{ display:inline-block; padding:.4rem .6rem; border:0; border-radius:4px; background:#f0f0f0; color:#111; font-size:clamp(8px,13px,1rem); font-weight:400; line-height:1.1; text-align:center; white-space:nowrap; cursor:pointer; box-shadow:none; transition:opacity .18s ease; } .ba-clear-cart-btn:hover:not(:disabled):not([aria-disabled="true"]), .ba-clear-cart-btn:focus-visible:not(:disabled):not([aria-disabled="true"]){background:#ddd;} .ba-clear-cart-btn:disabled, .ba-clear-cart-btn[aria-disabled="true"], .ba-clear-cart-btn.is-disabled{ background:#efefef; color:#999; opacity:.75; cursor:not-allowed; } #ba-cart-modal .ba-clear-cart-btn{ position:absolute; left:1rem; top:50%; transform:translateY(-50%); } .ba-clear-cart-dialog{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; padding:16px; z-index:1000000; } .ba-clear-cart-dialog:not([hidden]){display:flex;} #ba-cart-modal .ba-cart-content > .ba-clear-cart-dialog.is-cart-panel-scoped{ position:absolute; inset:0; z-index:30; } .ba-clear-cart-dialog__overlay{ position:absolute; inset:0; background:rgba(0,0,0,.62); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); } .ba-clear-cart-dialog__panel{ position:relative; z-index:1; width:min(100%, 430px); padding:1.45rem; border:1px solid rgba(0,0,0,.08); border-radius:20px; background:#fff; box-shadow:0 24px 70px rgba(0,0,0,.22); direction:rtl; text-align:right; } .ba-clear-cart-dialog__panel h2{ margin:0 0 .55rem; font-size:1.35rem; line-height:1.2; color:#111; } .ba-clear-cart-dialog__panel p{ margin:0; color:#333; line-height:1.6; } .ba-clear-cart-dialog__status{ min-height:1.4rem; margin-top:.7rem !important; color:#8f1326 !important; font-size:.92rem; } .ba-clear-cart-dialog__actions{ display:flex; justify-content:flex-start; gap:.7rem; margin-top:1.15rem; flex-wrap:wrap; } .ba-clear-cart-dialog__button{ min-height:44px; min-width:120px; padding:.7rem 1rem; border-radius:12px; border:1px solid transparent; box-shadow:none; } .ba-clear-cart-dialog__button--cancel{ background:#f5f5f5; border-color:rgba(0,0,0,.08); color:#111; } .ba-clear-cart-dialog__button--confirm{ background:#8f1326; border-color:#8f1326; color:#fff; } .ba-clear-cart-dialog__button--cancel:hover, .ba-clear-cart-dialog__button--cancel:active, .ba-clear-cart-dialog__button--cancel:focus, .ba-clear-cart-dialog__button--cancel:focus-visible{ background:#f5f5f5 !important; border-color:rgba(0,0,0,.08) !important; color:#111 !important; } .ba-clear-cart-dialog__button--confirm:hover, .ba-clear-cart-dialog__button--confirm:active, .ba-clear-cart-dialog__button--confirm:focus, .ba-clear-cart-dialog__button--confirm:focus-visible{ background:#8f1326 !important; border-color:#8f1326 !important; color:#fff !important; } .ba-clear-cart-dialog__button:focus-visible{ outline:2px solid rgba(17,17,17,.35); outline-offset:2px; } .ba-clear-cart-dialog__button:disabled{ opacity:.65; cursor:not-allowed; } .ba-clear-cart-dialog.is-busy .ba-clear-cart-dialog__overlay{cursor:wait;} .ba-cart-close, .ba-wishlist-close{ margin:0 !important;padding:0;width:44px;height:44px; display:flex;align-items:center;justify-content:center; border:0;border-radius:999px;background:transparent;color:#111; cursor:pointer;z-index:4;line-height:1;font-size:1.75rem;font-weight:400; transition:background-color .18s ease,color .18s ease; } .ba-cart-close{ position:absolute;right:12px;top:50%;transform:translateY(-50%); } #ba-wishlist-modal{ position:fixed; inset:0; display:none; justify-content:flex-end; z-index:999998; isolation:isolate; } #ba-wishlist-modal.show{display:flex;} #ba-wishlist-modal .ba-wishlist-overlay{ position:absolute; inset:0; cursor:pointer; background:rgba(0,0,0,.62); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); } #ba-wishlist-modal .ba-wishlist-content{ position:relative; z-index:10; background:#fff; width:38rem; max-width:100%; height:100%; display:flex; flex-direction:column; overflow:hidden; transform:translateX(100%); transition:transform .35s ease; border-right:1px solid var(--gray-border); box-shadow:-18px 0 48px rgba(0,0,0,.22); } #ba-wishlist-modal.show .ba-wishlist-content{padding:5px;transform:translateX(0);} #ba-wishlist-modal .ba-wishlist-header{ position:relative; display:flex; align-items:center; justify-content:center; margin:2rem 0; direction:ltr; } #ba-wishlist-modal .ba-wishlist-header h2{flex:1;margin:0;text-align:center;font-size:clamp(10px,16px,1rem);} #ba-wishlist-modal .ba-wishlist-close{ position:absolute; right:12px; top:50%; transform:translateY(-50%); } .ba-cart-close:hover, .ba-wishlist-close:hover{background:#f3f3f3;color:#000;} .ba-cart-close:focus-visible, .ba-wishlist-close:focus-visible{outline:2px solid #111;outline-offset:2px;} /* Body */ .ba-cart-body{flex:1 1 auto;overflow-y:auto;padding:.9rem 1rem 1rem;} #ba-wishlist-modal .ba-wishlist-body{ flex:1 1 auto; overflow-y:auto; overflow-x:hidden; padding:.55rem 0 1rem; border-top:1px solid var(--gray-border); } #ba-wishlist-modal .ba-wishlist-loading, #ba-wishlist-modal .ba-wishlist-empty{ margin:5rem auto; text-align:center; font-weight:600; color:#333; } div#ba-cart-modal aside.ba-cart-content .widget_shopping_cart_content{border-top:1px solid var(--gray-border);overflow-y:auto;} .woocommerce-mini-cart.cart_list.product_list_widget{margin:0;padding:8px 0 0;max-height:none;border:0;display:flex;flex-direction:column;gap:8px;} .widget_shopping_cart_content p.woocommerce-mini-cart__empty-message{margin:5rem auto;text-align:center;} /* Product rows */ .woocommerce-mini-cart .mini_cart_item{ list-style:none; display:flex; align-items:flex-start; gap:10px; width:100%; max-width:100%; margin:0; padding:8px; background:#fff; border:1px solid var(--gray-border, rgba(0,0,0,.12)); border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.055); transition:box-shadow .15s ease; } .woocommerce-mini-cart .mini_cart_item:hover{background:#fff;box-shadow:0 5px 16px rgba(0,0,0,.075);} /* Image column */ .ba-cart-content .woocommerce-mini-cart .mini_cart_item > a.product-image{ flex:0 0 66px; width:66px; display:block; align-self:flex-start; overflow:visible; text-decoration:none; } .ba-cart-content .woocommerce-mini-cart .mini_cart_item > img{ flex:0 0 66px; width:66px; display:block; align-self:flex-start; max-width:none; height:auto; border-radius:9px; } .woocommerce-mini-cart .mini_cart_item .product-image img, .woocommerce-mini-cart .mini_cart_item > a.product-image img{display:block;width:100%;height:auto;max-width:none;border-radius:9px;} .woocommerce-mini-cart .mini_cart_item .product-image img.woocommerce-placeholder, .woocommerce-mini-cart .mini_cart_item > a.product-image img.woocommerce-placeholder, body.woocommerce-cart .ba-cart-item__thumb img.woocommerce-placeholder{ aspect-ratio:1/1;object-fit:contain;object-position:center; } /* Details column */ .woocommerce-mini-cart .mini_cart_item .product-details{ flex:1 1 auto; min-width:0; margin:0; display:flex; flex-direction:column; gap:6px; text-align:right; } .woocommerce-mini-cart .mini_cart_item .product-details > a.product-image{ display:block; min-width:0; color:inherit; text-decoration:none; } .woocommerce-mini-cart .mini_cart_item .product-details h4.product-name{ margin:0; color:#111; font-size:.92rem; font-weight:600; line-height:1.3; text-align:right; white-space:normal; overflow:visible; word-break:normal; overflow-wrap:anywhere; } .woocommerce-mini-cart .mini_cart_item .product-details .variation{margin:0;font-size:.8rem;color:#444;overflow-wrap:anywhere;} .woocommerce-mini-cart .mini_cart_item .product-details .variation dt, .woocommerce-mini-cart .mini_cart_item .product-details .variation dd{display:inline;margin:0;} .woocommerce-mini-cart .mini_cart_item .product-details .variation dt{font-weight:600;} .woocommerce-mini-cart .mini_cart_item .product-details .variation dd{margin-inline-start:.35rem;margin-inline-end:.65rem;} .woocommerce-mini-cart .mini_cart_item .product-details .variation dd p{display:inline;margin:0;} .woocommerce-mini-cart .mini_cart_item .product-details .price-line{ display:inline-flex; align-items:center; gap:4px; margin:0; font-size:.82rem; line-height:1.3; color:#444; white-space:normal; overflow-wrap:anywhere; } .woocommerce-mini-cart .mini_cart_item .product-details .price-line .row-subtotal{ display:inline-flex; align-items:center; } .woocommerce-checkout-review-order-table .price-line{ display:inline-flex; align-items:center; gap:4px; margin:0; font-size:.82rem; line-height:1.3; color:#444; white-space:normal; overflow-wrap:anywhere; } .woocommerce-checkout-review-order-table .price-line .row-subtotal{ display:inline-flex; align-items:center; } .woocommerce-checkout-review-order-table{ table-layout:auto; } .woocommerce-checkout-review-order-table td.product-name, .woocommerce-checkout-review-order-table th.product-name, .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-cell, .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item, .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .product-details, .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item h4.product-name{ width:100%; max-width:100%; box-sizing:border-box; } .woocommerce-checkout-review-order-table .cbd-cart-price-change{ flex-direction:row-reverse; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-cell{ padding-block:10px; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item{ display:flex; align-items:flex-start; gap:12px; width:100%; direction:rtl; text-align:right; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .product-image{ flex:0 0 58px; width:58px; min-width:58px; display:block; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .product-image img{ display:block; width:100%; height:auto; border-radius:9px; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .product-details{ display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0; flex:1 1 auto; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item h4.product-name{ margin:0; color:#111; font-size:.92rem; font-weight:600; line-height:1.3; text-align:right; white-space:normal; overflow:visible; overflow-wrap:anywhere; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .variation{ margin:0; font-size:.8rem; color:#444; overflow-wrap:anywhere; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .variation dt, .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .variation dd{ display:inline; margin:0; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .variation dt{ font-weight:600; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .variation dd{ margin-inline-start:.35rem; margin-inline-end:.65rem; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .variation dd p{ display:inline; margin:0; } .woocommerce-checkout-review-order-table .baperfume-review-mini-cart-item .quantity-remove-buttons-container{ display:flex; align-items:center; justify-content:flex-start; gap:8px; padding:0; } .woocommerce-mini-cart .mini_cart_item .product-details .remove:not(.ba-cart-item__remove){display:inline-block;margin-top:.25rem;font-size:.825rem;color:#b00;} a.remove.remove_from_cart_button:not(.ba-cart-item__remove){border-radius:9999px;} a.remove.remove_from_cart_button:not(.ba-cart-item__remove):hover::before{color:red;} /* Mini-cart remove button (match cart page icon button) */ a.ba-cart-item__remove.remove.remove_from_cart_button::before{display:none;font-size:0;opacity:0;color:transparent;} .woocommerce-mini-cart .mini_cart_item .product-details a.ba-cart-item__remove{ width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #1d1d1d; border-radius: 10px; background: transparent; flex: 0 0 auto; margin-right: auto; margin-top: 0; } .woocommerce-mini-cart .mini_cart_item .product-details a.ba-cart-item__remove:hover{background:rgba(176,0,32,.06);} .woocommerce-mini-cart .mini_cart_item .product-details a.ba-cart-item__remove .ba-cart-icon-x{width:14px;height:14px;display:block;} /* Quantity + remove cluster */ .quantity-remove-buttons-container{display:flex;align-items:center;justify-content:space-between;padding:0 0 0 2rem;} .ba-cart-content .quantity-remove-buttons-container{padding-left:0;} .woocommerce-mini-cart .quantity-remove-buttons-container{ display:flex; align-items:center; justify-content:flex-start; gap:8px; flex-wrap:wrap; min-width:0; padding:2px 0 0; width:100%; } .woocommerce-mini-cart .product-quantity{display:inline-flex;align-items:center;gap:3px;flex:0 1 auto;max-width:100%;min-width:0;direction:rtl;} @media (max-width:480px){ .woocommerce-mini-cart .mini_cart_item{gap:10px;} .ba-cart-content .woocommerce-mini-cart .mini_cart_item > a.product-image{flex-basis:60px;width:60px;} .ba-cart-content .woocommerce-mini-cart .mini_cart_item > img{flex-basis:60px;width:60px;} .ba-clear-cart-dialog__panel{padding:1.25rem;} } @media (max-width:380px){ .woocommerce-mini-cart .mini_cart_item{gap:8px;padding:8px;} .ba-cart-content .woocommerce-mini-cart .mini_cart_item > a.product-image{flex-basis:56px;width:56px;} .ba-cart-content .woocommerce-mini-cart .mini_cart_item > img{flex-basis:56px;width:56px;} .woocommerce-mini-cart .mini_cart_item .product-details h4.product-name{font-size:.88rem;} .woocommerce-mini-cart .quantity-remove-buttons-container{gap:6px;} .woocommerce-mini-cart .product-quantity .qty-btn{width:24px;height:24px;font-size:16px;line-height:20px;} .woocommerce-mini-cart .product-quantity .qty-input{width:36px;height:28px;font-size:.875rem;} .ba-clear-cart-dialog{ padding:12px; } .ba-clear-cart-dialog__panel{ width:100%; border-radius:18px; padding:1.15rem 1rem 1rem; } .ba-clear-cart-dialog__actions{ flex-direction:column-reverse; align-items:stretch; } .ba-clear-cart-dialog__button{ width:100%; } } .product-quantity{ display: inline-flex; align-items: center; gap: 3px; } .product-quantity.ba-pqc-control{ direction:ltr; unicode-bidi:isolate; } .qty-btn{ border-radius: 999px; border: 1px solid #cacaca; background: #fff; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; aspect-ratio: 1 / 1; width: 26px; height: 26px; line-height: 1; padding: 0; text-align: center; cursor: pointer; font-size: 18px; } .product-quantity.ba-pqc-control .qty-btn{ color:#222; font-family:inherit; font-weight:500; line-height:1; display:inline-flex; align-items:center; justify-content:center; } input.qty-input { width: 40px; text-align: center; padding: 2px 1px !important; height: 30px; border-radius: 8px; border: 1px solid #cacaca !important; background: #fff; font-size: 18px; } button.qty-btn:disabled{color:#222;font-weight:400;} button.qty-btn:disabled:hover{background:#dfc8c9;} .qty-btn:hover{background:#f7f7f7;} .qty-input{width:45px;text-align:center;padding:4px 0px!important;font-size:.875rem;border:none!important;border-radius:4px;outline:unset!important;box-shadow:unset!important;} /* Keep numeric caret/input flow LTR without changing RTL control layout. */ .product-quantity input.qty-input, form.cart input.qty{ direction:ltr; unicode-bidi:plaintext; } @media (max-width:325px){.product-quantity{gap:0;}} /* Single-product: hide Woo's native pre-add quantity and let JS swap button <-> cart qty control */ .single-product .summary.entry-summary form.cart.ba-pqc-single-form:not(.grouped_form) .quantity:not(.product-quantity){display:none;} .single-product .summary.entry-summary form.cart.ba-pqc-single-form .single_add_to_cart_button[hidden], .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-control[hidden]{display:none !important;} .single-product .summary.entry-summary form.cart.ba-pqc-single-form .product-quantity.ba-pqc-single-control{ display: flex; align-items: center; gap: .45rem; width: 100%; min-height: 44px; margin: 0 !important; padding: 0; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .product-quantity.ba-pqc-single-control .qty-btn{ height: 44px; line-height: 1; font-size: 23px; width: 44px; color: #222222; font-weight: 500; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .product-quantity.ba-pqc-single-control .qty-input{ width: 45%; height: 44px; padding: 0 !important; border: 1px solid #cacaca !important; border-radius: 10px; box-shadow: none !important; font-weight: 700; color: #111111; } @media (max-width:575px){ .single-product div.product form.cart.ba-pqc-single-form{width:89%;} .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions{width:100%;} .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-cart-slot{ width:auto; min-width:0; flex:1 1 auto; } .single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-slot{ width:var(--ba-pqc-single-quick-width); min-width:var(--ba-pqc-single-quick-width); } } .summary.entry-summary form.cart.ba-pqc-single-form button.single_add_to_cart_button.button.alt:hover { background: #f9b73e; } /* Footer of cart panel */ .ba-cart-footer{ flex:0 0 auto; margin-top:auto; padding:.75rem 1rem .9rem; border-top:1px solid var(--gray-border); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; align-items:start; } .ba-cart-footer > .free-ship, .ba-cart-footer > .woocommerce-mini-cart__total, .ba-cart-footer > .subtotal-free-ship-container, .ba-cart-footer > .woocommerce-mini-cart__buttons, .ba-cart-footer > script{grid-column:1 / -1;} .ba-cart-footer > .subtotal-free-ship-container{ display:grid; gap:.45rem; } .ba-cart-footer .woocommerce-mini-cart__total{ margin:0; width:100%; display:flex; justify-content:space-between; align-items:center; gap:.75rem; font-size:.95rem; line-height:1.2; color:#222; padding:.45rem .65rem; border:1px solid rgba(0,0,0,.08); border-radius:10px; background:#fafafa; } .ba-cart-footer .woocommerce-mini-cart__total strong{font-size:.88rem;} .ba-cart-footer .woocommerce-mini-cart__total .amount{font-size:1rem;font-weight:700;white-space:nowrap;} .ba-cart-footer .woocommerce-mini-cart__buttons{ margin:0; width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; } .woocommerce-mini-cart__buttons a{display:block!important;width:100%;text-align:center;} .ba-cart-footer .woocommerce-mini-cart__buttons a.checkout{margin-top:0;} .ba-cart-footer > a, .ba-cart-footer .woocommerce-mini-cart__buttons a{ width:100%; min-width:0; margin:0; padding:.58rem .65rem; font-size:.9rem; line-height:1.2; white-space:normal; } .ba-cart-footer > a:nth-last-of-type(2){grid-column:1;} .ba-cart-footer > a:last-of-type{grid-column:2;} .ba-cart-arrow{margin:0 4px;font-weight:700;} /* Persistent classic cart/checkout errors can render without a notices wrapper. Match the checkout notice skin without adding toast/dismiss behavior. */ body.woocommerce-cart .woocommerce-error.wc-notice--error.wc-notice-countdown-persistent, body.woocommerce-checkout .woocommerce > .woocommerce-error.wc-notice--error.wc-notice-countdown-persistent{ position:relative; box-sizing:border-box; width:100%; max-width:520px; margin:8px auto 16px; padding:1em 3.5em 1em 2em; padding-inline:3.5em 2em; border:1px solid #e5e7eb; border-radius:8px; background:#fff; color:#111827; box-shadow:0 10px 15px -3px rgba(15,23,42,.10),0 4px 6px -4px rgba(225,29,72,.30); list-style:none; font-size:14px; line-height:1.5; direction:rtl; text-align:right; overflow-wrap:anywhere; } body.woocommerce-cart .woocommerce-error.wc-notice--error.wc-notice-countdown-persistent::before, body.woocommerce-checkout .woocommerce-error.wc-notice--error.wc-notice-countdown-persistent::before{ content:'×'; position:absolute; top:50%; left:auto; right:auto; inset-inline-start:22px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%; background:#bd1d1d; color:#fff; font-family:inherit; font-size:10px; font-style:normal; font-weight:700; line-height:1; pointer-events:none; } body.woocommerce-cart .woocommerce-error.wc-notice--error.wc-notice-countdown-persistent li, body.woocommerce-checkout .woocommerce > .woocommerce-error.wc-notice--error.wc-notice-countdown-persistent li{ list-style:none; margin:0; padding:0; } body.woocommerce-cart .woocommerce-error.wc-notice--error.wc-notice-countdown-persistent a:not(.button), body.woocommerce-checkout .woocommerce > .woocommerce-error.wc-notice--error.wc-notice-countdown-persistent a:not(.button){ color:#bd1d1d; text-decoration:underline; text-underline-offset:2px; } /* Wishlist panel */ /* Keep the empty wishlist notice blue with readable white text. */ .tinv-wishlist .cart-empty.woocommerce-info{background-color:#317da8;} #ba-wishlist-modal .tinv-wishlist.woocommerce.tinv-wishlist-clear{max-width:none;margin:0;} #ba-wishlist-modal .tinv-wishlist > :is(h1,h2,h3,.entry-header,.page-header,.wishlist-title,.tinv-header){display:none !important;} #ba-wishlist-modal form{margin:0;} #ba-wishlist-modal .tinvwl-table-manage-list{ width:100%; margin:0; border:0; border-collapse:separate; background:transparent; table-layout:fixed; } #ba-wishlist-modal .tinvwl-table-manage-list thead, #ba-wishlist-modal .tinvwl-table-manage-list tfoot{display:none;} #ba-wishlist-modal .tinvwl-table-manage-list, #ba-wishlist-modal .tinvwl-table-manage-list tbody, #ba-wishlist-modal .tinvwl-table-manage-list tr, #ba-wishlist-modal .tinvwl-table-manage-list td{display:block;} #ba-wishlist-modal .tinvwl-table-manage-list tbody{ display:flex; flex-direction:column; gap:8px; } #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item{ display:grid; grid-template-columns:minmax(0,1fr) 60px; grid-template-areas: "name image" "price image" "action image"; align-items:start; gap:6px 8px; width:100%; margin:0; padding:8px; background:#fff; border:1px solid var(--gray-border, rgba(0,0,0,.12)); border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,.055); transition:box-shadow .15s ease,transform .15s ease; direction:ltr; overflow:hidden; } #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item:hover, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item:hover{box-shadow:0 5px 16px rgba(0,0,0,.075);} #ba-wishlist-modal .tinvwl-table-manage-list td{ width:auto; margin:0; padding:0; border:0; background:none; } #ba-wishlist-modal .tinvwl-table-manage-list .product-cb, #ba-wishlist-modal .tinvwl-table-manage-list .product-date, #ba-wishlist-modal .tinvwl-table-manage-list .product-stock{display:none !important;} #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail{ grid-area:image; width:60px; min-width:60px; max-width:60px; display:flex; justify-self:end; justify-content:flex-end; align-self:start; overflow:hidden; } #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail a{ display:flex; align-items:center; justify-content:center; width:100%; max-width:100%; height:60px; border-radius:9px; background:#fff; } #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail img{ display:block; width:100%; max-width:100%; height:60px; border-radius:9px; background:#fff; } #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail img{aspect-ratio:1 / 1;object-fit:contain;} #ba-wishlist-modal .tinvwl-table-manage-list .product-name{ grid-area:name; min-width:0; text-align:right; direction:rtl; } #ba-wishlist-modal .tinvwl-table-manage-list .product-name a{ color:#111; text-decoration:none; font-size:.92rem; font-weight:600; line-height:1.3; white-space:normal; overflow-wrap:anywhere; } #ba-wishlist-modal .tinvwl-table-manage-list .product-name .variation, #ba-wishlist-modal .tinvwl-table-manage-list .product-name dl, #ba-wishlist-modal .tinvwl-table-manage-list .product-name p{ margin:.2rem 0 0; font-size:.78rem; line-height:1.35; color:#666; overflow-wrap:anywhere; } #ba-wishlist-modal .tinvwl-table-manage-list .product-name dl{ display:flex; flex-wrap:wrap; gap:.15rem .4rem; } #ba-wishlist-modal .tinvwl-table-manage-list .product-name dt, #ba-wishlist-modal .tinvwl-table-manage-list .product-name dd{margin:0;} #ba-wishlist-modal .tinvwl-table-manage-list .product-price{ grid-area:price; min-width:0; text-align:right; direction:rtl; font-size:.84rem; line-height:1.35; color:#111; white-space:normal; overflow-wrap:anywhere; } #ba-wishlist-modal .tinvwl-table-manage-list .product-price:empty{display:none;} #ba-wishlist-modal .tinvwl-table-manage-list .product-price .amount, #ba-wishlist-modal .tinvwl-table-manage-list .product-price bdi{color:#111;} #ba-wishlist-modal .tinvwl-table-manage-list .product-price ins{ color:#111; font-weight:700; text-decoration:none; } #ba-wishlist-modal .tinvwl-table-manage-list .product-price del{ opacity:.42; color:inherit; } #ba-wishlist-modal .tinvwl-table-manage-list .product-price del .amount, #ba-wishlist-modal .tinvwl-table-manage-list .product-price del bdi{color:inherit;} #ba-wishlist-modal .tinvwl-table-manage-list .product-action{ grid-area:action; min-width:0; display:flex; flex-direction:column; align-items:stretch; gap:.35rem; } #ba-wishlist-modal .ba-wishlist-item__actions{ display:flex; align-items:center; gap:8px; width:100%; direction:ltr; } #ba-wishlist-modal .ba-wishlist-item__add-to-cart, #ba-wishlist-modal .product-action .button{ display:inline-flex; align-items:center; justify-content:center; gap:.35rem; width:auto; flex:1 1 auto; min-width:0; min-height:36px; margin:0; padding:.55rem .9rem; border:1px solid #111; border-radius:10px; background:#fff; color:#111; font-size:.84rem; font-weight:600; line-height:1.2; text-align:center; text-decoration:none; white-space:normal; transition:background-color .18s ease,color .18s ease,border-color .18s ease; } #ba-wishlist-modal .ba-wishlist-item__add-to-cart i, #ba-wishlist-modal .product-action .button i{display:none;} #ba-wishlist-modal .ba-wishlist-item__add-to-cart:hover, #ba-wishlist-modal .ba-wishlist-item__add-to-cart:focus-visible, #ba-wishlist-modal .product-action .button:hover, #ba-wishlist-modal .product-action .button:focus-visible{ background:#111; color:#fff; border-color:#111; } #ba-wishlist-modal .product-action .added_to_cart{ display:inline-flex; align-items:center; justify-content:center; margin-top:.35rem; font-size:.78rem; color:#111; text-decoration:underline; } #ba-wishlist-modal .ba-wishlist-item__remove{ width:36px; min-width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:10px; background:transparent; color:#1d1d1d; cursor:pointer; flex:0 0 auto; margin:0; transition:background-color .18s ease,color .18s ease,border-color .18s ease; } #ba-wishlist-modal .ba-wishlist-item__remove .ba-wishlist-item__remove-label{display:none;} #ba-wishlist-modal .ba-wishlist-item__remove .ba-wishlist-item__remove-icon{ display:block; font-size:1rem; line-height:1; } #ba-wishlist-modal .ba-wishlist-item__remove:hover, #ba-wishlist-modal .ba-wishlist-item__remove:focus-visible{ background:rgba(176,0,32,.06); color:#1d1d1d; } #ba-wishlist-modal .tinv-lists-nav{ margin-top:1rem; display:flex; justify-content:center; } @media (max-width:480px){ #ba-wishlist-modal.show .ba-wishlist-content{padding:4px;} #ba-wishlist-modal .ba-wishlist-body{padding:.45rem 0 .9rem;} #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item{ grid-template-columns:minmax(0,1fr) 56px; gap:6px 8px; padding:8px; } #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail{ width:56px; min-width:56px; max-width:56px; } #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail a, #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail img{height:56px;} #ba-wishlist-modal .tinvwl-table-manage-list .product-name a{font-size:.88rem;} } @media (max-width:380px){ #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item{ grid-template-columns:minmax(0,1fr) 52px; gap:5px 7px; } #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail{ width:52px; min-width:52px; max-width:52px; } #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail a, #ba-wishlist-modal .tinvwl-table-manage-list .product-thumbnail img{height:52px;} #ba-wishlist-modal .ba-wishlist-item__add-to-cart, #ba-wishlist-modal .product-action .button{padding:.52rem .75rem;font-size:.8rem;} } .ba-wishlist-table tr.ba-wishlist-item--out-of-stock .product-thumbnail, .ba-wishlist-table tr.ba-wishlist-item--out-of-stock .product-price{ opacity:.58; } .ba-wishlist-table tr.ba-wishlist-item--out-of-stock .product-name > :not(.ba-wishlist-item__out-of-stock-details){ opacity:.58; } .ba-wishlist-table tr.ba-wishlist-item--out-of-stock .product-thumbnail img{filter:saturate(.88);} .ba-wishlist-table .ba-wishlist-item--out-of-stock .add_to_cart_button, .ba-wishlist-table .ba-wishlist-item--out-of-stock .ajax_add_to_cart, .ba-wishlist-table .ba-wishlist-item--out-of-stock .tinvwl_add_to_cart_button, .ba-wishlist-table .ba-wishlist-item--out-of-stock .added_to_cart{ display:none !important; } .ba-wishlist-table .ba-wishlist-item__stock-note{ margin:0; color:#111; font-size:.88rem; font-weight:600; line-height:1.35; text-align:right; direction:rtl; } .ba-wishlist-table .ba-wishlist-item__stock-status .tinvwl-txt{ color:#111; font-weight:600; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .product-action{ vertical-align:middle; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__actions{ display:flex; flex-direction:column; align-items:stretch; gap:8px; width:100%; min-width:0; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__add-to-cart, .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .product-action .button{ order:1; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__remove{ display:inline-flex; align-items:center; justify-content:center; gap:.38rem; width:100%; min-width:0; min-height:36px; margin:0; padding:.55rem .85rem; border:1px solid #d9d9d9; border-radius:10px; background:#fff; color:#222; font-size:.84rem; font-weight:600; line-height:1.2; text-align:center; text-decoration:none; cursor:pointer; box-sizing:border-box; transition:background-color .18s ease,color .18s ease,border-color .18s ease; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__remove{ order:2; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__remove:hover, .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__remove:focus-visible{ background:#f5f5f5; color:#111; border-color:#cfcfcf; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .product-action .added_to_cart{ order:3; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__remove-icon{ display:block; font-size:1rem; line-height:1; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__remove-label{ display:inline; } .ba-wishlist-table .product-name, .ba-wishlist-table .product-name *{ box-sizing:border-box; max-width:100%; min-width:0; } .ba-wishlist-table .ba-wishlist-item__out-of-stock-details{ display:flex; flex-direction:column; gap:.5rem; width:100%; max-width:100%; min-width:0; margin-top:.55rem; } .ba-wishlist-table .product-name .ba-wishlist-item__bis, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__field-row, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__consent, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__message{ width:100%; max-width:100%; min-width:0; margin-inline-start:auto; margin-inline-end:0; box-sizing:border-box; } .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__hp, #ba-wishlist-modal .product-name .ba-wishlist-item__bis .es-bis__hp{ position:absolute !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; width:1px !important; height:1px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; clip:rect(0, 0, 0, 0) !important; clip-path:inset(50%) !important; white-space:nowrap !important; } .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart{ grid-template-columns:minmax(0,1fr); column-gap:0; row-gap:8px; } .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart > .es-bis__title, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart > .es-bis__field-row, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart > .es-bis__consent, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart > .es-bis__message, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart > .es-bis__ts, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart > .es-bis__hp, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart > .es-bis__product-id, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart > .es-bis__variation-id{ grid-column:1 / -1; } .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__field-row, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__consent, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__consent-text, .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__message{ direction:rtl; text-align:right; } .ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__consent-text{flex:1 1 auto;} #ba-wishlist-modal .tinvwl-table-manage-list, #ba-wishlist-modal .tinvwl-table-manage-list *{ box-sizing:border-box; } #ba-wishlist-modal .product-name .ba-wishlist-item__out-of-stock-details{ gap:.38rem; margin-top:.4rem; } #ba-wishlist-modal .product-name .ba-wishlist-item__bis{ margin-top:0; width:100%; max-width:100%; } #ba-wishlist-modal .product-name .ba-wishlist-item__bis .es-bis{ gap:6px; margin:0; max-width:100%; } #ba-wishlist-modal .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart{ row-gap:6px; } #ba-wishlist-modal .product-name .ba-wishlist-item__bis .es-bis__title{ margin:0; } #ba-wishlist-modal .product-name .ba-wishlist-item__bis .es-bis__field-row, #ba-wishlist-modal .product-name .ba-wishlist-item__bis .es-bis__consent{ margin-inline-start:auto; margin-inline-end:0; text-align:right; } #ba-wishlist-modal .product-name .ba-wishlist-item__bis .es-bis__consent{ margin-top:4px; } #ba-wishlist-modal .product-name .ba-wishlist-item__bis .es-bis__message{ margin-top:0; min-height:0; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-action{ display:none; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis{ width:100%; max-width:100%; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .es-bis--wishlist.es-bis-cart{ grid-template-columns:minmax(0,1fr) 36px; column-gap:10px; row-gap:6px; align-items:start; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .es-bis__title{ grid-row:1; grid-column:1 / -1; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .es-bis__field-row{ grid-row:2; grid-column:1 / -1; width:100%; max-width:100%; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .es-bis__consent{ grid-row:3; grid-column:1; min-width:0; margin:4px 0 0; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .es-bis__message{ grid-row:4; grid-column:1 / -1; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .es-bis__message:empty{ display:none; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .ba-wishlist-item__bis-actions{ grid-row:3; grid-column:2; width:36px; max-width:36px; display:flex; align-items:flex-start; justify-content:center; align-self:start; margin-top:4px; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .ba-wishlist-item__remove--inline{ width:36px; min-width:36px; height:36px; min-height:36px; padding:0; gap:0; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .ba-wishlist-item__remove--inline .ba-wishlist-item__remove-label{ display:none; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__bis .ba-wishlist-item__remove--inline .ba-wishlist-item__remove-icon{ font-size:1rem; line-height:1; } #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__remove--inline:hover, #ba-wishlist-modal .ba-wishlist-item--inline-remove .product-name .ba-wishlist-item__remove--inline:focus-visible{ background:rgba(176,0,32,.06); color:#1d1d1d; } #ba-wishlist-modal .tinvwl-table-manage-list .product-price{ font-size:.84rem; line-height:1.35; color:#111; } #ba-wishlist-modal .tinvwl-table-manage-list .product-action{ min-width:0; } #ba-wishlist-modal .tinvwl-table-manage-list .ba-wishlist-item__actions{ flex-direction:row; align-items:center; } #ba-wishlist-modal .tinvwl-table-manage-list .ba-wishlist-item__add-to-cart, #ba-wishlist-modal .tinvwl-table-manage-list .product-action .button{ order:0; width:auto; flex:1 1 auto; min-width:0; min-height:36px; margin:0; padding:.55rem .9rem; border:1px solid #111; border-radius:10px; background:#fff; color:#111; font-size:.84rem; font-weight:600; line-height:1.2; text-align:center; text-decoration:none; white-space:normal; } #ba-wishlist-modal .tinvwl-table-manage-list .ba-wishlist-item__remove{ order:0; width:36px; min-width:36px; height:36px; min-height:36px; margin:0; padding:0; border:0; border-radius:10px; background:transparent; color:#1d1d1d; } #ba-wishlist-modal .tinvwl-table-manage-list .product-action .added_to_cart{ order:0; } #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item:not(.ba-wishlist-item--out-of-stock) .ba-wishlist-item__add-to-cart:hover, #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item:not(.ba-wishlist-item--out-of-stock) .ba-wishlist-item__add-to-cart:focus-visible, #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item:not(.ba-wishlist-item--out-of-stock) .product-action .button:hover, #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item:not(.ba-wishlist-item--out-of-stock) .product-action .button:focus-visible, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item:not(.ba-wishlist-item--out-of-stock) .ba-wishlist-item__add-to-cart:hover, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item:not(.ba-wishlist-item--out-of-stock) .ba-wishlist-item__add-to-cart:focus-visible, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item:not(.ba-wishlist-item--out-of-stock) .product-action .button:hover, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item:not(.ba-wishlist-item--out-of-stock) .product-action .button:focus-visible{ background:#111; color:#fff; border-color:#111; } #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item:not(.ba-wishlist-item--out-of-stock) .ba-wishlist-item__remove:hover, #ba-wishlist-modal .tinvwl-table-manage-list tr.ba-wishlist-modal-item:not(.ba-wishlist-item--out-of-stock) .ba-wishlist-item__remove:focus-visible, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item:not(.ba-wishlist-item--out-of-stock) .ba-wishlist-item__remove:hover, #ba-wishlist-modal .tinvwl-table-manage-list tr.wishlist_item:not(.ba-wishlist-item--out-of-stock) .ba-wishlist-item__remove:focus-visible{ background:rgba(176,0,32,.06); color:#1d1d1d; } @media (max-width:767px){ .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table tbody, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table tr, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table td, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table th, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-name, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-name .ba-wishlist-item__bis, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-name .ba-wishlist-item__bis .es-bis__field-row, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-name .ba-wishlist-item__bis input{ max-width:100%; min-width:0; box-sizing:border-box; } .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table{ width:100%; table-layout:fixed; } .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-name, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-price, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-stock, .tinv-wishlist.woocommerce .tinvwl-table-manage-list.ba-wishlist-table .product-action{ overflow-wrap:anywhere; } .ba-wishlist-table .ba-wishlist-item__out-of-stock-details{ gap:.4rem; margin-top:.45rem; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__actions{ align-items:stretch; } .tinv-wishlist.woocommerce.tinv-wishlist-clear .ba-wishlist-table .ba-wishlist-item__remove{ width:100%; } #ba-wishlist-modal .tinvwl-table-manage-list .ba-wishlist-item__actions{ align-items:center; } #ba-wishlist-modal .tinvwl-table-manage-list .ba-wishlist-item__remove{ width:36px; } } /* ---------- 6.2 AUTH MODAL --------------------------------------- */ .ba-auth-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:999999;} .ba-auth-modal:not([hidden]){display:flex;} .ba-auth-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5);} .ba-auth-content{ position:relative;background:#fff;z-index:2;max-width:400px;width:90%; padding:2rem;border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.3);direction:rtl; } .ba-auth-close{position:absolute;top:10px;left:10px;background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;} .auth-form-wrap h2{margin:0 0 1rem;} .auth-form-wrap form{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;min-width:0;} .form-group{display:flex;flex-direction:column;} .form-group label{font-size:.9rem;margin-bottom:.25rem;} .password-wrapper{position:relative;} .password-wrapper .toggle-password{position:absolute;top:50%;left:5px;transform:translateY(-50%);cursor:pointer;} .form-options{display:flex;justify-content:space-between;align-items:center;} .switch-form{margin-top:1rem;text-align:center;} .button-link{background:none;border:none;color:#0073aa;text-decoration:underline;cursor:pointer;padding:0;font:inherit;} /* ---------- Logged‑in user dropdown (2025‑06‑24) ------------------ */ .user-logged-in-wrap{position:relative;} .user-dropdown, .user-dropdown-auth{ position:absolute;top:100%;left:0 !important;right:auto !important;width:350px;background:#fff;border:1px solid var(--gray-border); border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.18);padding:0;z-index:9999; } .user-dropdown ul{margin:2rem 0 .5rem;padding:0;list-style:none;} .user-dropdown ul li a{ display:flex;color:#222;text-decoration:none;font-size:.9rem;border-radius:4px;padding:3px; } /* ------------------------------------------------------------- 6.3 MOBILE HAMBURGER • structure, links & last‑order card ------------------------------------------------------------- */ .mobile-menu-panel{ display:none;flex-direction:column;max-height:calc((var(--ba-vh, 1vh) * 100) - var(--mobile-header-height));background:#fff; } .mobile-menu-panel.open{display:flex;} .mobile-menu-scroll{flex:1 1 auto;overflow-y:auto;padding:1rem 0;} /* primary menu */ .mobile-primary-menu{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;} .mobile-primary-menu > li{border-top:1px solid var(--gray-border);} .mobile-primary-menu > li:first-child{border-top:none;} .mobile-primary-menu > li > a{ display:block;width:100%;padding:.65rem 1.25rem;color:#222;text-decoration:none;font:400 .95rem/1.35 "Noto Sans Hebrew"; } .mobile-primary-menu > li > a:hover{background:#f7f7f7;} .mobile-primary-menu .current-menu-item > a{color:#222!important;font-weight:800!important;} .mobile-primary-menu .current-menu-item > a::before, .mobile-primary-menu .current-menu-item > a::after{display:none!important;} /* auth / user footer */ .mobile-menu-auth{padding:1.25rem;direction:rtl;} .mobile-hello{margin:.5rem 10px 2rem;font:600 1.5rem/1.4 "Noto Sans Hebrew";color:#222;text-align:right;} .wc-hub__hello{margin:.5rem 10px 2rem;font:600 1.5rem/1.4 "Noto Sans Hebrew";color:#222;text-align:right;} #mobile-menu-panel .mobile-menu-panel-top{padding:1rem 1.25rem 0;direction:rtl;} #mobile-menu-panel .mobile-menu-panel-hello{margin:0;font:600 1.05rem/1.35 "Noto Sans Hebrew";} #mobile-menu-panel .mobile-primary-menu > li.ba-mobile-account-start{padding-top:1rem;} #mobile-menu-panel .mobile-primary-menu > li:last-child{border-bottom:1px solid var(--gray-border);} #mobile-menu-panel .mobile-menu-auth{padding:0 1.25rem 1.25rem;direction:rtl;} /* last‑order block */ .mobile-last-order{max-width:400px;border:1px solid var(--gray-border);padding:.75rem;border-radius:12px;background:#fbfbfb;} .mobile-last-order h3{margin:0 0 .45rem;font:700 .9rem/1 "Noto Sans Hebrew";} .last-order-meta{font-size:.75rem;color:#555;line-height:1.4;margin-bottom:0;} .last-order-meta p{margin:0;} #mobile-menu-panel a.mobile-last-order{display:block;color:#222;text-decoration:none;transition:background .15s, box-shadow .15s;} #mobile-menu-panel a.mobile-last-order:hover{background:#f7f7f7;box-shadow:0 2px 8px rgba(0,0,0,.06);} .last-order-card{ display:flex;align-items:center;justify-content:space-between;gap:.75rem; border:1px solid var(--gray-border);border-radius:6px;padding:.6rem;background:#fff;text-decoration:none;cursor:pointer;transition:background .15s; } .last-order-card:hover{background:#fafafa;} .last-order-title{flex:1;font-size:.8rem;font-weight:600;color:#222;line-height:1.3;margin:0;} .last-order-qty{font-weight:400;color:#656565;} .last-order-total{margin:0;white-space:nowrap;font:700 .85rem/1 "Noto Sans Hebrew";color:#222;} .last-order-card img{width:48px;height:48px;object-fit:contain;object-position:center;background:#f7f7f7;border-radius:4px;} /* image cluster */ .last-order-images{display:flex;align-items:center;gap:.4rem;direction:ltr;flex-direction:row-reverse;} .order-img-wrap{position:relative;width:38px;height:38px;flex:0 0 38px;} .order-img-wrap img{width:100%;height:100%;border-radius:4px;object-fit:contain;object-position:center;background:#f7f7f7;display:block;} .img-qty-badge{ position:absolute;top:-6px;right:-6px;min-width:18px;min-height:18px;padding:2px 5px;border-radius:9999px; background:var(--badge-bg,#E1A743);color:var(--badge-color,#fff);font-size:.65rem;line-height:1;font-weight:700;display:flex;align-items:center;justify-content:center; } .order-img-wrap.extra-count{ display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid var(--gray-border);border-radius:4px;color:#222;font-weight:700;font-size:.9rem; } span.img-qty-badge{ background:#222;color:white;width:1rem;height:1rem;display:flex;padding:1px 6px;border-radius:9999px;font-size:.655rem;font-weight:600;line-height:1;align-items:center;justify-content:center;user-select:none;top:2px;opacity:.75;position:absolute; } .mobile-menu-auth .last-order-card img{width:48px;height:48px;object-fit:contain;object-position:center;background:#f7f7f7;} .mobile-menu-auth .order-img-wrap img{width:100%;height:100%;object-fit:contain;object-position:center;background:#f7f7f7;} /* bottom links */ .mobile-user-links{list-style:none;padding:0;margin:2rem 0 4.5rem;display:flex;align-items:flex-start;gap:22px;} .mobile-user-links li{display:flex;flex-direction:column;align-items:center;text-align:center;} .mobile-user-links li.logout-edge{margin-inline-start:auto;} .mobile-user-links a{color:#222;text-decoration:none;font:600 .8rem/1.3 "Noto Sans Hebrew";display:flex;flex-direction:column;align-items:center;border-radius:4px;padding:3px;} .link-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-border);border-radius:50%;background:#fff;margin-bottom:.3rem;} .link-icon svg{width:26px;height:26px;} .mobile-auth-btn{background:#d6d6d6;color:#222;border:0;border-radius:4px;width:100%;padding:.9rem;font:600 .95rem/1 "Noto Sans Hebrew";} .mobile-auth-btn:hover{background:#c8c8c8;} #mobile-menu-panel .mobile-auth-btn{font:700 .95rem/1 "Noto Sans Hebrew";border-radius:0;box-shadow:inset 0 0 0 1px #bdbdbd;} /* ================================================================== 7. WIDGETS & BLOCKS ================================================================= */ /* ---------- 7.1 HOMEPAGE TOP STRIP ------------------------------- */ .homepage-top-strip{ max-width:1250px;margin:0 auto;background:#f0f0f0;padding:.75rem; box-shadow:inset 0 -2px 0 0 #000;color:#222; } .homepage-top-strip p{margin:0;text-align:center;font-size:.85rem;} /* ---------- 7.2 HERO‑SLIDER (desktop & mobile) ------------------- */ .ba-hero-slider-wrapper{ aspect-ratio:16 / 6;max-width:1250px;margin:0 auto;position:relative;overflow:hidden; } .ba-hero-preload, .ba-hero-slider{position:absolute;inset:0;width:100%;height:100%;} .ba-hero-preload{display:block;overflow:hidden;} .ba-hero-preload img{border-radius:0;width:100%;height:400px;object-fit:cover;display:block;} .ba-hero-slider.is-delayed{display:none;} /* ✅ RTL layout so Slide 2 is LEFT of Slide 1, and Slide 3 is RIGHT of Slide 1 (loop) */ .ba-hero-slider-track{ display:flex; width:100%; height:100%; direction: rtl; transition:transform .5s ease; } .ba-slide{flex:0 0 100%;} .ba-slide img{width:100%;height:100%;object-fit:cover;border-radius:0;} .ba-slide-caption{ position:absolute;bottom:20px;left:20px;color:#fff;font:700 1.25rem/1.2 "Noto Sans Hebrew";text-shadow:0 2px 4px rgba(0,0,0,.8); } /* Dots */ .ba-hero-slider-dots{ position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; gap: 12px; margin: 0; padding: .6rem 1rem; list-style: none; z-index: 5; background: #b9b9b914; -webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px); border: 1px solid #dbdbdb; border-radius: 9999px; cursor: default; /* ✅ start on RIGHT, progress LEFT */ direction: ltr; flex-direction: row-reverse; } .ba-dot,.ba-hero-slider-indicator{width: 10px; height: 10px; border-radius: 50%; background: #c6c6c6;} .ba-dot{cursor:pointer;transition:background .3s;} .ba-hero-slider-indicator{ position:absolute; left:0; margin-left:-1px; background:#222; transition:left .3s cubic-bezier(.51,.92,.24,1), opacity .15s ease; opacity: 0; /* hidden until placed */ } .ba-hero-slider-dots:not(.is-ready) .ba-hero-slider-indicator{ transition: none; opacity: 0; } .ba-hero-slider-dots.is-ready .ba-hero-slider-indicator{ opacity: 1; } /* Mobile overrides ≤ 600 */ @media (max-width:600px){ .ba-hero-slider-wrapper{aspect-ratio:auto;height:auto;max-width:100%;padding-bottom:42px;} .ba-hero-preload,.ba-hero-slider{position:relative;height:auto;} .ba-hero-preload img,.ba-slide img{height:auto;} .ba-hero-slider-track{height:auto;} .ba-hero-slider{position:absolute;inset:0;height:100%;} .ba-hero-preload{aspect-ratio:auto;} .ba-hero-slider-wrapper{max-width:100%;} } /* ---------- 7.3 TRUST BADGES ------------------------------------- */ .trust-badges-container{ margin:8rem auto;direction:rtl;display:flex;justify-content:center;align-items:flex-start; gap:3rem;border-top:1px solid var(--gray-border);border-bottom:1px solid var(--gray-border);padding:4rem 0; } .trust-badge{width:340px;display:flex;flex-direction:column;gap:.5rem;} .trust-badge-upper-text-container{display:flex;align-items:center;gap:.5rem;} .trust-badge-upper-text-highlight{ background:#ffb249;padding:.05rem .75rem;border-radius:999px;color:#222;font-weight:500;margin:0;font-size:clamp(.8rem,2.8vw,.95rem); } .trust-badge-upper-text{ margin:0;font-weight:400;color:#333;font-size:clamp(.8rem,2.6vw,.95rem); } .trust-badge-upper-icon{width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block;} .trust-badge-box{ position:relative;border:1px solid var(--gray-border);border-radius:30px;box-sizing:border-box;padding:1.5rem;min-height:120px; } .trust-badge-box-icon{position:absolute;top:1.5rem;left:1.5rem;width:38px;height:38px;background-repeat:no-repeat;background-position:center;background-size:contain;} .trust-badge-box-content{display:flex;flex-direction:column;align-items:flex-start;text-align:right;margin-right:0;gap:.75rem;} .trust-badge-box-title{width:80%;margin:0 0 .25rem;font-weight:600;color:#333;font-size:clamp(1rem,3vw,1.1rem);} span.trust-badge-box-icon.icon-box-2{top:1.35rem;} .trust-badge-box-text{margin:0;color:#767676;font-weight:400;line-height:1.4;font-size:clamp(.75rem,2.3vw,.85rem);} /* icons */ .icon-top-1{background-image:url("assets/images/icons/happy-face-2-svgrepo-com.svg");transform:scale(1.25);} .icon-top-2{background-image:url("assets/images/icons/time-quarter-to-svgrepo-com.svg");} .icon-top-3{background-image:url("assets/images/icons/cubes-svgrepo-com-2.svg");transform:scale(1.1);} .icon-box-1{background-image:url("assets/images/icons/call-support-svgrepo-com.svg");} .icon-box-2{background-image:url("assets/images/icons/fast-delivery-truck-svgrepo-com.svg");} .icon-box-3{background-image:url("assets/images/icons/verified-check-svgrepo-com-1.svg");} /* ---------- 7.4 HOMEPAGE CATEGORIES GRID ------------------------- */ .homepage-categories{max-width:1000px;margin:2rem auto;direction:rtl;} .homepage-categories-grid{ display:grid;grid-template-columns:repeat(3,300px);grid-auto-rows:75px;gap:3rem;justify-content:center; } a.homepage-category-tile, a.homepage-category-shop{transition:box-shadow .2s, transform .2s;} a.homepage-category-tile:hover, a.homepage-category-shop:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px);} .title-with-separator{display:flex;align-items:center;justify-content:center;gap:1rem;margin:6rem 0 3rem;} .title-english{font-size:1.5rem;font-weight:700;margin:0;} .title-separator{flex:1;border:none;margin:0;} .homepage-category-tile, .homepage-category-shop{height:95px;display:flex;align-items:center;} .homepage-category-tile{ gap:1rem;width:300px;text-decoration:none;color:inherit;border:1px solid var(--gray-border);border-radius:8px;background:#fff;overflow:hidden;direction:ltr; } .homepage-category-tile img{pointer-events:none;width:65px;height:65px;object-fit:cover;margin:0 1rem;padding:0;} .homepage-category-text{display:flex;flex-direction:column;} .homepage-category-name{ margin:0 0 2px;font-weight:700;color:#222;font-size:1rem;line-height:1.2;direction:rtl;text-align:right;right:15px;position:relative; } .homepage-category-shop{ grid-column:span 2;justify-content:center;border:1px solid var(--gray-border);color:#222;background:#f9f9f9;font-weight:600;text-decoration:none;border-radius:8px;font-size:1rem; } /* Hide default Storefront top widget on homepage */ .header-widget-region{display:none;} :root{ --ba-slider-control-width:56px; --ba-slider-control-edge-pad:10px; --ba-brands-control-width:var(--ba-slider-control-width); --ba-brands-control-edge-pad:var(--ba-slider-control-edge-pad); --ba-slider-nav-zone:var(--ba-slider-control-width); --ba-slider-nav-zone-touch:40px; --ba-product-card-min-height:404px; --ba-bspop-card-min-height:180px; --ba-product-card-title-line-height:1.25; --ba-product-card-title-min-height:2.2rem; --ba-product-card-image-offset:54px; --ba-product-card-price-offset:58px; --ba-product-card-title-offset:66px; --ba-product-card-button-margin-bottom:10px; --ba-bspop-cart-button-min-height:2.35rem; } /* ---------- 7.5 PRODUCT SLIDERS (New Arrivals & YML) ------------- */ .ba-newarrivals-slider-container{max-width:1100px;margin:3rem auto;text-align:center;position:relative;} .ba-newarrivals-slider-container .ba-newarrivals-title{margin-bottom:2rem;} .ba-newarrivals-carousel{position:relative;overflow:hidden;padding:0 2.5rem;isolation:isolate;} .ba-newarrivals-carousel::before, .ba-newarrivals-carousel::after{ content:"";position:absolute;top:0;bottom:0;width:52px;background:#fff;z-index:2;pointer-events:none; } .ba-newarrivals-carousel::before{left:0;} .ba-newarrivals-carousel::after{right:0;} .ba-newarrivals-carousel-inner{display:flex;flex-wrap:nowrap;direction:ltr;} .ba-na-item{flex:0 0 calc(100%/3);max-width:calc(100%/3);text-align:center;padding:0 0 4rem;} .ba-na-col{ direction:rtl;position:relative;width:280px;height:var(--ba-product-card-min-height);min-height:var(--ba-product-card-min-height);margin:.35rem auto;display:grid; grid-template-rows:140px 40px minmax(var(--ba-product-card-title-min-height), auto) 50px 60px;border:1px solid #ddd;border-radius:8px;background:#fff;transition:box-shadow .2s, transform .2s; } /* .ba-na-col:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-3px);} */ .ba-card-full-link{position:absolute;inset:0;z-index:10;display:block;text-decoration:none;border-radius:inherit;} .ba-na-img-container{display:flex;align-items:center;justify-content:center;margin-top:var(--ba-product-card-image-offset);min-height:0;overflow:visible;} .ba-na-img{width:auto;max-width:80%;height:auto;max-height:120px;object-fit:contain;object-position:center;border-radius:6px;aspect-ratio:auto;} .ba-na-img--placeholder, .ba-na-img.woocommerce-placeholder{ width:min(80%, 112px);max-width:80%;height:auto;max-height:120px;object-fit:contain;object-position:center;aspect-ratio:1/1; } .ba-na-price-container{display:flex;align-items:center;justify-content:center;margin-top:var(--ba-product-card-price-offset);} .ba-na-price{margin:0;color:#333;font-weight:300;font-size:1.2rem;line-height:1.2;} .ba-na-price del, .ba-na-price del .woocommerce-Price-amount.amount{ color:#b8b8b8; font-weight:400; } .ba-na-price ins, .ba-na-price ins .woocommerce-Price-amount.amount{ color:#333; font-weight:600; text-decoration:none; } .ba-na-price .woocommerce-Price-currencySymbol{font-size:.7em;margin-right:2px;} .ba-na-name-container{display:flex;align-items:center;justify-content:center;padding:0 .5rem;min-height:var(--ba-product-card-title-min-height);margin-top:var(--ba-product-card-title-offset);} .ba-na-name{ color:#333;font-weight:600;font-size:.85rem;line-height:var(--ba-product-card-title-line-height);min-height:var(--ba-product-card-title-min-height);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center; } .ba-cart-button-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:var(--ba-product-card-button-margin-bottom);z-index:12;} .ba-cart-button-wrapper .add_to_cart_button, button.add_to_cart_button {line-height: 0.9; width:90%;z-index:15;display:inline-block;text-align:center;border-radius:6px;} .ba-cart-button-wrapper .product-quantity.ba-pqc-control{ align-items:center; justify-content:center; gap:.35rem; width:min(100%, 8.75rem); max-width:100%; margin-inline:auto; padding:0; } .ba-cart-button-wrapper .product-quantity.ba-pqc-control .qty-btn{ width:clamp(2rem, 5vw, 2.2rem); height:clamp(2rem, 5vw, 2.2rem); line-height:1; font-size:clamp(1rem, 2.5vw, 1.2rem); } .ba-cart-button-wrapper .product-quantity.ba-pqc-control .qty-input{ width:clamp(2.8rem, 8vw, 3.2rem); min-width:0; height:clamp(2.1rem, 5.5vw, 2.35rem); padding:0 !important; border:1px solid #cacaca !important; border-radius:10px; background:#fff; font-size:clamp(.95rem, 2.8vw, 1.05rem); line-height:1; box-shadow:none !important; } /* arrows (reused by YML) */ .ba-newarrivals-carousel-control, .ba-lastunits-left, .ba-lastunits-right, .ba-brands-control{ position:absolute; top:0; bottom:0; width:var(--ba-slider-nav-zone, var(--ba-slider-control-width)); margin:0; padding:0; border:0; cursor:pointer; appearance:none; -webkit-appearance:none; background:transparent !important; border-radius:0; box-shadow:none !important; display:flex; align-items:center; justify-content:center; transition:opacity .2s; z-index:25; -webkit-tap-highlight-color:transparent; transform:translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden; isolation:isolate; contain:none; will-change:auto; } .ba-newarrivals-carousel-control .ripple, .ba-bspop-slider-control .ripple, .ba-brands-control .ripple{display:none!important;} .ba-newarrivals-left, .ba-lastunits-left, .ba-youmightlike-left, .ba-bspop-left, .ba-brands-left{ left:0; justify-content:flex-start; padding-left:var(--ba-slider-control-edge-pad); } .ba-newarrivals-right, .ba-lastunits-right, .ba-youmightlike-right, .ba-bspop-right, .ba-brands-right{ right:0; justify-content:flex-end; padding-right:var(--ba-slider-control-edge-pad); } .ba-newarrivals-arrow-left, .ba-newarrivals-arrow-right{ width:auto; min-width:1ch; height:100%; display:flex; align-items:center; justify-content:center; flex-shrink:0; line-height:1; font-size:5.75rem; transform:translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden; pointer-events:none; -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision; } .ba-brands-control{ width:var(--ba-slider-nav-zone, var(--ba-brands-control-width)); } .ba-brands-left, .ba-brands-right{ justify-content:center; } .ba-brands-left{ padding-left:var(--ba-brands-control-edge-pad); padding-right:0; } .ba-brands-right{ padding-right:var(--ba-brands-control-edge-pad); padding-left:0; } /* Slider: You‑Might‑Like (tabs only – arrows reused) */ .ba-youmightlike-left{left:0;} .ba-youmightlike-right{right:0;} .ba-yml-tabs{margin:1rem 0;} button.ba-yml-tab-btn{ background:#fff;border-radius:100px;box-shadow:inset 0 0 0 1px #f0f0f0;margin:.5rem;color:#444;font-size:.9rem;transition:all .1s; } button.ba-yml-tab-btn:hover{background:#fafafa;color:#000;} button.ba-yml-tab-btn.active.selected{background:#f0f0f0;color:#000;} /* ---------- 7.6 BEST‑SELLERS / MOST‑POPULAR ---------------------- */ .ba-bspop-section{width:100%;background:#f9f9f9;padding:2rem 0;margin:4rem 0;direction:rtl;} .ba-bspop-container{max-width:1100px;margin:0 auto;position:relative;text-align:center;} /* Tabs */ .ba-bspop-tabs{ position:relative;display:inline-flex;align-items:center;background:#EFEFEF;border-radius:14px;padding:12px;margin-bottom:2rem;gap:10px;flex-wrap:nowrap; } .ba-bspop-pill{ position:absolute;top:12px;bottom:12px;left:0;right:0;background:none;border-radius:14px;z-index:1;pointer-events:none; --ba-bspop-pill-line-x:0px; --ba-bspop-pill-line-width:0px; } .ba-bspop-pill::after{ content:"";position:absolute;left:0;bottom:-12px;width:var(--ba-bspop-pill-line-width);height:3px;background:orange;border-top-left-radius:64px;border-top-right-radius:64px; transform:translate3d(var(--ba-bspop-pill-line-x),0,0); transform-origin:left center; transition:transform .3s ease; } .ba-bspop-tab-btn{ background:none;border:none;padding:.5rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;border-radius:14px;position:relative;z-index:2;color:#666;transition:color .25s;white-space:nowrap; } .ba-bspop-tab-btn .ripple{display:none!important;} .ba-bspop-tab-btn:hover{color:#000;} .ba-bspop-tab-btn:not(.active):hover{background:#E4E4E4;border-radius:14px;} .ba-bspop-tab-btn.active{color:#111;background:#D9D9D9;border-radius:14px;transition:color .25s;} @media(max-width:300px){ .ba-bspop-tabs{flex-direction:column;gap:6px;padding:8px 12px;width:100%;max-width:220px;margin-inline:auto;} .ba-bspop-tab-btn{width:100%;text-align:center;font-size:.9rem;padding:.45rem .6rem;} .ba-bspop-pill{display:none;} } /* Slider */ .ba-bspop-slider{position:relative;overflow:hidden;padding:0 2.5rem;min-height:200px;isolation:isolate;} .ba-bspop-slider::before, .ba-bspop-slider::after{ content:"";position:absolute;top:0;bottom:0;width:52px;background:#f7f7f7;z-index:3;pointer-events:none; } .ba-bspop-slider::before{left:0;} .ba-bspop-slider::after{right:0;} .ba-bspop-slider.hidden{display:none;} .ba-bspop-slider-inner{display:flex;flex-wrap:nowrap;direction:ltr;align-items:stretch;} .ba-bspop-item{flex:0 0 calc(100%/3);max-width:calc(100%/3);display:flex;justify-content:center;padding:1rem 0 3rem;box-sizing:border-box;min-width:0;} .bspop-title-link{ width:100%;color:#333;font-weight:600;font-size:.85rem;line-height:var(--ba-product-card-title-line-height);min-height:var(--ba-product-card-title-min-height);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0;direction:rtl; } /* Card */ .ba-bspop-card{ --ba-bspop-image-slot-height:92px; position:relative;direction:ltr;width:280px;height:180px;min-height:var(--ba-bspop-card-min-height);padding:.75rem;display:grid;grid-template-columns:90px minmax(0,1fr) 100px;grid-template-rows:1fr minmax(var(--ba-product-card-title-min-height), auto);column-gap:.75rem;background:#fff;border:1px solid #ddd;border-radius:8px;transition:box-shadow .2s, transform .2s;min-width:0; } .ba-bspop-section .ba-bspop-card{ height:212px; min-height:212px; padding-top:42px; } .ba-bspop-section .cbd-badge-stack{ top:14px !important; left:8px; right:8px; max-width:calc(100% - 16px); flex-direction:row; align-items:flex-start; justify-content:flex-start; gap:4px; z-index:22; } .ba-bspop-section .cbd-badge-stack .cbd-badge{ width:clamp(38px, 7vw, 46px); height:24px; font-size:10px; line-height:1; padding:0 5px; } .ba-bspop-section .cbd-badge-stack .cbd-badge--campaign{ width:auto; height:auto; padding:0; } .ba-bspop-section .cbd-badge-stack .cbd-badge--campaign img{ width:55px; height:32px; max-width:72px; max-height:32px; object-fit:contain; } .bspop-cart-btn-slot{grid-column:1;grid-row:1;align-self:center;justify-self:start;z-index:12;} .bspop-cart-btn-slot .add_to_cart_button{padding:.45rem .3rem;min-height:var(--ba-bspop-cart-button-min-height);width:98px;display:flex;align-items:center;justify-content:center;transition:background .25s;font-size:0.82rem;line-height:1.1;} .bspop-cart-btn-slot .add_to_cart_button:hover{background:#000;} .bspop-price-slot{margin: 0 auto; position: relative; bottom: 0.8rem; background: transparent; color: #333; font-weight: 400; padding: 9px 0 0px; white-space: nowrap; text-align: center; clip-path: none; border-radius: 0; width: fit-content;} .bspop-price-slot del, .bspop-price-slot del .woocommerce-Price-amount.amount{ color:#b8b8b8; font-weight:400; } .bspop-price-slot ins, .bspop-price-slot ins .woocommerce-Price-amount.amount{ color:#333; font-weight:600; text-decoration:none; } .bspop-image-slot{grid-column:3;grid-row:1;align-self:center;justify-self:stretch;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:var(--ba-bspop-image-slot-height);min-width:0;min-height:0;overflow:visible;} .bspop-image-slot img{display:block;inline-size:auto;block-size:auto;width:auto;height:auto;max-inline-size:100%;max-block-size:100%;object-fit:contain;object-position:center;border-radius:6px;} .bspop-title-slot{ grid-column:1/4;grid-row:2;align-self:center;justify-self:stretch;display:flex;justify-content:flex-end;align-items:flex-start;min-height:var(--ba-product-card-title-min-height);margin:0;text-align:right;color: #333; font-weight: 600; font-size: .85rem;min-width:0; } .bspop-cart-btn-slot .product-quantity.ba-pqc-control{ align-items:center; justify-content:flex-start; gap:.3rem; width:min(100%, 7.4rem); max-width:100%; padding:0; height:auto; } .bspop-cart-btn-slot .product-quantity.ba-pqc-control .qty-btn{ width:clamp(1.85rem, 4.6vw, 2.05rem); height:clamp(1.85rem, 4.6vw, 2.05rem); line-height:1; font-size:clamp(.95rem, 2.3vw, 1.12rem); } .bspop-cart-btn-slot .product-quantity.ba-pqc-control .qty-input{ width:clamp(2.35rem, 6.2vw, 2.7rem); min-width:0; height:clamp(2rem, 5vw, 2.2rem); padding:0 !important; border:1px solid #cacaca !important; border-radius:9px; background:#fff; font-size:clamp(.9rem, 2.35vw, 1rem); line-height:1; box-shadow:none !important; } .bspop-cart-btn-price-container { grid-column:1/3; grid-row:1; min-width:0; display:flex; flex-direction:column; flex-wrap:nowrap; align-items:flex-start; justify-content:center; } /* arrows */ .ba-bspop-slider-control{ position:absolute; overflow:visible; top:calc(50% - 22px); bottom:auto; height:44px; width:44px; margin:0; padding:0; border:0; cursor:pointer; appearance:none; -webkit-appearance:none; background:transparent !important; border-radius:0; box-shadow:none !important; display:flex; align-items:center; justify-content:center; transition:opacity .2s; z-index:25; -webkit-tap-highlight-color:transparent; transform:translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden; isolation:isolate; contain:none; will-change:auto; } .bspop-cart-btn-slot a.button.product_type_simple { display: none; } .ba-bspop-arrow-left, .ba-bspop-arrow-right{ width:auto; min-width:1ch; height:100%; display:flex; align-items:center; justify-content:center; flex-shrink:0; line-height:1; font-size:5.75rem; transform:translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden; pointer-events:none; -webkit-font-smoothing:antialiased; text-rendering:geometricPrecision; } :is( .ba-newarrivals-left, .ba-lastunits-left, .ba-youmightlike-left, .ba-bspop-left, .ba-brands-left, .ba-newarrivals-right, .ba-lastunits-right, .ba-youmightlike-right, .ba-bspop-right, .ba-brands-right ){ justify-content:center; padding-left:0; padding-right:0; } /* ---------- 7.7 FREE‑SHIPPING PROGRESS BAR ----------------------- */ .ba-free-shipping-container{ margin-bottom:1rem;padding:1rem;background:#f9f9f9;border:1px solid #ddd;border-radius:6px;font-size:.95rem;line-height:1.4;position:relative; } .ba-free-shipping-message{margin-bottom:.5rem;font-weight:600;color:#333;text-align:center;direction:rtl;} .free-ship{ background:#fceed6; padding:.55rem .7rem; width:100%; margin:0; border-radius:10px; } .ba-cart-footer .free-ship{font-size:1rem !important;} .ba-cart-footer .title-ship{font-size:.78rem;line-height:1.3;letter-spacing:.15px;} .ba-cart-footer .total-percent{ position:relative; height:8px !important; margin-top:.3rem; border-radius:999px !important; overflow:hidden; box-shadow:none !important; } .ba-cart-footer .total-percent .percent{ height:100% !important; border-radius:inherit !important; } .ba-free-shipping-progress-bar{position:relative;height:10px;background:#e6e6e6;border-radius:10px;overflow:hidden;margin:0 1.25rem;} .ba-free-progress-fill{ position:absolute;top:0;left:0;bottom:0;width:0;background:linear-gradient(to right,#a4af27,#85a418,#65980a,#418c01,#008000); border-top-left-radius:10px;border-bottom-left-radius:10px;transition:width .4s ease; } .ba-free-progress-icon{ position:absolute;top:50%;transform:translate(-50%,-50%);height:30px;width:30px;border-radius:50%;background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2);pointer-events:none;transition:left .4s ease; } .title-ship{font-size:.85rem;text-align:center;letter-spacing:.3px;color:#222;} @media (max-width:380px){ .ba-cart-footer{padding:.7rem .85rem .85rem;gap:.45rem;} .ba-cart-footer > a, .ba-cart-footer .woocommerce-mini-cart__buttons a{padding:.52rem .45rem;font-size:.84rem;} .ba-cart-footer .woocommerce-mini-cart__total{font-size:.9rem;padding:.42rem .55rem;} .ba-cart-footer .woocommerce-mini-cart__total strong{font-size:.82rem;} } /* ---------- 7.8 GIFT‑SET BANNER ---------------------------------- */ .ba-gs-container{ position:relative; display:block; width:min(990px,calc(100% - 2rem)); margin:4.5rem auto; padding:1.35rem 1.62rem; border:1px solid rgba(255,255,255,.36); border-radius:8px; overflow:hidden; isolation:isolate; direction:rtl; text-decoration:none; color:#311105; cursor:pointer; background: linear-gradient(135deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,0) 34%), linear-gradient(110deg,#ffb300 0%,#ff8600 32%,#ff5c1f 70%,#ff7a00 100%); box-shadow:0 18px 38px rgba(255,118,0,.2); transition:transform .25s ease,box-shadow .25s ease,filter .25s ease; } .ba-gs-container::before{ content:""; position:absolute; inset:0; background:linear-gradient(118deg,transparent 0 46%,rgba(255,255,255,.26) 46% 58%,transparent 58% 100%); opacity:.55; pointer-events:none; } .ba-gs-container::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(115deg,rgba(255,255,255,.14) 0 2px,transparent 2px 62px); opacity:.18; mix-blend-mode:soft-light; pointer-events:none; } .ba-gs-content{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:1.35rem; } .ba-gs-copy{ flex:1 1 32rem; display:grid; gap:.55rem; max-width:39.5rem; min-width:0; text-align:start; } .ba-gs-eyebrow{ display:inline-flex; width:max-content; max-width:100%; padding:.45rem .8rem; border:1px solid rgba(255,255,255,.44); border-radius:999px; background:rgba(255,249,243,.26); font-size:.74rem; font-weight:700; letter-spacing:0; color:#7c2600; } p.ba-gs-text{ margin:0; font-size:1.95rem; line-height:1.05; font-weight:800; color:#341106; } p.ba-gs-subtext{ margin:0; max-width:35rem; font-size:.92rem; line-height:1.5; color:rgba(71,22,6,.84); } .ba-gs-meta{ flex:0 0 auto; display:grid; gap:.7rem; justify-items:start; text-align:start; } .ba-gs-prompt{ display:inline-flex; align-items:center; gap:.65rem; width:max-content; max-width:100%; font-size:.92rem; font-weight:700; line-height:1.2; color:#351208; } .ba-gs-prompt-label{ display:block; line-height:1.2; } .ba-gs-arrow{ display:inline-grid; place-items:center; flex:0 0 auto; width:1.75rem; aspect-ratio:1 / 1; border-radius:999px; background:rgba(255,255,255,.84); color:#ff5f00; box-shadow:0 8px 18px rgba(169,65,0,.14); transition:transform .25s ease,background-color .25s ease; } .ba-gs-arrow-icon{ display:block; width:.92rem; height:.92rem; overflow:visible; } .ba-gs-arrow-icon path{ fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .ba-gs-container:hover{ transform:translateY(-2px); box-shadow:0 22px 44px rgba(255,118,0,.26); filter:saturate(1.03); } .ba-gs-container:hover .ba-gs-arrow, .ba-gs-container:focus-visible .ba-gs-arrow{ transform:translateX(-3px); background:#fff; } .ba-gs-container:focus-visible{ outline:3px solid rgba(255,255,255,.88); outline-offset:4px; } /* ---------- 7.9 BRANDS SLIDER ------------------------------------ */ .ba-brands-slider-container{max-width:1100px;margin:3rem auto;text-align:center;position:relative;} .ba-brands-title{margin-bottom:2rem;} .ba-brands-carousel{position:relative;overflow:hidden;padding:0 3.5rem;isolation:isolate;} .ba-brands-carousel::before, .ba-brands-carousel::after{ content:"";position:absolute;top:0;bottom:0;width:60px;background:#fff;z-index:2;pointer-events:none; } .ba-brands-carousel::before{left:0;} .ba-brands-carousel::after{right:0;} .ba-brands-carousel-inner{display:flex;flex-wrap:nowrap;direction:ltr;} #brands{scroll-margin-top:clamp(8rem, 22vh, 12rem);} .ba-newarrivals-carousel-inner:not(.swiper-wrapper), .ba-bspop-slider-inner:not(.swiper-wrapper), .ba-brands-carousel-inner:not(.swiper-wrapper){transition:transform .45s ease;} .ba-newarrivals-carousel.swiper .swiper-wrapper, .ba-bspop-slider.swiper .swiper-wrapper, .ba-brands-carousel.swiper .swiper-wrapper{ will-change:transform; backface-visibility:hidden; -webkit-backface-visibility:hidden; } .ba-brand-item{flex:0 0 calc(100%/5);max-width:calc(100%/5);padding:.85rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;} .ba-brand-card{ width:100%;height:100%;border:1px solid var(--gray-border);border-radius:8px;background:#fff;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-around;transition:box-shadow .2s, transform .2s; } .ba-brand-logo{max-width:100%;max-height:60px;object-fit:contain;filter:grayscale(100%);transition:filter .25s;} .ba-brand-card:hover .ba-brand-logo{filter:grayscale(0%);} .ba-brand-text{font-weight:600;color:#333;font-size:.95rem;margin:.35rem 0 0;padding:.4rem .6rem;letter-spacing:.2px;word-spacing:3px;text-align:center;} .ba-brand-min-price{ font-weight:600;font-size:.75rem;letter-spacing:.5px;margin-bottom:6px;color:#222;direction:rtl;background:#f0f0f0;border-radius:100px;padding:.1rem .3rem; } /* arrows */ .ba-newarrivals-carousel-control:hover, .ba-newarrivals-carousel-control:focus, .ba-newarrivals-carousel-control:focus-visible, .ba-newarrivals-carousel-control:active, .ba-newarrivals-carousel-control:disabled, .ba-bspop-slider-control:hover, .ba-bspop-slider-control:focus, .ba-bspop-slider-control:focus-visible, .ba-bspop-slider-control:active, .ba-bspop-slider-control:disabled, .ba-brands-control:hover, .ba-brands-control:focus, .ba-brands-control:focus-visible, .ba-brands-control:active, .ba-brands-control:disabled{ background:transparent !important; box-shadow:none !important; transform:translateZ(0) !important; } /* ================================================================== 8. FOOTER ================================================================= */ .ba-footer{ background:#f4f4f4;color:#000;direction:rtl;border-top:1px solid var(--border-color); margin-top:1.9rem;padding-top:5.1rem; } .footer-content{ display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;max-width:1100px;margin:auto;flex-direction:row-reverse; } .footer-left-block{ flex:1 1 320px;display:flex;flex-direction:column;gap:20px;border-right:1px solid var(--border-color);padding-right:60px; } .logo-visitus{display:flex;align-items:flex-start;gap:20px;flex-direction:row-reverse;justify-content:space-between;} .site-logo img{max-width:70px;height:auto;} .visit-us .ba-footer-visit-us-title{margin:0 0 21px;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:normal;color:#000000;} .visit-us{position:relative;top:3px;} .footer-columns{flex:2 1 500px;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;justify-content:space-between;} .footer-col{min-width:160px;} .footer-col h3, .footer-columns details summary{ font-size:18px;font-weight:600;text-align:right;list-style:none;padding:0; -webkit-appearance:none;appearance:none; } .footer-columns details summary::marker{content:"";display:none !important;font-size:0;} .footer-columns details summary::-webkit-details-marker{display:none !important;} .footer-columns details summary::-moz-list-bullet{display:none !important;font-size:0;} .footer-col ul, .footer-columns details ul{list-style:none;margin:0;padding:0;} .footer-col ul li, .footer-columns details ul li{margin:0 0 13px;font-size:.9rem;} a.ba-footer-visit-us-details, .footer-columns a{color:#555;font-size:14px;} a.ba-footer-visit-us-details{display:block;margin-bottom:13px;direction:ltr;text-align:right;} a.ba-footer-visit-us-details:hover, .footer-columns a:hover{text-decoration:underline;color:#222;} /* Footer newsletter + product-page BIS floating email field Reuses the same .form-row.float-label-control JS behavior as checkout, while scoping the visual treatment to these two UIs only. */ .ba-footer .newsletter{max-width:100%;} .ba-footer .newsletter-form, .es-bis{ --ba-inline-submit-height:44px; --ba-inline-submit-padding-inline:14px; --ba-inline-submit-width:clamp(96px,31vw,118px); } .es-bis{ --ba-inline-submit-width:36px; } .ba-footer .newsletter-form{ --ba-inline-submit-width:52px; display:flex; flex-wrap:wrap; gap:10px; align-items:stretch; } .ba-footer .newsletter-form .newsletter-field-row, .es-bis .es-bis__field-row{ flex:0 0 100%; width:100%; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control, .es-bis .form-row.float-label-control.ba-inline-submit-control{ position:relative; float:none; clear:both; width:100%; min-width:0; margin:0; direction:rtl; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control label, .es-bis .form-row.float-label-control.ba-inline-submit-control label{ position:absolute; color:#242424; right:var(--ba-inline-submit-padding-inline); left:auto; top:50%; transform:translateY(-50%) scale(1); font-size:clamp(13px,2.4vw,17px); line-height:1.2; margin:0; display:block; max-width:calc(100% - var(--ba-inline-submit-width) - 42px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; direction:rtl; text-align:right; pointer-events:none; z-index:1; background:transparent; padding:0 .15rem; transition:transform .12s ease-out,color .12s ease-out,background-color .12s ease-out; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control input[type="email"], .es-bis .form-row.float-label-control.ba-inline-submit-control input[type="email"]{ width:100%; min-width:0; height:var(--ba-inline-submit-height); box-sizing:border-box; padding:0 var(--ba-inline-submit-padding-inline) 0 calc(var(--ba-inline-submit-width) + 16px) !important; border-radius:4px; border:2px solid transparent; background:whitesmoke; transition:background .2s,border-color .2s,color .2s; text-align:right; direction:ltr; color:#9b9b9b; font-size:clamp(13px,2.4vw,16px); user-select:text; -webkit-appearance:none; appearance:none; } /* Product back-in-stock text; leave the shared newsletter colors unchanged. */ .single-product .es-bis .form-row.float-label-control.ba-inline-submit-control input.es-bis__email{color:#696969;} .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control input[type="email"]::placeholder, .es-bis .form-row.float-label-control.ba-inline-submit-control input[type="email"]::placeholder{ color:transparent; opacity:0; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control input[type="email"]:focus::placeholder, .es-bis .form-row.float-label-control.ba-inline-submit-control input[type="email"]:focus::placeholder{ color:transparent; opacity:0; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control label.float-active, .es-bis .form-row.float-label-control.ba-inline-submit-control label.float-active{ transform:translateY(-145%) scale(.9); color:#8e8d8d; background:#fff; padding:1px 4px 0 6px; margin-right:-4px; font-weight:600; border-radius:6px; font-size:clamp(14px,3vw,16px); } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control label.label-focused, .es-bis .form-row.float-label-control.ba-inline-submit-control label.label-focused{ color:#e1a743 !important; } .single-product .es-bis .form-row.float-label-control.ba-inline-submit-control label.float-active{color:#747474;} /* Match the existing shared focused-label !important without changing other forms. */ .single-product .es-bis .form-row.float-label-control.ba-inline-submit-control label.label-focused{color:#936521 !important;} .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control button[type="submit"], .es-bis .form-row.float-label-control.ba-inline-submit-control .es-bis__submit{ position:absolute; top:4px; bottom:4px; left:4px; width:var(--ba-inline-submit-width); padding:0 14px; border:1px solid rgba(0,0,0,.85); border-radius:4px; background:rgba(0,0,0,.85); color:#fff; cursor:pointer; font:600 14px/1 "Noto Sans Hebrew", sans-serif; display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; z-index:2; transition:filter .15s ease,opacity .15s ease; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control button[type="submit"]{ width:42px; padding:0; } .es-bis .form-row.float-label-control.ba-inline-submit-control .es-bis__submit{ padding:0; } .ba-footer .newsletter-form .newsletter-submit-icon{ width:18px; height:18px; display:block; } .es-bis .es-bis-submit-icon{ width:14px; height:14px; display:block; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control button[type="submit"]:hover, .es-bis .form-row.float-label-control.ba-inline-submit-control .es-bis__submit:hover{ filter:brightness(.95); } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control button[type="submit"]:focus-visible, .es-bis .form-row.float-label-control.ba-inline-submit-control .es-bis__submit:focus-visible{ outline:2px solid var(--focus, var(--accent-dark, #B37C2E)); outline-offset:2px; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control button[type="submit"]:disabled, .es-bis .form-row.float-label-control.ba-inline-submit-control .es-bis__submit[disabled], .es-bis .form-row.float-label-control.ba-inline-submit-control .es-bis__submit[aria-disabled="true"]{ opacity:.65; cursor:not-allowed; filter:none; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control input[type="email"]:focus, .es-bis .form-row.float-label-control.ba-inline-submit-control input[type="email"]:focus{ border:1px solid #cacaca; background:#fff; font-weight:700; outline:none; color:#212121 !important; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control:focus-within input[type="email"], .es-bis .form-row.float-label-control.ba-inline-submit-control:focus-within input[type="email"]{ color:#212121 !important; } @supports selector(.x:has(.y)){ .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control:has(label.float-active) input[type="email"], .es-bis .form-row.float-label-control.ba-inline-submit-control:has(label.float-active) input[type="email"]{ border:1px solid #cacaca; background:#fff; font-weight:700; color:#5e5e5e; } } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control input[type="email"]:-webkit-autofill, .es-bis .form-row.float-label-control.ba-inline-submit-control input[type="email"]:-webkit-autofill{ border-color:#cacaca; background:#fff !important; -webkit-text-fill-color:#212121 !important; -webkit-box-shadow:0 0 0 1000px #fff inset !important; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control input[type="email"]{ border:1px solid #cacaca; background:#fff; color:#5e5e5e; } .ba-footer .ba-footer-newsletter-text{ font:700 .85rem/1.3 "Noto Sans Hebrew"; margin:0 0 .5407911001em; letter-spacing:normal; transform:translateY(-7px); } /* Consent checkbox (footer newsletter only) */ .ba-footer .newsletter-form .newsletter-consent, .ba-footer .newsletter-form .ba-footer-newsletter-consent{ flex:0 0 100%; width:100%; margin-top:2px; } .ba-footer .newsletter-form .checkbox-label, .ba-footer .newsletter-form .ba-footer-newsletter-checkbox{ display:inline-flex; align-items:flex-start; gap:8px; line-height:1.4; cursor:pointer; position:relative; } .ba-footer .newsletter-form .checkbox-label input[type="checkbox"], .ba-footer .newsletter-form .ba-footer-checkbox{ appearance:none;-webkit-appearance:none;-moz-appearance:none; position:absolute; top:0; right:0; /* fallback */ inset-block-start:0; inset-inline-start:0; width:1.1rem; height:1.1rem; border:none; margin:0; opacity:0; cursor:pointer; z-index:2; } .ba-footer .newsletter-form .checkbox-custom, .ba-footer .newsletter-form .ba-checkbox-custom{ width:1.1rem; height:1.1rem; border:2px solid #444; flex-shrink:0; transition:.15s; margin-top:2px; position:relative; box-sizing:border-box; } .ba-footer .newsletter-form .checkbox-label input[type="checkbox"]:checked + .checkbox-custom, .ba-footer .newsletter-form .ba-footer-checkbox:checked + .ba-checkbox-custom{ background:#fff; border-color:#000; } .ba-footer .newsletter-form .checkbox-label input[type="checkbox"]:checked + .checkbox-custom::after, .ba-footer .newsletter-form .ba-footer-checkbox:checked + .ba-checkbox-custom::after{ content:''; position:absolute; top:1px; right:4px; /* fallback */ inset-inline-start:4px; width:4px; height:8px; border:solid #000; border-width:0 2px 2px 0; transform:rotate(45deg); } .ba-footer .newsletter-form .checkbox-label input[type="checkbox"]:focus-visible + .checkbox-custom, .ba-footer .newsletter-form .ba-footer-checkbox:focus-visible + .ba-checkbox-custom{ outline:2px solid #0056b3; outline-offset:2px; } .ba-footer .newsletter-form .consent-text, .ba-footer .newsletter-form .ba-footer-newsletter-checkbox-text{ font-size:14px; color:#6f6f6f; } .ba-footer .newsletter-form .consent-text a, .ba-footer .newsletter-form a.ba-footer-newsletter-privacy-policy{ font-size:14px; margin-inline-start:4px; color:#555; text-decoration:underline; display:inline; user-select:text; } .ba-footer .newsletter-form .consent-text a:hover, .ba-footer .newsletter-form a.ba-footer-newsletter-privacy-policy:hover{text-decoration:underline;color:#222;} /* Newsletter feedback message */ .ba-footer .newsletter-form .newsletter-message{ flex:0 0 100%; width:100%; margin-top:6px; font-size:14px; line-height:1.4; } .ba-footer .newsletter-form .newsletter-message-success{color:#14532d;} .ba-footer .newsletter-form .newsletter-message-error{color:#7f1d1d;} @media (max-width:600px){ .ba-footer .newsletter-form{ --ba-inline-submit-width:52px; } .ba-footer .newsletter-form .form-row.float-label-control.ba-inline-submit-control label.float-active, .es-bis .form-row.float-label-control.ba-inline-submit-control label.float-active{ transform:translateY(-165%) scale(.9); } } /* Icons & copyright */ .social-icons{display:flex;gap:15px;margin:5px;padding-top:15px;} .social-icons img{width:24px;} .payment-icons{display:flex;gap:15px;align-items:center;margin-top:auto;flex:1 1 100%;position: relative;} .payment-icons img{width:30px;} .ba-footer .payment-icons-mobile{display:none;} .footer-copy{text-align: center; padding-bottom: 2rem; font-size: 13px; border-top: 1px solid #ddd;} p.ba-footer-copy-text{margin:0 auto;width:50%;} /* ---------- 8.A DESKTOP (≥ 1350px) ------------------------------- */ @media (min-width:1350px){ .footer-columns details summary{cursor:default;pointer-events:none;margin-bottom:19px;} .payment-icons {top:70px;} } /* ---------- 8.B MOBILE (≤ 1349px) -------------------------------- */ @media (max-width:1349px){ /* footer titles */ .footer-col ul li, .footer-columns details ul li {padding: 0 2.15rem;} .footer-col h3, .footer-columns details summary{ font-size:14px;list-style:none;padding:1.75rem 0.25rem; } .visit-us .ba-footer-visit-us-title{font-size:14px;} .ba-footer{margin:0;padding:0;} /* summary disclosure caret (text fallback; SVG override later via @supports) */ .footer-columns details summary{ text-align:center;cursor:pointer;display:flex;justify-content:space-between;flex-direction:row-reverse; } .footer-columns details summary::before{ content:"›";font-size:2em;transition:transform .25s ease;display:inline-block;position:relative;vertical-align:top; } .footer-columns details[open] > summary::before{transform:rotate(180deg);content:"─";} /* column stacking & order */ .footer-content{flex-direction:column;gap:0;} .footer-columns{order:1;width:100%;gap:0;flex:0;justify-content:center;} .footer-columns .col-personal{display:none;} .footer-columns .col-shop{order:2;} .footer-columns .col-info{order:3;} .footer-columns .payment-icons{display:none;} .footer-left-block{order:5;width:100%;border-right:none;padding:0;gap:0;} .footer-left-block .newsletter{order:3;padding:1.25rem;} .footer-left-block .logo-visitus{order:2;padding:1.25rem;border-top:1px solid #ddd;} .footer-left-block .social-icons{order:2;padding:0;margin:-2rem auto 2rem 1.25rem;} .ba-footer .payment-icons-mobile{display:flex;justify-content:center;padding:1.25rem;margin:0;} .footer-columns details{margin:0rem 1rem;max-width:100%;width:100%;} .footer-columns details ul{margin-top:.6rem;} hr.ba-social-footer-separator{order:3;} } /* ================================================================== 9. UTILITIES & MEDIA‑QUERIES ================================================================= */ /* Smart‑scroll header placeholder / sticky logic */ .header-placeholder{height:0;} .custom-header.fixed{position:fixed;top:0px;left:0;right:0;z-index:9999;} .custom-header.fixed.hide-on-scroll{visibility:hidden;pointer-events:none;} .custom-header.overlap-top{top:0;} /* Component‑level mobile tweaks */ @media(max-width:768px){ button.button.add_to_cart_button {padding-left:0; padding-right:0; font-size:13px;} .bspop-cart-btn-price-container {margin-bottom:25px;} .bspop-image-slot { margin-top: 15px;} .ba-na-item{flex:0 0 100%;max-width:100%;} .ba-na-col{width:300px;height:var(--ba-product-card-min-height);min-height:var(--ba-product-card-min-height);grid-template-rows:150px 40px minmax(var(--ba-product-card-title-min-height), auto) 50px 60px;} .ba-na-img{max-width:65%;} .ba-newarrivals-carousel-control.is-disabled, .ba-bspop-slider-control.is-disabled, .ba-brands-control.is-disabled{ opacity:.42; pointer-events:auto; } .ba-bspop-item{flex:0 0 100%;max-width:100%;} .ba-bspop-card{--ba-bspop-image-slot-height:60px;width:240px;height:auto;grid-template-columns:70px minmax(0,1fr) 70px;grid-template-rows:auto minmax(var(--ba-product-card-title-min-height), auto);} .ba-brands-carousel{padding:0 1rem;} .ba-brands-carousel::before, .ba-brands-carousel::after{width:52px;} .ba-brand-item{flex:0 0 calc(100%/3);max-width:calc(100%/3);padding:.5rem;} .ba-brands-left, .ba-brands-right{width:var(--ba-brands-control-width, 56px);} } /* Mobile header visibility & spacing patch */ .mobile-bar{display:none;} @media (max-width:1350px){ /* catalogue width behavior kept */ ul.products.columns-4{display:flex!important;flex-wrap:wrap;padding: 0 1rem;} .mobile-bar{ display:flex;direction:rtl;gap:15px;height:var(--mobile-header-height);flex-direction:row-reverse;align-items:center;justify-content:center; } .mobile-bar>.site-branding{margin-inline-end:5px;} .header-inner.top-row,.header-inner.nav-row{display:none;} } /* Phone 2‑col 48% layout */ @media (max-width:767px){ ul.products li.product, ul.products .wc-block-grid__product, .wc-block-grid__products li.product, .wc-block-grid__products .wc-block-grid__product{ width: calc(50% - 12px); margin: 6px; } } @media (min-width:768px){ /* Make the product UL a flex layout so gap works consistently */ .woocommerce ul.products, .woocommerce-page ul.products{ display:flex; flex-wrap:wrap; gap:16px; /* TABLET gap (row + column are identical) */ justify-content: center; } /* Storefront clearfix pseudo-elements become flex items → disable */ .woocommerce ul.products::before, .woocommerce ul.products::after, .woocommerce-page ul.products::before, .woocommerce-page ul.products::after{ content:none !important; display:none !important; } /* Remove Storefront/Woo uneven margins so ONLY gap controls spacing */ .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ margin:0 !important; } } /* Desktop: same rule, different gap size */ @media (min-width:1351px){ .woocommerce ul.products, .woocommerce-page ul.products{ gap:24px; /* DESKTOP gap (still equal vertically + horizontally) */ } } /* Archive/search grids: shared dividers instead of boxed cards */ body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search){ --ba-archive-divider-color:#e7e7e7; --ba-archive-cell-bg:#fff; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products{ display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 !important; padding:0 clamp(12px,3vw,16px); margin:0 auto 2rem; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products::before, body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products::after{ content:none !important; display:none !important; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product{ float:none !important; clear:none !important; width:auto !important; min-width:0; margin:0 !important; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; position:relative; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product:nth-child(n + 3){ border-block-start:1px solid var(--ba-archive-divider-color); } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product:nth-child(-n + 2){ border-block-start:0 !important; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product:nth-child(2n){ border-inline-start:1px solid var(--ba-archive-divider-color); } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{ height:100%; padding:1rem .95rem 1.15rem; border:0; border-radius:0; background:var(--ba-archive-cell-bg); box-shadow:none; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product .price{ display:block; margin:.25rem 0 .35rem; color:#333; font-size:clamp(.88rem,2vw,.98rem); line-height:1.2; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product .price del, body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product .price del .woocommerce-Price-amount.amount{ color:#b8b8b8; font-weight:400; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product .price ins, body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product .price ins .woocommerce-Price-amount.amount{ color:#333; font-weight:600; text-decoration:none; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product .woocommerce-loop-product__title{ min-height:31px; font-size:clamp(8px,13px,15px); line-height:1.3; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) li.product.type-product.purchasable.product-type-simple, body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) li.product.type-product.purchasable.product-type-simple:hover{ border-radius:0; box-shadow:none; transform:none; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) li.product:hover > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{ background:#fcfcfc; } @media (min-width:768px){ body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products{ grid-template-columns:repeat(4,minmax(0,1fr)); } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product{ border-block-start:0; border-inline-start:0; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product:nth-child(n + 5){ border-block-start:1px solid var(--ba-archive-divider-color); } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product:nth-child(-n + 4){ border-block-start:0 !important; } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) ul.products li.product:not(:nth-child(4n + 1)){ border-inline-start:1px solid var(--ba-archive-divider-color); } body:is(.post-type-archive-product, .woocommerce-shop, .tax-product_cat, .tax-product_tag, .tax-product_brand, .tax-brand, .tax-pwb-brand, .search) a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{ padding:1.15rem 1rem 1.25rem; } } /* narrow badges on smallest phones */ @media (max-width:450px){.cbd-badge-stack .cbd-badge:nth-child(n+4){display:none!important;}} /* shared tweaks */ a.homepage-category-tile, a.homepage-category-shop{transition:box-shadow .2s,transform .2s;display:flex;align-items:center;justify-content:space-evenly;} .mobile-bar .icon-link{width:3rem;height:3rem;color:#222;} button#ba-cart-button-mobile{color:#222;} /* Animated SVG hamburger + mobile search */ @media (max-width:1350px){ #mobile-search-panel{ background:#fff; padding:0; border:0; z-index:9998; box-shadow:0 8px 16px rgba(0,0,0,.08); transform:translateZ(0); -webkit-transform:translateZ(0); backface-visibility:hidden; -webkit-backface-visibility:hidden; will-change:top; } #mobile-search-panel form.woocommerce-product-search{ position:relative; display:block; width:100%; max-width:none; margin:0; padding:8px 10px; background:#fff; } #mobile-search-panel .ba-input-wrap{ display:block; width:100%; } #mobile-search-panel input[type="search"]{ width:100%; min-width:0; height:46px; background:#fff; border:1px solid var(--gray-border); border-radius:6px; padding:.625rem .95rem .625rem 3.25rem; box-shadow:none; } #mobile-search-panel input[type="search"]::placeholder{ color:#7c7c7c; opacity:1; } #mobile-search-panel input[type="search"]:focus{ border-color:#bfc5cc; box-shadow:none; outline:none; } #mobile-search-panel form.woocommerce-product-search button[type="submit"]{ position:absolute; left:18px; top:50%; transform:translateY(-50%); display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:0; border-radius:6px; background:#ffb249; color:transparent; font-size:0; line-height:1; box-shadow:none; } #mobile-search-panel form.woocommerce-product-search button[type="submit"]::before{ content:""; display:block; width:15px; height:15px; flex:0 0 15px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; } #mobile-menu-toggle{position:relative;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;padding:0;} #mobile-menu-toggle svg{ position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;transform-origin:center; transition:transform 500ms cubic-bezier(0.4,0,0.2,1), width .5s, height .5s, top .5s; } #mobile-menu-toggle.active svg{top:28px;transform:translate(-50%,-50%) rotate(90deg);} #mobile-menu-toggle:not(.active) svg{width:50px;height:50px;top:28px;transition:width .5s, height .5s, top .5s;} #mobile-menu-toggle path{ stroke:#000!important;fill:transparent!important; transition:transform 500ms cubic-bezier(0.4,0,0.2,1), stroke-dasharray 500ms cubic-bezier(0.4,0,0.2,1), stroke-dashoffset 500ms cubic-bezier(0.4,0,0.2,1); } #mobile-menu-toggle path:nth-child(1){transform-origin:38% 44%;} #mobile-menu-toggle path:nth-child(2){stroke-dasharray:29 299;} #mobile-menu-toggle path:nth-child(3){transform-origin:38% 60%;} #mobile-menu-toggle path:nth-child(4){stroke-dasharray:29 299;} #mobile-menu-toggle path:nth-child(5){transform-origin:63% 47%;} #mobile-menu-toggle path:nth-child(6){transform-origin:63% 58%;} #mobile-menu-toggle.active path:nth-child(1){transform:translateY(2px) rotate(45deg);} #mobile-menu-toggle.active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px;} #mobile-menu-toggle.active path:nth-child(3){transform:translateY(2px) rotate(-45deg);} #mobile-menu-toggle.active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px;} #mobile-menu-toggle.active path:nth-child(5){transform:translateY(2px) rotate(-45deg);} #mobile-menu-toggle.active path:nth-child(6){transform:translateY(2px) rotate(45deg);} } /* Mobile‑bar button size fix */ @media (max-width:1350px){ .mobile-dropdown{box-shadow: 0 8px 16px rgba(0, 0, 0, .08);position:fixed;left:0;right:0;z-index:9998;overscroll-behavior:contain;} #mobile-menu-overlay{position:fixed;left:0;right:0;bottom:0;z-index:9997;background:rgba(0,0,0,.08);} .site-branding{flex:0 0 var(--mobile-header-height);} .mobile-dropdown.hide-on-scroll{visibility:hidden!important;pointer-events:none!important;} span.icon-link-wrap{height:100%;flex:0 1 var(--mobile-header-height);} .mobile-bar .icon-link, .mobile-bar .icon-link-wrap>.icon-link, #mobile-menu-toggle{ height:100%;aspect-ratio:1/1;flex:1 1 var(--mobile-header-height);max-width:var(--mobile-header-height);padding:0; } .mobile-bar .icon-link .dashicons, .mobile-bar .icon-link svg{top:43%;left:50%;transform:translate(-50%,-50%);} .mobile-bar .icon-link .icon-caption{bottom:11px;top:auto;left:50%;transform:translateX(-50%);} .mobile-bar .icon-link-wrap .badge-count{top:4px!important;right:4px!important;} } @media(max-width:800px){.mobile-bar{gap:clamp(0px,1.5vw,15px);}} /* Breakpoints/Layouts */ @media(max-width:1350px){ .homepage-categories-grid{margin:0 1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:auto;gap:2rem;} .homepage-category-tile,.homepage-category-shop{width:auto;} .trust-badges-container{flex-wrap:wrap;gap:2rem;padding:3rem 1rem;} .trust-badge{width:300px;} .ba-na-item,.ba-bspop-item{flex:0 0 calc(100%/2);max-width:calc(100%/2);} .ba-gs-container{margin:6rem auto;} .homepage-category-text{display:flex;right:20px;position:relative;} } @media(max-width:1024px){ .ba-na-item,.ba-bspop-item{flex:0 0 100%;max-width:100%;} .ba-brand-item{flex:0 0 calc(100%/4);max-width:calc(100%/4);} } @media(max-width:860px){ .ba-gs-container{padding:1.15rem 1.15rem;} .ba-gs-content{align-items:center;gap:.85rem;} .ba-gs-copy{flex:1 1 auto;max-width:none;} p.ba-gs-text{font-size:1.65rem;} p.ba-gs-subtext{font-size:.88rem;line-height:1.42;} .ba-gs-meta{ width:auto; flex:0 0 auto; display:grid; justify-items:start; gap:.55rem; } .ba-gs-prompt{font-size:.86rem;white-space:nowrap;} .ba-gs-arrow-icon{width:.88rem;height:.88rem;} } @media (min-width:769px) and (max-width:1350px){ :root{ --ba-slider-inline-pad:24px; --ba-slider-mask-desktop:20px; --ba-tablet-product-slide:340px; --ba-tablet-bspop-slide:var(--ba-tablet-product-slide); } .ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider{ box-sizing:border-box; width:100%; margin-left:auto; margin-right:auto; padding-left:var(--ba-slider-inline-pad); padding-right:var(--ba-slider-inline-pad); } .ba-newarrivals-carousel::before, .ba-newarrivals-carousel::after, .ba-bspop-slider::before, .ba-bspop-slider::after{ width:var(--ba-slider-mask-desktop); } .ba-newarrivals-carousel::before{ background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%); } .ba-newarrivals-carousel::after{ background:linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 100%); } .ba-bspop-slider::before{ background:linear-gradient(to right,#f7f7f7 0%,rgba(247,247,247,0) 100%); } .ba-bspop-slider::after{ background:linear-gradient(to left,#f7f7f7 0%,rgba(247,247,247,0) 100%); } .ba-newarrivals-carousel .ba-na-item{ flex:0 0 var(--ba-tablet-product-slide); width:var(--ba-tablet-product-slide); max-width:var(--ba-tablet-product-slide); } .ba-bspop-slider .ba-bspop-item{ flex:0 0 var(--ba-tablet-bspop-slide); width:var(--ba-tablet-bspop-slide); max-width:var(--ba-tablet-bspop-slide); } .ba-newarrivals-carousel .ba-na-col{ width:100%; max-width:var(--ba-tablet-product-slide); margin-left:0; margin-right:0; } .ba-bspop-slider .ba-bspop-card{ width:100%; max-width:var(--ba-tablet-bspop-slide); margin-left:0; margin-right:0; } } @media (min-width:1025px) and (max-width:1350px){ :root{ --ba-tablet-product-peek-frame:974px; --ba-tablet-bspop-peek-frame:var(--ba-tablet-product-peek-frame); } .ba-newarrivals-carousel, .ba-youmightlike-carousel{ max-width:var(--ba-tablet-product-peek-frame); } .ba-bspop-slider{ max-width:var(--ba-tablet-bspop-peek-frame); } } @media (min-width:769px) and (max-width:1024px){ :root{ --ba-tablet-product-peek-frame:620px; --ba-tablet-bspop-peek-frame:var(--ba-tablet-product-peek-frame); } .ba-newarrivals-carousel, .ba-youmightlike-carousel{ max-width:var(--ba-tablet-product-peek-frame); } .ba-bspop-slider{ max-width:var(--ba-tablet-bspop-peek-frame); } } @media (max-width:1350px){ :root{ --ba-slider-control-width:112px; --ba-slider-control-edge-pad:18px; --ba-brands-mask:10px; --ba-brands-visible-slides:5; --ba-brands-peek-ratio:0.2; --ba-brands-slide:calc((100% - (var(--ba-brands-mask) * 2)) / (var(--ba-brands-visible-slides) + var(--ba-brands-peek-ratio))); --ba-brands-side-pad:calc((100% - (var(--ba-brands-slide) * var(--ba-brands-visible-slides))) / 2); } .ba-brands-carousel{ box-sizing:border-box; padding-left:var(--ba-brands-side-pad); padding-right:var(--ba-brands-side-pad); } .ba-brands-carousel::before, .ba-brands-carousel::after{ width:var(--ba-brands-mask); } .ba-brands-carousel::before{ background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%); } .ba-brands-carousel::after{ background:linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 100%); } .ba-brands-carousel .ba-brand-item{ flex:0 0 var(--ba-brands-slide); width:var(--ba-brands-slide); max-width:var(--ba-brands-slide); padding:.5rem; } .ba-brands-left, .ba-brands-right{ justify-content:center; padding-left:0; padding-right:0; } } @media (min-width:769px) and (max-width:1024px){ :root{ --ba-brands-visible-slides:4; } } @media (min-width:651px) and (max-width:768px){ :root{ --ba-brands-visible-slides:3; } } @media (min-width:421px) and (max-width:650px){ :root{ --ba-brands-visible-slides:2; } } @media (min-width:321px) and (max-width:420px){ :root{ --ba-brands-visible-slides:1; } } @media (max-width:320px){ :root{ --ba-brands-mask:0px; --ba-brands-peek-ratio:0; --ba-brands-visible-slides:1; } } @media (min-width:1350px){ :root{ --ba-desktop-product-peek-offset:116px; --ba-desktop-bspop-peek-offset:var(--ba-desktop-product-peek-offset); --ba-desktop-slider-gap:14px; } .ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider{ box-sizing:border-box; width:100%; margin-left:auto; margin-right:auto; padding-left:0; padding-right:0; } .ba-newarrivals-carousel .ba-na-item{ flex:0 0 calc((100% - (var(--ba-desktop-product-peek-offset) * 2) - (var(--ba-desktop-slider-gap) * 2)) / 3); width:calc((100% - (var(--ba-desktop-product-peek-offset) * 2) - (var(--ba-desktop-slider-gap) * 2)) / 3); max-width:calc((100% - (var(--ba-desktop-product-peek-offset) * 2) - (var(--ba-desktop-slider-gap) * 2)) / 3); } .ba-bspop-slider .ba-bspop-item{ flex:0 0 calc((100% - (var(--ba-desktop-bspop-peek-offset) * 2) - (var(--ba-desktop-slider-gap) * 2)) / 3); width:calc((100% - (var(--ba-desktop-bspop-peek-offset) * 2) - (var(--ba-desktop-slider-gap) * 2)) / 3); max-width:calc((100% - (var(--ba-desktop-bspop-peek-offset) * 2) - (var(--ba-desktop-slider-gap) * 2)) / 3); } .ba-newarrivals-left, .ba-lastunits-left, .ba-youmightlike-left, .ba-bspop-left{ justify-content:center; padding-left:0; } .ba-newarrivals-right, .ba-lastunits-right, .ba-youmightlike-right, .ba-bspop-right{ justify-content:center; padding-right:0; } .ba-brands-left, .ba-brands-right{ justify-content:center; padding-left:0; padding-right:0; } } @media (min-width:1351px){ :root{ --ba-desktop-product-peek-offset:96px; --ba-desktop-bspop-peek-offset:var(--ba-desktop-product-peek-offset); --ba-desktop-slider-gap:16px; --ba-desktop-product-mask:6px; --ba-desktop-bspop-mask:var(--ba-desktop-product-mask); --ba-desktop-brand-peek-offset:50px; --ba-desktop-brand-mask:6px; --ba-desktop-brand-slide:200px; } .ba-newarrivals-carousel::before, .ba-newarrivals-carousel::after{ width:var(--ba-desktop-product-mask); } .ba-newarrivals-carousel::before{ background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%); } .ba-newarrivals-carousel::after{ background:linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 100%); } .ba-bspop-slider::before, .ba-bspop-slider::after{ width:var(--ba-desktop-bspop-mask); } .ba-bspop-slider::before{ background:linear-gradient(to right,#f7f7f7 0%,rgba(247,247,247,0) 100%); } .ba-bspop-slider::after{ background:linear-gradient(to left,#f7f7f7 0%,rgba(247,247,247,0) 100%); } .ba-brands-carousel{ box-sizing:border-box; padding-left:0; padding-right:0; } .ba-brands-carousel::before, .ba-brands-carousel::after{ width:var(--ba-desktop-brand-mask); } .ba-brands-carousel::before{ background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%); } .ba-brands-carousel::after{ background:linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 100%); } .ba-brands-carousel .ba-brand-item{ flex:0 0 var(--ba-desktop-brand-slide); width:var(--ba-desktop-brand-slide); max-width:var(--ba-desktop-brand-slide); } } @media(max-width:600px){ .trust-badge{width:100%;} .homepage-categories-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;} .ba-gs-container{ width:min(990px,calc(100% - 1.25rem)); margin:4rem auto; padding:1rem .95rem; } .ba-gs-content{gap:.7rem;} .ba-gs-eyebrow{font-size:.68rem;padding:.35rem .62rem;} p.ba-gs-text{font-size:1.35rem;} p.ba-gs-subtext{font-size:.82rem;} .ba-gs-meta{gap:.45rem;} .ba-gs-prompt{font-size:.82rem;} .ba-gs-arrow{width:1.55rem;} .ba-gs-arrow-icon{width:.8rem;height:.8rem;} .ba-brand-item{flex:0 0 calc(100%/3);max-width:calc(100%/3);} } @media screen and (min-width:601px) and (max-width:782px){.admin-bar .custom-header.fixed{top:45px;}} @media(min-width:783px){.admin-bar .custom-header.fixed{top:30px;}} @media(max-width:400px){ .mobile-bar{gap:0;} .mobile-bar .icon-link, .mobile-bar .icon-link-wrap>.icon-link, #mobile-menu-toggle{flex:0 1 var(--mobile-header-height);max-width:none;} } /* Extra‑small patches */ @media(max-width:600px){ .trust-badge-upper-icon{width:18px;height:18px;} .trust-badge-box-icon{width:28px;height:28px;} .homepage-categories-grid{grid-template-columns:1fr;} .homepage-category-shop{grid-column:span 1;} .ba-newarrivals-carousel, .ba-bspop-slider, .ba-youmightlike-carousel{padding:0 .5rem;} .ba-na-col{width:250px;height:auto;} .ba-bspop-card{--ba-bspop-image-slot-height:60px;width:230px;height:auto;grid-template-columns:70px minmax(0,1fr) 70px;grid-template-rows:auto minmax(var(--ba-product-card-title-min-height), auto);} .ba-brand-text{font-size:.8rem;word-spacing:1px;letter-spacing:.1px;} } /* Micro patches */ @media(max-width:400px){#ba-cart-button-mobile .icon-caption{bottom:11px;}} @media(max-width:350px){ .ba-na-col{width:220px;} .ba-bspop-card{--ba-bspop-image-slot-height:52px;width:210px;grid-template-columns:60px minmax(0,1fr) 60px;grid-template-rows:auto minmax(var(--ba-product-card-title-min-height), auto);} .ba-brand-text{font-size:.75rem;} } @media(max-width:320px){ .ba-newarrivals-carousel, .ba-bspop-slider, .ba-youmightlike-carousel{padding:0 .25rem;} .ba-na-col{width:190px;} .ba-bspop-card{--ba-bspop-image-slot-height:48px;width:180px;grid-template-columns:55px minmax(0,1fr) 55px;grid-template-rows:auto minmax(var(--ba-product-card-title-min-height), auto);} } /* Mini patches – NEW 1.14 */ @media(max-width:400px){#ba-cart-button-mobile .icon-caption{left:50%;transform:translateX(-50%);}} @media(max-width:320px){.ba-na-col{width:188px;}} /* Mobile/tablet product sliders */ @media(max-width:650px){ :root{ --ba-mobile-slider-mask:18px; --ba-mobile-product-gap:14px; --ba-mobile-bspop-gap:var(--ba-mobile-product-gap); --ba-slider-control-width:88px; --ba-slider-control-edge-pad:12px; --ba-mobile-product-slide:calc((100vw - (var(--ba-mobile-product-gap) * 2) - (var(--ba-mobile-slider-mask) * 2)) / 1.4); --ba-mobile-bspop-slide:var(--ba-mobile-product-slide); --ba-mobile-product-side-pad:calc((var(--ba-mobile-product-slide) * 0.2) + var(--ba-mobile-product-gap) + var(--ba-mobile-slider-mask)); --ba-mobile-bspop-side-pad:var(--ba-mobile-product-side-pad); } .ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider{ box-sizing:border-box; width:100%; max-width:none; margin-left:auto; margin-right:auto; } .ba-newarrivals-carousel, .ba-youmightlike-carousel{ padding-left:var(--ba-mobile-product-side-pad); padding-right:var(--ba-mobile-product-side-pad); } .ba-bspop-slider{ padding-left:var(--ba-mobile-bspop-side-pad); padding-right:var(--ba-mobile-bspop-side-pad); } .ba-newarrivals-carousel::before, .ba-newarrivals-carousel::after, .ba-bspop-slider::before, .ba-bspop-slider::after{ width:var(--ba-mobile-slider-mask); } .ba-newarrivals-carousel::before{ background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%); } .ba-newarrivals-carousel::after{ background:linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 100%); } .ba-bspop-slider::before{ background:linear-gradient(to right,#f7f7f7 0%,rgba(247,247,247,0) 100%); } .ba-bspop-slider::after{ background:linear-gradient(to left,#f7f7f7 0%,rgba(247,247,247,0) 100%); } .ba-newarrivals-carousel .ba-na-item{ flex:0 0 var(--ba-mobile-product-slide); width:var(--ba-mobile-product-slide); max-width:var(--ba-mobile-product-slide); } .ba-bspop-slider .ba-bspop-item{ flex:0 0 var(--ba-mobile-bspop-slide); width:var(--ba-mobile-bspop-slide); max-width:var(--ba-mobile-bspop-slide); } .ba-newarrivals-carousel .ba-na-col, .ba-bspop-slider .ba-bspop-card{ width:100%; max-width:none; margin-left:0; margin-right:0; } } @media(max-width:340px){ .ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider{ padding-left:0; padding-right:0; } .ba-newarrivals-carousel::before, .ba-newarrivals-carousel::after, .ba-bspop-slider::before, .ba-bspop-slider::after{ width:0; } .ba-newarrivals-carousel .ba-na-item, .ba-bspop-slider .ba-bspop-item{ flex:0 0 100%; width:100%; max-width:100%; } } @media (min-width:651px) and (max-width:1024px){ :root{ --ba-two-up-slider-gap:14px; --ba-two-up-slider-mask:18px; --ba-two-up-product-slide:calc((100vw - (var(--ba-two-up-slider-gap) * 3) - (var(--ba-two-up-slider-mask) * 2)) / 2.4); --ba-two-up-bspop-slide:var(--ba-two-up-product-slide); --ba-two-up-product-side-pad:calc((var(--ba-two-up-product-slide) * 0.2) + var(--ba-two-up-slider-gap) + var(--ba-two-up-slider-mask)); --ba-two-up-bspop-side-pad:var(--ba-two-up-product-side-pad); } .ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider{ box-sizing:border-box; width:100%; max-width:none; margin-left:auto; margin-right:auto; } .ba-newarrivals-carousel, .ba-youmightlike-carousel{ padding-left:var(--ba-two-up-product-side-pad); padding-right:var(--ba-two-up-product-side-pad); } .ba-bspop-slider{ padding-left:var(--ba-two-up-bspop-side-pad); padding-right:var(--ba-two-up-bspop-side-pad); } .ba-newarrivals-carousel::before, .ba-newarrivals-carousel::after, .ba-bspop-slider::before, .ba-bspop-slider::after{ width:var(--ba-two-up-slider-mask); } .ba-newarrivals-carousel::before{ background:linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%); } .ba-newarrivals-carousel::after{ background:linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 100%); } .ba-bspop-slider::before{ background:linear-gradient(to right,#f7f7f7 0%,rgba(247,247,247,0) 100%); } .ba-bspop-slider::after{ background:linear-gradient(to left,#f7f7f7 0%,rgba(247,247,247,0) 100%); } .ba-newarrivals-carousel .ba-na-item{ flex:0 0 var(--ba-two-up-product-slide); width:var(--ba-two-up-product-slide); max-width:var(--ba-two-up-product-slide); } .ba-bspop-slider .ba-bspop-item{ flex:0 0 var(--ba-two-up-bspop-slide); width:var(--ba-two-up-bspop-slide); max-width:var(--ba-two-up-bspop-slide); } .ba-newarrivals-carousel .ba-na-col, .ba-bspop-slider .ba-bspop-card{ width:100%; max-width:none; margin-left:0; margin-right:0; } } /* =============================================================== 10. CATEGORIES – desktop bar + mobile panel =============================================================== */ :root{ --cat-border:#e4e4e4; --mobile-header-h:var(--mobile-header-height,4.5rem); } /* Desktop bar */ .categories-bar{ position:absolute;left:0;right:0;top:100%;z-index:99;background:#fff;border-bottom:1px solid var(--cat-border);padding:.75rem 1rem; } .categories-bar .categories-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;} .categories-bar .categories-inline{ display:flex;flex-wrap:wrap;gap:.9rem;direction:rtl;padding:1rem;justify-content:center; } .categories-bar .homepage-category-tile{flex:0 0 190px;width:190px;} /* Mobile panel */ .mobile-categories-panel{ position:fixed;left:0;right:0;top:0;background:#fff;transform:translateX(-100%);transition:transform .35s ease;z-index:99999;overflow-y:auto;padding:1rem .75rem 2rem;direction:rtl;height:calc(var(--ba-vh, 1vh) * 100); box-shadow:inset 0 -1px 0 1px var(--gray-border); } .mobile-categories-panel.open{transform:translateX(0);} .mobile-categories-panel[hidden]{display:none;} .mobile-cat-back{ background:none;border:none;font:600 1rem/1 "Noto Sans Hebrew";margin-bottom:1rem;cursor:pointer;color:#222;padding:1rem;width:100%;text-align:right; } .mobile-cat-back::before{ content:"⌵";position:absolute;left:4rem;right:0;top:53%;transform:translateY(-50%) rotate(-90deg);font-size:.9em;line-height:1;color:#222; } .mobile-cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem;} .mobile-cat-list .homepage-category-tile{width:100%;background:#fff;} .mobile-cat-list img{width:64px;height:64px;object-fit:cover;border-radius:6px;} .mobile-cat-list .homepage-category-text{display:flex;flex-direction:column;justify-content:center;} @media (max-width:1350px){.categories-bar{display:none!important;}} @media (min-width:1351px){.mobile-categories-panel{display:none!important;}} /* Desktop nav “קטגוריות” indicator (text fallback; SVG override later) */ header .primary-navigation .primary-menu > li > a[title="קטגוריות"]{ padding-left:1.1em;position:relative; } header .primary-navigation .primary-menu > li > a[title="קטגוריות"]::before{ content:"⌵";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:.75em;line-height:1;color:#959595;transition:color .2s; } header .primary-navigation .primary-menu > li > a[title="קטגוריות"]:hover::before, header .primary-navigation .primary-menu > li > a[title="קטגוריות"]:focus::before{color:#222;} @supports selector(header:has(#desktop-categories-bar:not([hidden]))) { header:has(#desktop-categories-bar:not([hidden])) .primary-navigation .primary-menu > li > a[title="קטגוריות"]::before{ content:"─";color:#222; } } /* Mobile nav chevron (text fallback; SVG override later) */ .mobile-primary-menu a[title="קטגוריות"]{padding-left:1.1em;position:relative;} .mobile-primary-menu a[title="קטגוריות"]::after{ content:"⌵";position:absolute;left:auto;top:50%;transform:translateY(-50%) rotate(90deg);font-size:.75em;line-height:1;color:#222; } /* =============================================================== 11. LIVE SEARCH =============================================================== */ .ba-input-wrap{position:relative;display:inline-block;width:100%;} .ba-input-wrap input{width:100%;} /* Match the fixed 1.3em clear button at 14px, plus its existing 10px gap. Physical right padding preserves the current RTL input/clear-button spacing. */ .header-search .ba-input-wrap input[type="search"].ba-has-clear, form.woocommerce-product-search .ba-input-wrap input#woocommerce-product-search-field-0.ba-has-clear, #mobile-search-panel .ba-input-wrap input[type="search"].ba-has-clear{ padding-right:calc(1.3 * 14px + 10px); } .ba-clear-search{ position:absolute;top:50%;right:6px;transform:translateY(-50%);border:0;background:#a6a7ab!important;font-size:14px;line-height:1;cursor:pointer;display:none!important;height:1.3em;width:1.3em;padding:0!important;border-radius:50px;color:#f1f1f2; } .ba-clear-search.visible{display:block!important;} .ba-no-results{text-align:center;font-style:italic;color:#666;padding:8px 12px;} .ba-search-dropdown{ position:absolute;left:0;right:0;top:100%;z-index:2147483647;margin:0;padding:0;list-style:none;background:#fff;border:1px solid var(--gray-border);box-shadow:0 2px 8px rgba(0,0,0,.08); max-height:calc((var(--ba-vh, 1vh) * 100) - 20px);overflow-y:auto;font-size:14px;line-height:1.4;direction:rtl;display:none; } @media (max-width:599px){ .ba-search-dropdown{max-height:60vh;font-size:13px;} .ba-search-dropdown li{padding:6px 10px;} .ba-result-row img{flex:0 0 60px;width:60px;height:60px;} } .ba-search-dropdown li{padding:8px 12px;border-bottom:1px solid var(--gray-border);} .ba-search-dropdown li:last-child{border-bottom:0;} .ba-search-dropdown .ba-last-header, .ba-search-dropdown .ba-help-row, .ba-search-dropdown .ba-show-all{text-align:center;font-weight:600;cursor:pointer;} li.ba-show-all:hover{background:#f5f5f5;} .ba-search-dropdown .ba-help-row{color:#666;font-style:italic;} .ba-last-list{display:flex;flex-wrap:wrap;gap:6px 8px;} .ba-last-term{background:#f0f0f0;border-radius:4px;padding:4px 8px;cursor:pointer;font-size:13px;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;} .ba-last-term:hover{background:#e0e0e0;} .ba-results-container{display:none;} .ba-result-row{display:flex;align-items:center;gap:10px;cursor:pointer;} .ba-result-row:hover,.ba-result-row.active{background:#f5f5f5;} .ba-result-row img{flex:0 0 70px;width:70px;height:70px;object-fit:contain;object-position:center;background:#fff;} .ba-result-row img:not([src]), .ba-result-row img[src=""]{display:none;} @media (max-width:599px){ .ba-result-row img{flex:0 0 60px;width:60px;height:60px;} } .ba-results-container .ba-result-row img{flex:0 0 70px;width:70px;height:70px;object-fit:contain;object-position:center;background:#f7f7f7;} @media (max-width:599px){ .ba-results-container .ba-result-row img{flex-basis:60px;width:60px;height:60px;} } .ba-result-row .meta{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;} .ba-result-row .title{font-weight:400;word-break:break-word;} .ba-result-row .title strong{font-weight:600;color:black;} .ba-result-row .price{margin-top:4px;color:#333;} .ba-result-row .price del{color:#b8b8b8;font-weight:400;margin-right:4px;} .ba-result-row .price del .woocommerce-Price-amount.amount{color:#b8b8b8;font-weight:400;} .ba-result-row .price ins, .ba-result-row .price ins .woocommerce-Price-amount.amount{color:#333;font-weight:600;text-decoration:none;} /* =============================================================== 12. PRODUCT Badges (CBD) + SINGLE-PRODUCT POSITIONING =============================================================== */ .cbd-badge-stack{ position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-end;z-index:20;pointer-events:none; } .cbd-badge{ width: clamp(40px, 8vw, 49px); height: clamp(24px, 4.5vw, 28px); border-radius: 4px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 8px; box-sizing: border-box; text-align: center; direction: rtl; white-space: normal; overflow: hidden; pointer-events: none; font-size: clamp(10px, 2vw, 12px); font-weight: 700; line-height: 1; } .cbd-badge-stack .cbd-badge.cbd-badge--sale{background:#1B1B1B;color:#FFFFFF;} .cbd-badge--last-unit{background:#FFB249;color:#1B1B1B;} .cbd-badge--best-seller{background:#CA4B43;color:#FFF;} .cbd-badge--new{background:#EBEBEB;color:#1B1B1B;} #ba-newarrivals-carousel .cbd-badge--new{ display:none!important; } #ba-lastunits-carousel .cbd-badge--last-unit{ display:none!important; } #bestsellers-slider .cbd-badge--best-seller{ display:none!important; } .cbd-badge--more{background:#FFF;color:#1B1B1B;border:2px solid #1B1B1B;} .cbd-badge--campaign{padding:0;background:none;} .cbd-badge--campaign img{width:154px;height:72px;border-radius:4px;object-fit:cover;display:block;margin:0!important;} /* position inside product gallery */ .single-product .woocommerce-product-gallery{position:relative;} @media (min-width:1351px){ .single-product .woocommerce-product-gallery .cbd-badge-stack{top:65px;left:14px;flex-direction:column;gap:6px;} } @media (max-width:1350px){ .single-product .woocommerce-product-gallery .cbd-badge-stack{top:14px;left:1rem;flex-direction:row;gap:4px;} } /* =============================================================== 13. BA Shop Filters – desktop ⬌ mobile (2025‑07‑24) =============================================================== */ #ba-filters-bar{display:block} @media(max-width:1350px){#ba-filters-bar{display:none}} .ba-filters{max-width:1000px;margin:0 auto 1.5rem;display:flex;justify-content:center} .ba-filters__form{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;} .ba-filters.sticky .ba-filters__form{margin:0 auto;width:1000px;padding:1rem} .ba-select{position:relative;min-width:160px;font-size:.95rem;direction:rtl} .ba-select__toggle{ position:relative;box-sizing:border-box;width:100%;height:38px;padding-inline:12px 44px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#222;display:flex !important;cursor:pointer;font-weight:400;overflow:hidden;line-height:1.1;text-align:right; } .ba-select__toggle::after{ content: "\2335"; /* ⌵ */display:inline-block;margin-inline-start:.35rem;transition:transform .25s ease;font-size:1.05em;vertical-align:middle;position:absolute;left:12px;top:50%;transform:translateY(-50%); } .ba-select.is-open>.ba-select__toggle::after{transform:translateY(-50%) rotate(180deg)} .ba-select.has-values .ba-select__toggle{border:1px solid #f18200;} .ba-toggle-values{display:none;position:absolute;top:20px;right:12px;max-width:calc(100% - 60px);font-size:.74rem;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .ba-select.has-values .ba-toggle-values{display:block} .ba-select.has-values .ba-select__toggle{padding-top:.1rem;} .ba-select__list{ position:absolute;top:100%;inset-inline-start:0;width:400px;max-height:390px;overflow-y:auto;list-style:none;margin:0;padding:0;border:1px solid #ccc;background:#fff;z-index:9900;display:none } .ba-select.is-open .ba-select__list{display:block} .ba-select__option{line-height:1.65rem;padding:.45rem .6rem;cursor:pointer;margin:.4rem;background:#f0f0f0;border-radius:4px;} .ba-select__option:hover,.ba-select__option:focus{background:#f5f5f5} .ba-select__option.is-selected{background:#e1a743;color:white;font-weight:bold;} .ba-select__option.is-unavailable{display:none!important} .ba-select__search-wrapper{padding:.4rem .6rem} .ba-select__search{width:100%;padding:.35rem .4rem;font-size:.9rem;background:white!important;} /* Storefront's input[type=text] resets borders; use a real edge that survives pointer-focus shadow suppression, without overriding the keyboard focus ring. */ input.ba-select__search{border:1px solid #ccc;} /* Keep empty filter searches readable after Storefront's delayed focus fade. */ .ba-select__search[placeholder]::placeholder, .ba-select__search[placeholder]:focus::placeholder{opacity:1;transition:none;} .ba-select__search[placeholder]::-webkit-input-placeholder, .ba-select__search[placeholder]:focus::-webkit-input-placeholder{opacity:1;-webkit-transition:none;transition:none;} .ba-select__chosen-row{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#f7f7f7;border-bottom:1px solid #e0e0e0;} .ba-select__summary{flex:1 1 auto;min-width:0} .ba-select__count{display:block;font-weight:600;margin-bottom:2px;white-space:nowrap;} .ba-select__chosen-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(8px,12px,14px);} .ba-select__clear{border:0;background:none;cursor:pointer;padding:4px 8px;font-size:14px;} .ba-select__clear:hover{text-decoration:underline} .ba-select--price .ba-select__clear{display:none} .ba-price-slider-wrapper{padding:3rem 4rem 1rem} .noUi-target{border:none;background:#ddd;height:4px;border-radius:2px} .noUi-connect{background:#f47859} .noUi-horizontal .noUi-handle{ width:14px;height:14px;top:-6px;border-radius:50%;background:transparent;border:1px solid #f47859 } .noUi-handle::before,.noUi-handle::after{display:none} .noUi-base .noUi-origin .noUi-handle.noUi-handle-lower, .noUi-base .noUi-origin .noUi-handle.noUi-handle-upper{left:-7px;right:auto;} @media(max-width:600px){ .ba-select{min-width:48%} .ba-select__list{width:94vw} } .ba-filters-placeholder{height:0} .ba-filters.sticky{ position:fixed;left:0;right:0;max-width:none;margin:0!important;z-index:8500;background:#ffffffc9;-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px);box-shadow: 0 8px 16px rgba(0, 0, 0, .08); } .ba-filter-toggle-btn{ display:none!important;position:relative;overflow:hidden;width:100%;padding:.35rem 1rem;border:0;color:#444;font:400 .95rem/1 "Noto Sans Hebrew";cursor:pointer;z-index:8500; } #ba-filter-toggle-btn{overflow:visible;} .ba-filter-toggle-btn__icon-wrap{ position:relative;display:inline-flex;align-items:center;flex:0 0 auto;margin-right:15px; } .ba-filter-toggle-btn__icon-wrap > svg{display:block;height:18px;} .ba-filter-toggle-btn.sticky{position:fixed;left:0;right:0} @media(max-width:1350px){.ba-filter-toggle-btn{display:block}} @media(min-width:1351px){.ba-filter-toggle-btn{display:none!important}.ba-select.ba-select--price.is-open ul.ba-select__list, .ba-select.ba-select--top-notes.is-open ul.ba-select__list{right:-240px;}} .mobile-filter-panel{ position:fixed;top:0;bottom:0;right:0;width:85%;max-width:410px;background:#fff;box-shadow:-2px 0 8px rgba(0,0,0,.25);overflow-y:auto;padding:1rem 1.25rem 3rem;transform:translateX(100%); transition:transform .35s ease;z-index:99999 } .mobile-filter-panel.open{transform:translateX(0)} .ba-mobile-filter-close{background:none;border:0;font-size:1.85rem;line-height:1;cursor:pointer;color:#444;margin-bottom:.5rem} .ba-mobile-filters__form .ba-select{width:100%;margin-bottom:15px} .ba-mobile-filters__form .ba-select__list{width:100%} .ba-mobile-apply-btn{margin-top:1.5rem;width:100%;padding:.65rem;border:0;border-radius:6px;background:#222;color:#fff;font-weight:600;cursor:pointer} .hide-on-scroll{visibility:hidden;pointer-events:none} .ba-btn-placeholder{height:0} .ba-filter-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:99996;cursor:pointer} p.woocommerce-result-count{text-align:center;width:100%;} @media (min-width:1351px){.woocommerce-ordering{display:none !important;}} @media (max-width:1350px){.ba-select--orderby{display:none !important;}} form.woocommerce-ordering{opacity:0;} #ba-mobile-topbar{display:flex;width:100%;margin-bottom:10px;gap:0;} #ba-mobile-topbar .ba-filter-toggle-btn, #ba-mobile-topbar form.woocommerce-ordering{ opacity:1;flex:1 1 50%;margin:0;background:transparent;border-right:1px solid #eaeaea;display:flex !important;align-items:center;justify-content:center; } @media (min-width:1351px){ #ba-mobile-topbar, .ba-mobile-topbar{ display:none !important; visibility:hidden !important; height:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } } @media (max-width:1350px){ #ba-mobile-topbar.sticky{ position:fixed;left:0;right:0;z-index:1000;background:#ffffffbd;-webkit-backdrop-filter:blur(42px);backdrop-filter:blur(42px);padding:.3rem;box-shadow:0 0px 0px 1px #f7f7f7; } .ba-mtb-placeholder{height:0;} #ba-mobile-topbar form.woocommerce-ordering select{ direction:rtl;text-align:center;text-align-last:center;width:100%;color:#444;font:400 .95rem/1 "Noto Sans Hebrew";padding:.35rem 0rem;border:none;background:transparent; } } /* Mobile ORDER‑BY static label + custom arrow (collapse behavior) */ @media (max-width:1350px){ #ba-mobile-topbar form.woocommerce-ordering{position:relative;direction:rtl;} #ba-mobile-topbar form.woocommerce-ordering select{ width:100%;padding:1rem 0;color:transparent;text-shadow:0 0 0 transparent;-webkit-appearance:none;appearance:none;background:none;border-left:1px solid #eaeaea;outline:none; } #ba-mobile-topbar form.woocommerce-ordering select:focus{color:#444;text-shadow:none;} #ba-mobile-topbar form.woocommerce-ordering select option{color:#444;} #ba-mobile-topbar form.woocommerce-ordering::before{ content:"\05DE\05D9\05D5\05DF";position:absolute;top:50%;right:44%;transform:translate(50%,-50%);font:400 .95rem/1 "Noto Sans Hebrew";color:#444;pointer-events:none;white-space:nowrap;transition:opacity .15s; } #ba-mobile-topbar form.woocommerce-ordering::after{ content:"";opacity:1;position:absolute;top:50%;right:auto;left:calc(51% - 2rem)!important;transform:translateY(-50%);width:18px;height:18px; background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23444'%3E%3Cpath d='M22 4.5a1 1 0 0 1-1 1H12a1 1 0 0 1 0-2h9a1 1 0 0 1 1 1Zm-1 4H14a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2Zm0 5H16a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2Zm0 5H18a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2ZM6 2A1 1 0 0 0 5 3v15.586l-1.293-1.293a1 1 0 0 0-1.414 1.414l3 3a1 1 0 0 0 1.416 0l3-3a1 1 0 0 0-1.414-1.414L7 18.586V3A1 1 0 0 0 6 2Z'/%3E%3C/svg%3E");pointer-events:none;transition:opacity .15s; } #ba-mobile-topbar form.woocommerce-ordering:focus-within::before, #ba-mobile-topbar form.woocommerce-ordering:focus-within::after{opacity:0!important;} } @media (forced-colors:active){ #ba-mobile-topbar form.woocommerce-ordering::after{background:none;content:"▼";font-size:.8rem;color:ButtonText;} } /* Filters sticky controls */ :root{ --ba-filters-ctl-size:36px; --ba-filters-ctl-gap:8px; --ba-filters-ctl-top:16px; --ba-filters-ctl-end:16px; --ba-filters-ctl-bg:#fff; --ba-filters-ctl-bd:#cfcfcf; --ba-filters-ctl-radius:6px; --ba-filters-ctl-shadow:0 1px 2px rgba(0,0,0,.06); --ba-filters-badge-bg:#ffffff; --ba-filters-content-max:1500px; --ba-filters-edge-pad:12px; } .ba-filters-controls{position:absolute;height:0;overflow:visible;z-index:3;} #ba-filters-collapse-btn, #ba-filters-activeonly-btn{ overflow:visible;position:absolute;width:var(--ba-filters-ctl-size)!important;height:var(--ba-filters-ctl-size)!important;background:var(--ba-filters-ctl-bg); border:1px solid var(--ba-filters-ctl-bd);border-radius:var(--ba-filters-ctl-radius);display:inline-flex;align-items:center;justify-content:center;padding:0;box-shadow:var(--ba-filters-ctl-shadow);cursor:pointer;z-index:4; } #ba-filters-collapse-btn{inset-inline-end:var(--ba-filters-ctl-end);top:var(--ba-filters-ctl-top);right:var(--ba-filters-ctl-end);} #ba-filters-activeonly-btn{inset-inline-end:calc(var(--ba-filters-ctl-end) + var(--ba-filters-ctl-size) + var(--ba-filters-ctl-gap));top:var(--ba-filters-ctl-top);right:calc(var(--ba-filters-ctl-end) + var(--ba-filters-ctl-size) + var(--ba-filters-ctl-gap));} #ba-filters-collapse-btn:hover, #ba-filters-activeonly-btn:hover{border-color:#bdbdbd;box-shadow:0 2px 4px rgba(0,0,0,.08);} #ba-filters-collapse-btn:focus-visible, #ba-filters-activeonly-btn:focus-visible{outline:2px solid #2684ff;outline-offset:2px;} #ba-filters-collapse-btn .chev-icon, #ba-filters-activeonly-btn .check-icon{display:block;width:18px;height:18px;margin:auto;pointer-events:none;} #ba-filters-collapse-btn .chev-icon{transition:transform 160ms ease;} #ba-filters-activeonly-btn .badge-count, #ba-filter-toggle-btn .badge-count{ position:absolute !important;z-index:2;top:-6px;inset-inline-end:-6px;right:-6px;pointer-events:none;width:20px;min-width:20px;height:20px;padding:0;line-height:20px;background:var(--ba-filters-badge-bg);border:1px solid var(--gray-border);border-radius:50%;font-weight:500;display:flex;align-items:center;justify-content:center;box-sizing:border-box; } #ba-filters-activeonly-btn .badge-count[hidden], #ba-filter-toggle-btn .badge-count[hidden]{ display:none !important; } #ba-filter-toggle-btn .badge-count{ top:50%;left:auto;right:calc(100% + 6px);inset-inline-end:auto;transform:translateY(-50%); } #ba-filters-activeonly-btn.is-on{border-color:#999;box-shadow:0 2px 6px rgba(0,0,0,.10);} @media (min-width:1600px){ :root{ --ba-filters-ctl-end:calc((100vw - var(--ba-filters-content-max))/2 + var(--ba-filters-edge-pad)); } } /* =============================================================== 14. MY ACCOUNT / ORDERS UI =============================================================== */ .woocommerce-order.ba-order-item{margin-bottom:16px;border-radius:19px;border:1px solid var(--border-color);padding:15px 30px;max-width:800px;transition:all .2s;} .tracking-info-container-orders .tracking-number-bg .tracking-updates .timeline{display:flex;flex-direction:column;} .order-header{display:flex;align-items:center;} svg#processing-status-icon{color:white;background:#ffc107;border-radius:50%;padding:4px 5px;} .woocommerce-order.status-completed.order, .woocommerce-order.status-processing.order, .woocommerce-order.status-ready-pickup.order, .woocommerce-order.status-cancelled.order, .woocommerce-order.status-pending.order{border-radius:19px;padding:15px 30px;max-width:800px;} .order-header-left{display:flex;flex-direction:column;align-items:flex-start;align-content:flex-start;padding:0 0px 0 8px;font-weight:600;font-size:clamp(10px,3.8vw,18px);} .order-header-right{margin-left:7%;} button.view-order-btn{ background:#ffc155;font-size:4vw;border:none;border-radius:50px;width:2em;height:2em;cursor:pointer;color:#121212;display:flex;justify-content:center;align-items:center;padding:1rem; } .view-order-button{margin-right:16px;} .order-date{font-size:.9em;color:#6d6d6d !important;font-weight:400;} a.woocommerce-button.button.order-again, a.woocommerce-button.button.pay-button{ display:flex;align-items:center;justify-content:center;color:#242424;background:#ffc155;border-radius:13px;font-weight:600;margin:0 0 0 10px;flex:0 0 48%;margin-right:0; } .status-processing-bg,.status-ready-pickup-bg,.status-cancelled-bg,.status-completed-bg,.status-pending-bg{right:8px;position:relative;} .order-body{display:flex;padding:16px 0;flex-direction:column;} .order-total,.order-status{display:flex;justify-content:space-between;align-items:center;} span.order-status-result,span.order-total-amount{font-weight:700;font-size:clamp(12px,3.7vw,20px);color:#232323;} .order-total{border-bottom:1px solid #eaeaea;padding:0 0 5px 0;} .order-status{font-size:clamp(12px,1.7vw,16px);padding:5px 0 0 0;} button.report-issue-button{border-radius:13px;font-weight:600;color:#FECB74;background:#3A3A3A;} .order-actions{display:flex;justify-content:space-between;} .order-actions .woocommerce-button, .order-actions .report-issue-button, .order-actions .copy-tracking-number-button, button.woocommerce-button.button.cancel-button, a.woocommerce-button.button.pay-button{ flex:1;text-align:center;padding:13px 0;max-width:400px;font-size:clamp(11px,2vw,17px); } .order-actions .woocommerce-button{margin-right:10px;} .order-actions .report-issue-button, .order-actions .copy-tracking-number-button{border:none;padding:10px;cursor:pointer;background:#232323;color:#ffb249;border-radius:13px;font-weight:600;} .order-actions.single-action .woocommerce-button{flex:0 0 48%;margin-right:0;} /* Account cards may now show reorder beside Pay, Cancel, and Tracking. */ .woocommerce-order.ba-order-item > .order-actions{flex-wrap:wrap;gap:10px;} .woocommerce-order.ba-order-item > .order-actions > .woocommerce-button, .woocommerce-order.ba-order-item > .order-actions > .copy-tracking-number-button{flex:1 1 120px;min-width:120px;max-width:none;margin:0;} .woocommerce-order.ba-order-item > .order-actions > .woocommerce-button.order-again:only-child{flex:0 0 calc(50% - 5px);} .status-icon{width:32px;height:32px;color:currentColor;} .status-completed .status-icon{color:#ffffff;border-radius:50%;background:#28a745;} .status-processing .status-icon{color:#ffffff;border-radius:50%;background:#ffc107;} .status-ready-pickup .status-icon{color:#ffffff;border-radius:50%;background:#6366f1;padding:4px;} .status-pending-bg{outline:2px dashed #a9a9a9;outline-offset:11px;border-radius:1px;padding:0 !important;width:32px;height:32px;} .status-cancelled .status-icon{color:#ffffff;border-radius:50%;background:#dc3545;padding:4px;} .status-completed-bg{outline:2px dashed #28a745;outline-offset:11px;border-radius:1px;padding:0 !important;width:32px;height:32px;} .status-processing-bg{outline:2px dashed #ffc107;outline-offset:11px;border-radius:1px;padding:0 !important;width:32px;height:32px;} .status-ready-pickup-bg{outline:2px dashed #6366f1;outline-offset:11px;border-radius:1px;padding:0 !important;width:32px;height:32px;} .status-cancelled-bg{outline:2px dashed #dc3545;outline-offset:11px;border-radius:1px;padding:0 !important;width:32px;height:32px;} @media(min-width:991px){.order-header-left{left:50px;padding:0;}} @media(min-width:768px){ button.view-order-btn{width:2em;height:2em;font-size:25px;} button.pagination-keys{font-size:18px;} .order-header-left{margin:0 auto;} .order-header a.view-order-button{margin-right:0;} } .custom-no-order-notice{background-color:#f8f8f8;border:1px solid #dcdcdc;padding:20px;border-radius:10px;text-align:center;} .custom-notice-content h2{font-size:1.5rem;font-weight:bold;color:#333;margin-bottom:10px;} .custom-notice-content p{font-size:1.1rem;color:#666;margin-bottom:20px;} .custom-browse-button{background-color:#e1a743;color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;font-weight:bold;transition:background-color .3s;} .custom-browse-button:hover{background-color:#c99731;color:#fff;} .popup-Background-tracking{ background:#3535354a;width:100%;position:fixed;top:0;height:100%;z-index:5;display:flex;align-items:center;justify-content:center; } :where(.popup-Background-tracking:not(.ba-orders-tracking-popup)) .tracking-info-container-orders .tracking-number-bg .tracking-updates{padding-top:25px;} @media(max-width:1135px){ .tracking-info-container-orders .tracking-number-bg{height:56vh} .tracking-info-container-orders .tracking-number-bg .tracking-updates{overflow-y:scroll;overflow-x:hidden;height:22vh;} .popup-container button.close-tracking-popup{bottom:33px;transform:scale(1.1);border:1px solid #7c7c7c;width:40px;height:40px;} :where(.popup-Background-tracking:not(.ba-orders-tracking-popup)) .tracking-info-container-orders p.shipping-information-title{ position:relative;border-bottom-left-radius:26px;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:26px;width:43%;max-width:170px;margin-top:-40px;margin-bottom:40px; } } @media (min-width:1135px){ .popup-container-tracking .tracking-info-container-orders{width:max-content;margin-left:auto;margin-right:auto;top:0;position:relative;} :where(.popup-Background-tracking:not(.ba-orders-tracking-popup)) .tracking-info-container-orders p.shipping-information-title{position:relative;border-bottom-left-radius:26px;border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:26px;width:73%;max-width:170px;} .popup-Background-tracking{ background:#3535354a;width:100%;position:fixed;top:0;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center; } } .tracking-info-container-orders .tracking-number-bg{padding:0;} .tracking-info-container-orders{width:90vw;margin-left:auto;margin-right:auto;top:50px;position:relative;} .orders-filter-container{ max-width:800px;font-weight:700;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;align-content:center;margin-bottom:15px;font-size:clamp(8px,4vw,16px); } .orders-filtering-button{ cursor:pointer;border:1px solid #e5e5e5;background:#fff;border-radius:26px;padding:.6em 1.2em;margin-inline:.5vw;font-weight:700;color:#222;transition:background .2s;font-size:clamp(8px,3vw,15px);display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;appearance:none;-webkit-appearance:none; } .orders-filtering-button:visited, .orders-filtering-button:hover{ color:#222;text-decoration:none; } .orders-filtering-button.active, .orders-filtering-button.active:visited, .orders-filtering-button.active:hover{ background:#222!important;border:1px solid #222;color:#F8F8F8;transition:background .2s;text-decoration:none; } .orders-filtering-button:active{background:#e5e5e5;} svg.pending-payment-status-svg{width:32px;height:32px;color:white;background:#a9a9a9;border-radius:53%;padding:5px 0px;} a.woocommerce-button.button.cancel-button{ display:flex;align-items:center;justify-content:center;color:#242424;border:1px solid #FECB74;border-radius:13px;font-weight:600;margin:0 0 0 10px; } button.woocommerce-button.button.cancel-button{ border:none;padding:0 10px;cursor:pointer;color:#3A3A3A;border:1px solid #ffc155;border-radius:13px;font-weight:600;background:whitesmoke; } a.woocommerce-button.button.order-again:hover, a.woocommerce-button.button.pay-button:hover{filter:saturate(1.4);} button.copy-tracking-number-button:hover{filter:brightness(1.2);} button.woocommerce-button.button.cancel-button:hover{background:#d1d1d1;border:1px solid transparent;} .popup-message{ position:fixed;top:40%;left:50%;transform:translateX(-50%);background:rgba(36,36,36,0);color:rgba(255,255,255,0);padding:15px;border-radius:5px;z-index:1000;opacity:0;transition:opacity .5s, background-color .5s, color .5s; } .popup-message.show{background:rgba(36,36,36,1);color:rgba(255,255,255,1);opacity:1;transition:opacity .5s, background-color .5s, color .5s;} div#no-orders-message{ max-width:800px;margin-left:auto;margin-right:auto;text-align:center;padding:0 0 70px 0;transform:translateY(-30px); } span.order-total-label{display:flex;align-items:center;font-size:clamp(12px,1.7vw,16px);} .order-item{margin:0 10px 0 0;} .order-item img{border-radius:4px;box-shadow:0px 1px 4px 0px #c5c5c5;} .remaining-items-container .order-item img{width:40px;height:40px;object-fit:contain;object-position:center;background:#f7f7f7;display:block;} .order-items-images .order-item img{width:40px;height:40px;object-fit:cover;display:block;} body.woocommerce-account .remaining-items-popup-content .order-item img{width:40px;height:40px;object-fit:contain;object-position:center;background:#f7f7f7;} body.woocommerce-account .ba-account-order-thumb{ width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f7f7f7;border-radius:4px;box-shadow:0 1px 4px 0 #c5c5c5; } body.woocommerce-account .ba-account-order-thumb__img, body.woocommerce-account .order-items-images .order-item .ba-account-order-thumb__img, body.woocommerce-account .remaining-items-popup-content .order-item .ba-account-order-thumb__img{ display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:4px;box-shadow:none;background:transparent; } body.woocommerce-account .remaining-items-popup-content .ba-account-order-thumb__img, body.woocommerce-account .remaining-items-popup-content .order-item img{ object-fit:contain;object-position:center; } button.close-tracking-popup.close-remaining-popup{ margin:0 auto;padding:0;right:auto;left:auto;box-shadow:0px 6px 5px -2px rgba(0,0,0,0.1);justify-content:center; } .remaining-items-popup{ position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;box-shadow:0 0 10px rgba(0,0,0,0.1);z-index:1000;border-radius:5px;text-align:center; } a.remaining-items-link{ background:white;color:#444;border-radius:4px;border:1px solid #dbdada;width:40px;height:40px;display:flex;justify-content:center;align-items:center;direction:ltr;text-decoration:none !important; } .remaining-items-popup-content{position:relative;padding:15px 15px 0 15px;} .remaining-items-container{display:flex;flex-wrap:wrap;max-width:156px;} .remaining-items-container .order-item{margin:6px;} .order-items-images{display:flex;align-items:center;cursor:pointer;} .order-items-images .order-item{margin-right:5px;} .remaining-items-link{font-weight:bold;color:#0071a1;text-decoration:none;cursor:pointer;} button.close-tracking-popup.close-remaining-popup:hover{box-shadow:none;} @media(max-width:450px){ .status-completed-bg,.status-cancelled-bg,.status-processing-bg,.status-ready-pickup-bg,.status-pending-bg{ outline:none;outline-offset:8px;border-radius:1px;padding:0 !important;width:20px;height:20px; } .status-processing-bg,.status-ready-pickup-bg,.status-cancelled-bg,.status-completed-bg,.status-pending-bg{right:0px;position:relative;} svg#processing-status-icon,svg.pending-payment-status-svg,.status-icon{width:25px;height:25px;} } @media(max-width:332px){.order-items-images{display:none;}} /* popup background */ .popup-background{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;} .orders-pagination-total{ display:flex;max-width:800px;align-items:center;justify-content:center;margin-bottom:10px; } div#pagination-controls{display:flex;align-items:center;justify-content:center;} .order-count-container p{margin:0;padding:0;font-size:clamp(4px,3.5vw,14px);} .pagination-keys{ color:#ffffff;background:#3A3A3A;border:none;border-radius:13px;width:2.5em;height:2.5em;cursor:pointer;font-size:clamp(7px,4vw,20px);margin-inline:2px;padding:1em;display:flex;align-items:center;justify-content:center; } span#page-info{margin-inline:11px;font-size:clamp(4px,3.5vw,14px);} .pagination-keys:disabled{background:#d0d0d0;cursor:no-drop;} .pagination-keys:active{background:#5a5a5a;} .pagination-keys:active:disabled{background:#bdbdbd;} span.pagination-current-page-number, span#order-count{font-weight:700;font-size:1.1em;color:#333;} .woocommerce-MyAccount-content .woocommerce-orders{margin-bottom:150px;} @media (max-width:300px){svg#processing-status-icon, svg.pending-payment-status-svg, .status-icon{display:none;}} div#content div#primary main#main article#post-11 .entry-content{max-width:1200px;margin:0 auto;} a.view-order-button, a.remaining-items-link{text-decoration:none !important;} .order-header-left a.order-number, .order-header-left .order-date{color:#232323;} .woocommerce-order.ba-order-item:hover{box-shadow:0 2px 12px rgb(0 0 0 / 11%);} button#load-more-orders-btn{width:100%;max-width:800px;} a.view-order-button{margin-right:auto;} /* My Account Hub */ nav.woocommerce-MyAccount-navigation, section#acc-billing .wc-hub__panel-body form h2, section#acc-billing .wc-hub__panel-body form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p#billing_country_field, section#acc-billing .wc-hub__panel-body form .woocommerce-address-fields .woocommerce-address-fields__field-wrapper p#billing_city_field{display:none;} .woocommerce-account .wc-hub{max-width:960px;margin:0 auto;} .wc-hub__actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:0 10px .5rem; align-items:center;} svg.ba-dashboard-menu-icons {width: 25px; height: 25px; margin-left: 10px;} .wc-acc-header, .wc-hub__cta{ display:flex;align-items: center;font-size: clamp(8px, 14px, 1rem); border:1px solid var(--wc-border,#e5e7eb);padding:.7rem 1rem;border-radius:.55rem;cursor:pointer;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.04); font-weight:600;line-height:1.2;text-decoration:none;transition:transform .06s ease, box-shadow .12s ease, background .18s ease, color .18s ease, border-color .18s ease; } .wc-acc-header:hover, .wc-hub__cta:hover{background-color: #d5d5d5; border-color: #d5d5d5; color: #333333;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.06);} .wc-acc-header[aria-expanded="true"]{background:#222;color:#faf9f6;border-color:#111;box-shadow:0 2px 10px rgba(0,0,0,.18);} .wc-hub__panel{border:1px solid var(--wc-border,#e5e7eb);border-radius:.75rem;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.06);margin:.5rem 0 1rem;} .wc-hub__panel-title{font-size:1rem;font-weight:600;padding:.75rem 1rem;margin-top:3rem;border-top:1px solid var(--wc-border,#eef2f7);} .wc-hub__panel-body{padding:1rem;} .wc-hub__last-order .wc-hub__panel-body{padding:.5rem 0 0;} body.woocommerce-account .entry-content > .woocommerce .woocommerce-MyAccount-content{ float:none;width:100%;max-width:800px;margin-inline:auto;margin-right:auto;margin-left:auto;clear:both; } /* ================================================================ 15. ASCII‑safe icon overrides (apply ONLY when mask is supported) ================================================================ */ @media (max-width:1349px) { @supports (mask: url("")) or (-webkit-mask: url("")) { /* 1) Filters dropdown caret */ .ba-select__toggle::after{ content:""; position:absolute;left:12px;top:50%; transform:translateY(-50%) rotate(0deg); inline-size:.9em;block-size:.9em;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; } .ba-select.is-open > .ba-select__toggle::after{transform:translateY(-50%) rotate(180deg);} /* 2) Footer accordions */ .footer-columns details summary::before{ content:""; inline-size:.9em;block-size:.9em;margin-inline-start:.25em;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; } .footer-columns details[open] summary::before{ -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h16v2H4z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h16v2H4z'/%3E%3C/svg%3E") no-repeat center/contain; } /* 3) Desktop nav “קטגוריות” indicator */ header .primary-navigation .primary-menu > li > a[title="קטגוריות"]::before{ content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);inline-size:.85em;block-size:.85em;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; } @supports selector(header:has(#desktop-categories-bar:not([hidden]))) { header:has(#desktop-categories-bar:not([hidden])) .primary-navigation .primary-menu > li > a[title="קטגוריות"]::before{ -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h16v2H4z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11h16v2H4z'/%3E%3C/svg%3E") no-repeat center/contain; } } /* 4) Mobile nav “קטגוריות” chevron */ .mobile-primary-menu a[title="קטגוריות"]::after{ content:"";position:absolute;top:50%;transform:translateY(-50%) rotate(90deg);inline-size:.85em;block-size:.85em;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; } /* 5) Mobile categories panel “Back” arrow */ .mobile-cat-back::before{ content:"";position:absolute;left:4rem;top:50%;transform:translateY(-50%) rotate(-90deg);inline-size:.9em;block-size:.9em;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.4 9.4 12 14l4.6-4.6 1.4 1.4L12 17.2 6 11.2z'/%3E%3C/svg%3E") no-repeat center/contain; } } } /* ================================================================== 16. CSS MOVED FROM assets.php (2025‑10‑10) ================================================================= */ /* 16.A NProgress single‑page loading bar theme (was inline in assets.php) Keep !important so we override the CDN file that loads later */ #nprogress .bar { background:#e50914 !important; height:3px; z-index:999999 !important; } #nprogress .peg { box-shadow:0 0 10px #e50914, 0 0 5px #e50914 !important; z-index:999999 !important; } /* 16.B Tiny helper: disabled qty button (was inline in assets.php) */ .qty-btn.is-disabled, .qty-btn[disabled]{ opacity:.45; cursor:not-allowed; pointer-events:none; filter:grayscale(100%); } /* 16.C Floating‑label base CSS + Track‑order‑style skin for My‑Account forms (previously added conditionally via is_account_page(); scoping already keeps this effectively on account/billing forms) */ /* ========= BA · Floating labels (base) ========= */ .wc-hub__panel-body .form-row.float-label-control{position:relative} .wc-hub__panel-body .form-row.float-label-control .woocommerce-input-wrapper{position:relative;display:block} .wc-hub__panel-body .form-row.float-label-control label{ position:absolute; top:.65rem; inset-inline-start:.75rem; inset-inline-end:.75rem; right:.75rem; left:.75rem; margin:0; font:400 .9rem/1 "Noto Sans Hebrew", sans-serif; color:#696969; pointer-events:none; z-index:1; background:transparent; padding:0 .15rem; transition:top .15s ease, color .15s ease, font-size .15s ease, padding .15s ease, background-color .15s ease; } .wc-hub__panel-body .form-row.float-label-control input, .wc-hub__panel-body .form-row.float-label-control textarea, .wc-hub__panel-body .form-row.float-label-control select{ position:relative; z-index:0; padding-top:1.35rem; min-height:2.75rem; } .wc-hub__panel-body .form-row.float-label-control input::placeholder, .wc-hub__panel-body .form-row.float-label-control textarea::placeholder{color:transparent} .wc-hub__panel-body .form-row.float-label-control input:focus::placeholder, .wc-hub__panel-body .form-row.float-label-control textarea:focus::placeholder{color:#b2b2b2;opacity:.85} .wc-hub__panel-body .form-row.float-label-control label.float-active{ top:-.55rem; font-size:.75rem; color:#222; background:#fff; padding:0 .25rem; border-radius:4px; } .wc-hub__panel-body .form-row.float-label-control label.label-focused{color:#936521} /* Select2 baseline */ .wc-hub__panel-body .form-row.float-label-control .select2-container--default .select2-selection--single{ min-height:2.75rem; padding-top:1.2rem; } .wc-hub__panel-body .form-row.float-label-control .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:1.6rem; } /* ========= Track‑order look & feel for My‑Account forms ========= */ #acc-account .wc-hub__panel-body form, #acc-billing .wc-hub__panel-body form{ background:#fff; border-radius:26px; padding:16px; max-width:800px; margin:0 auto; } /* Label position/size like tracking page + responsive clamp + ellipsis */ #acc-account .form-row.float-label-control label, #acc-billing .form-row.float-label-control label{ right:25px; left:auto; inset-inline-start:25px; inset-inline-end:auto; top:12px; color:#696969; font-size:clamp(14px, 2.8vw, 19px); line-height:1.2; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; direction:rtl; text-align:right; } /* Password labels: reserve room for the eye‑toggle and always ellipsize */ #acc-account .form-row.float-label-control label[for="password_current"], #acc-account .form-row.float-label-control label[for="password_1"], #acc-account .form-row.float-label-control label[for="password_2"]{ max-width:calc(100% - 73px); /* 25px right gap + ~48px eye button */ } #acc-account .form-row.float-label-control label.float-active[for="password_current"], #acc-account .form-row.float-label-control label.float-active[for="password_1"], #acc-account .form-row.float-label-control label.float-active[for="password_2"]{ max-width:calc(100% - 73px); } /* Ellipsis for password placeholders when shown on focus */ #acc-account .form-row.float-label-control input[type="password"]::placeholder{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } section#acc-account .wc-hub__panel-body form.woocommerce-EditAccountForm.edit-account fieldset legend, table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend { background-color: #ffffff; margin-right: 0em; } section#acc-account .wc-hub__panel-body form.woocommerce-EditAccountForm.edit-account p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide.float-label-control span#account_display_name_description em { display: none; } section#acc-account .wc-hub__panel-body form.woocommerce-EditAccountForm.edit-account fieldset p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide.float-label-control span.password-input button.show-password-input { position: absolute; left: 1px; top: 2%; height: 85%; margin: 3px; border-radius: 10px; padding: .618em; line-height: 1.618; cursor: pointer; } .show-password-input.display-password::after {color: #e8e8e8; background: #434343; box-shadow: 0 0 0 16px #434343;} /* When floating, mimic the chip‑label + responsive clamp + ellipsis */ #acc-account .form-row.float-label-control label.float-active, #acc-billing .form-row.float-label-control label.float-active{ top:-10px; color:#747474; background:#fff; padding:1px 6px; font-weight:700; border-radius:6px; font-size:clamp(12px, 2.2vw, 15px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #acc-account .form-row.float-label-control label.label-focused, #acc-billing .form-row.float-label-control label.label-focused{ color:#936521; } /* === KEY FIX: style **bare inputs** on Edit‑Account too (no wrapper there) === */ #acc-account .form-row.float-label-control .input-text, #acc-billing .form-row.float-label-control .input-text, #acc-account .form-row.float-label-control textarea, #acc-billing .form-row.float-label-control textarea, #acc-account .form-row.float-label-control select, #acc-billing .form-row.float-label-control select{ width:100%; transition: background .2s ease, border-color .2s ease, color .2s ease; padding:0 20px !important; box-sizing:border-box; height:51px; border-radius:12px; border:2px solid transparent; background:whitesmoke; text-align:right; direction:rtl; } /* Hover cue */ #acc-account .form-row.float-label-control .input-text:hover, #acc-billing .form-row.float-label-control .input-text:hover{ background:#eaeaea; } /* Focus state */ #acc-account .form-row.float-label-control .input-text:focus, #acc-account .form-row.float-label-control textarea:focus, #acc-account .form-row.float-label-control select:focus, #acc-billing .form-row.float-label-control .input-text:focus, #acc-billing .form-row.float-label-control textarea:focus, #acc-billing .form-row.float-label-control select:focus{ border:1px solid #cacaca; background:#fff; font-weight:700; color:#212121 !important; outline:none; } /* Keep “filled” style even when not focused (via :has label.float-active) */ @supports selector(.x:has(.y)) { #acc-account .form-row.float-label-control:has(label.float-active) .input-text, #acc-account .form-row.float-label-control:has(label.float-active) textarea, #acc-account .form-row.float-label-control:has(label.float-active) select, #acc-billing .form-row.float-label-control:has(label.float-active) .input-text, #acc-billing .form-row.float-label-control:has(label.float-active) textarea, #acc-billing .form-row.float-label-control:has(label.float-active) select{ border:1px solid #cacaca; background:#fff; font-weight:700; color:#717171; } } /* Textareas a bit taller */ #acc-account .form-row.float-label-control textarea, #acc-billing .form-row.float-label-control textarea{ min-height:110px; height:auto; resize:vertical; } /* Select2 skin to match inputs (billing uses it; account usually not) */ #acc-account .select2-container--default .select2-selection--single, #acc-billing .select2-container--default .select2-selection--single{ height:51px; border-radius:12px; border:2px solid transparent; background:whitesmoke; display:flex; align-items:center; padding:0 12px; } #acc-account .select2-container--default .select2-selection--single .select2-selection__rendered, #acc-billing .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#212121; } #acc-account .select2-container--default.select2-container--focus .select2-selection--single, #acc-billing .select2-container--default.select2-container--focus .select2-selection--single{ border:1px solid #cacaca; background:#fff; } @supports selector(.x:has(.y)) { #acc-account .form-row.float-label-control:has(label.float-active) .select2-container--default .select2-selection--single, #acc-billing .form-row.float-label-control:has(label.float-active) .select2-container--default .select2-selection--single{ border:1px solid #cacaca; background:#fff; } } /* Autofill polish */ #acc-account .form-row.float-label-control .input-text:-webkit-autofill, #acc-billing .form-row.float-label-control .input-text:-webkit-autofill{ -webkit-text-fill-color:#717171 !important; font-weight:700 !important; box-shadow:0 0 0 1000px #fff inset !important; } /* Compact descriptions */ #acc-account .form-row .description, #acc-billing .form-row .description{ font-size:.85rem; color:#777; margin-top:.25rem; } /* Tidy spacing */ #acc-account .form-row, #acc-billing .form-row{ padding:0 1rem; } /* Remove legacy fieldset borders */ #acc-account fieldset, #acc-billing fieldset{ border:0; margin:0; padding:0; } /* Error states */ #acc-account .woocommerce-invalid .input-text, #acc-billing .woocommerce-invalid .input-text{ border-color:#d9534f !important; background:#fff5f5 !important; } /* Shared standard field component. Checkout is the canonical visual source. Auth and tracking explicitly opt in; page-level WooCommerce classes never select these fields. */ .ba-shared-fields{--baperfume-field-padding-inline:clamp(8px,2.2vw,15px);} :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control, #tracking-form.ba-shared-fields .form-row.float-label-control { position: relative; } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control .woocommerce-input-wrapper, #tracking-form.ba-shared-fields .form-row.float-label-control .woocommerce-input-wrapper { position: relative; display: block; } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control label, #tracking-form.ba-shared-fields .form-row.float-label-control label{ position:absolute; color: #242424; right:calc(var(--ba-field-row-inset, 0px) + var(--baperfume-field-padding-inline) - 0.15rem); top:50%; transform:translateY(-50%) scale(1); font-size:clamp(13px,2.4vw,17px); line-height:1.2; margin:0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; direction:rtl; text-align:right; pointer-events:none; z-index:1; background:transparent; padding:0 .15rem; transition:transform .12s ease-out,color .12s ease-out,background-color .12s ease-out; } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control label .required, #tracking-form.ba-shared-fields .form-row.float-label-control label .required{ display:inline !important; color:#d12f2f; font-weight:900; font-size:11px; margin-right:-0.05em; } :is(.ba-shared-fields, :where(form).checkout) .form-row.validate-required.float-label-control > label::after, #tracking-form.ba-shared-fields .form-row.validate-required.float-label-control > label::after{ content:none; } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), #tracking-form.ba-shared-fields .form-row.float-label-control input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]), :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control textarea, #tracking-form.ba-shared-fields .form-row.float-label-control textarea, :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control select, #tracking-form.ba-shared-fields .form-row.float-label-control select{ position:relative; z-index:0; padding:0 var(--baperfume-field-padding-inline) !important; min-height:2.2rem;font-size: clamp(13px, 2.4vw, 16px); } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control input::placeholder, #tracking-form.ba-shared-fields .form-row.float-label-control input::placeholder, :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control textarea::placeholder, #tracking-form.ba-shared-fields .form-row.float-label-control textarea::placeholder{ color:transparent; } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control input:focus::placeholder, #tracking-form.ba-shared-fields .form-row.float-label-control input:focus::placeholder, :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control textarea:focus::placeholder, #tracking-form.ba-shared-fields .form-row.float-label-control textarea:focus::placeholder{ color:#5e5e5e; opacity:.85; } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control label.float-active, #tracking-form.ba-shared-fields .form-row.float-label-control label.float-active{ transform: translateY(-145%) scale(.9); color: #767676; background: #fff; padding: 1px 4px 0 6px; margin-right: -4px; font-weight: 600; border-radius: 6px; font-size: clamp(14px, 3vw, 16px); } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control label.label-focused, #tracking-form.ba-shared-fields .form-row.float-label-control label.label-focused{ color:#9b6e2c !important; } @media (max-width: 600px){ :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control label.float-active, #tracking-form.ba-shared-fields .form-row.float-label-control label.float-active{ transform: translateY(-165%) scale(.9); } } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])), #tracking-form.ba-shared-fields .form-row.float-label-control :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])), :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control textarea, #tracking-form.ba-shared-fields .form-row.float-label-control textarea, :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control select, #tracking-form.ba-shared-fields .form-row.float-label-control select{ --ba-field-transition:background .2s, border-color .2s, color .2s; width:100%; transition:var(--ba-field-transition); box-sizing:border-box; height:40px; border-radius:4px; border:2px solid transparent; background:whitesmoke; text-align:right; direction:rtl; color:#707070; } @supports selector(.x:has(.y)){ :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control:has(label.float-active) :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])), #tracking-form.ba-shared-fields .form-row.float-label-control:has(label.float-active) :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])), :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control:has(label.float-active) textarea, #tracking-form.ba-shared-fields .form-row.float-label-control:has(label.float-active) textarea, :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control:has(label.float-active) select, #tracking-form.ba-shared-fields .form-row.float-label-control:has(label.float-active) select{ border:1px solid #cacaca; background:#fff; font-weight:700; color:#5e5e5e; } } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])):focus, #tracking-form.ba-shared-fields .form-row.float-label-control :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])):focus, :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control textarea:focus, #tracking-form.ba-shared-fields .form-row.float-label-control textarea:focus, :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control select:focus, #tracking-form.ba-shared-fields .form-row.float-label-control select:focus{ border:1px solid #cacaca; background:#fff; font-weight:700; outline:none; color:#212121 !important; } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control:focus-within :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])), #tracking-form.ba-shared-fields .form-row.float-label-control:focus-within :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])), :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control:focus-within textarea, #tracking-form.ba-shared-fields .form-row.float-label-control:focus-within textarea, :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control:focus-within select, #tracking-form.ba-shared-fields .form-row.float-label-control:focus-within select{ color:#212121 !important; } :is(.ba-shared-fields, :where(form).checkout) .form-row.float-label-control :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])):-webkit-autofill, #tracking-form.ba-shared-fields .form-row.float-label-control :is(.input-text, input:where(:not([type]), [type="text"], [type="email"], [type="tel"], [type="password"], [type="url"], [type="search"])):-webkit-autofill{ border-color:#cacaca; background:#fff !important; -webkit-box-shadow:0 0 0 1000px #fff inset; } /* Opted-in fields may coexist with older provider skins. Reset only their structural leftovers; field colors, geometry and states above remain shared. */ .ba-shared-fields .form-row.float-label-control label, #tracking-form.ba-shared-fields .form-row.float-label-control label{opacity:1;min-width:0;} #tracking-form.ba-shared-fields .form-row.float-label-control{--ba-field-row-inset:1rem;} #tracking-form.ba-shared-fields .form-row.float-label-control input{margin:0;} /* The tracking provider sets a 5000s autofill transition and a separate text fill color. Use the same component transition/color even on that route. */ #tracking-form.ba-shared-fields .form-row.float-label-control input:-webkit-autofill{ transition:var(--ba-field-transition) !important; -webkit-text-fill-color:currentColor !important; } /* Native autofill notifies the existing state controller without polling or a second floating-label implementation. The animation has no visual property. */ @keyframes ba-field-autofill{from{--ba-autofill-state:0;}to{--ba-autofill-state:1;}} .ba-shared-fields .form-row.float-label-control input:autofill, .ba-shared-fields .form-row.float-label-control input:-webkit-autofill{animation:ba-field-autofill 1ms;} /* === OPEN-STATE: Desktop “קטגוריות” button (bold + #222) ========== */ @media (min-width:1351px){ /* 1) Primary: aria-expanded set by the inline JS when the bar opens */ header .primary-navigation .primary-menu > li > a[title="קטגוריות"][aria-expanded="true"]{ color: transparent; /* hide base text layer */ } header .primary-navigation .primary-menu > li > a[title="קטגוריות"][aria-expanded="true"]::after{ color:#222; /* visible top layer */ font-weight:700; /* ensure bold even if theme changes later */ } /* 2) Backup: if :has() is supported, tie style to the bar's visible state */ @supports selector(header:has(#desktop-categories-bar:not([hidden]))){ header:has(#desktop-categories-bar:not([hidden])) .primary-navigation .primary-menu > li > a[title="קטגוריות"]{ color: transparent; } header:has(#desktop-categories-bar:not([hidden])) .primary-navigation .primary-menu > li > a[title="קטגוריות"]::after{ color:#222; font-weight:700; } } } /* === My-Account accordion icons: follow button text color === */ /* Works for both "פרטי לקוח" (#acc-billing) and "פרטי משתמש" (#acc-account). */ .wc-acc-header .ba-dashboard-menu-icons { /* Use the button's computed color as the icon color */ color: currentColor; /* Provide a default fill for shapes that don't set their own fill */ fill: currentColor !important; /* beats inline fill="#000" on the element */ } /* If a child shape explicitly draws with a stroke, map it to the current text color too */ .wc-acc-header .ba-dashboard-menu-icons [stroke]:not([stroke="none"]) { stroke: currentColor !important; } /* IMPORTANT: don't force-fill elements that are intentionally "empty" */ .wc-acc-header .ba-dashboard-menu-icons path:not([fill="none"]), .wc-acc-header .ba-dashboard-menu-icons rect:not([fill="none"]), .wc-acc-header .ba-dashboard-menu-icons circle:not([fill="none"]), .wc-acc-header .ba-dashboard-menu-icons polygon:not([fill="none"]) { fill: currentColor !important; } /* when open, text is white → icons will become white via currentColor */ .wc-acc-header[aria-expanded="true"] { color: #faf9f6; } /* ===== STATIC HERO =================================================== */ .ba-static-hero { /* Diagonal gradient: black from left-bottom for 70%, then #16181B to top-right */ background: linear-gradient(to top right, #000 0%, #000 70%, #16181B 100%); color: #fff; overflow: hidden; isolation: isolate; position: relative; } .ba-static-hero__notice{ position: relative; top: 12px; font-size: clamp(12px, 3vw, 14px); color: #f4f4f4; opacity: .95; z-index: 3; pointer-events: none; text-align: center; margin: 15px 0; } .ba-static-hero__inner { max-width: 1350px; margin: 0 auto; padding: 35px clamp(36px, 5vw, 66px) 0 clamp(26px, 5vw, 26px); display: grid; grid-template-columns: 0.95fr 1.05fr; grid-template-areas: "copy visual"; gap: clamp(16px, 3vw, 40px); min-height: min(65vh, 550px); align-items: start; } .ba-static-hero__copy { grid-area: copy; text-align: right; gap: 1rem; display: flex; flex-direction: column; padding: clamp(36px, 5vw, 56px) 0 0 0;} /* Key change: visual column is flex, no hard min-height */ .ba-static-hero__visual { grid-area: visual; position: relative; display: flex; align-items: flex-end; justify-content: flex-start; min-height: unset; } .ba-static-hero__title { color: #fff; margin: 0; font-weight: 500; line-height: 1.15; letter-spacing: -.02em; font-size: clamp(18px, 7vw, 50px); } .ba-static-hero__pills { display: flex; flex-wrap: wrap; gap: 10px 12px; list-style: none; margin: 0; padding: 0; justify-content: flex-start; } .ba-static-hero__pills li { display: inline-flex; align-items: center; gap: 6px; font-size: clamp(10px, 2vw, 14px); line-height: 1; padding: clamp(3px, 1vw, 9px) clamp(6px, 1vw, 12px); background: rgb(0 0 0 / 0%); color: #e6e6e6; font-weight: 100; padding-right: 0; } .ba-static-hero__pills li::before { content: ""; width: 14px; height: 14px; flex: 0 0 14px; background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23F5A524' d='M4.7 9.3L1.4 6l1.2-1.2 2.1 2.1L9.4 2l1.2 1.2z'/%3E%3C/svg%3E"); } .ba-static-hero__cta-row { align-items: flex-start; display: flex; gap: 14px; justify-content: flex-start; flex-direction: column; justify-content: center; } .ba-static-hero__cta { display: inline-flex; align-items: center; padding: 12px clamp(24px, 6vw, 28px); border-radius: 12px; background: linear-gradient(180deg, #FFB547 0, #F89D24 100%); color: #1a1a1a; text-decoration: none; font-weight: 600; border: 1px solid rgb(254 196 96 / .5); box-shadow: 0 10px 24px rgb(248 157 36 / .22); transition: transform .15s ease, filter .2s ease; justify-content: center; font-size: clamp(12px, 4vw, 16px); } .ba-static-hero__cta:hover { filter: brightness(1.05); } .ba-static-hero__cta:focus-visible { outline: 2px solid #fff; outline-offset: 3px; } .ba-static-hero__hint {letter-spacing: .4px; word-spacing: 2px; margin:15px 0;font-size: clamp(12px, 3vw, 16px); } /* Key change: image is in normal flow and scales with clamp */ .ba-hero-img { position: static; width: clamp(360px, 40vw, 720px); max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; transform: none; pointer-events: none; } /* Responsive */ @media (max-width: 1350px) { .ba-static-hero__inner { grid-template-columns: 1fr; grid-template-areas: "copy" "visual"; min-height: unset; } /* center the visual on small screens */ .ba-static-hero__visual { min-height: auto; align-items: center; justify-content: center; } .ba-static-hero__title { text-align: center; } .ba-static-hero__pills { justify-content: center; } /* Key change: larger, fluid image on mobile instead of fixed 320px */ .ba-hero-img { width: min(88vw, 560px); } .ba-static-hero__notice{ top: 10px; } .ba-static-hero__cta-row { align-items: center; } .ba-static-hero__hint {margin: clamp(5px,2vw,15px) auto;} .ba-static-hero__copy {padding:0; gap:0.6rem} } @media (prefers-reduced-motion: reduce) { .ba-static-hero__cta { transition: none; } } /* === Desktop‑only load animation for the static hero (≥1351px) — CSS‑only === */ @media (min-width:1351px){ /* Animate the container so copy+image move together and stay in sync */ .ba-static-hero__inner{ opacity: 0; transform: translateY(24px); will-change: transform, opacity; contain: layout paint; /* avoids any layout jank */ animation: ba-hero-slide-up .60s cubic-bezier(.2,.8,.2,1) forwards; } @keyframes ba-hero-slide-up{ from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } } } /* Respect reduced motion */ @media (prefers-reduced-motion: reduce){ .ba-static-hero__inner{ opacity: 1 !important; transform: none !important; animation: none !important; } } /* ===== /STATIC HERO ================================================== */ /* ===== /order-pay page =========================== */ /************************************* * Order Pay page layout + styling *************************************/ /* Container */ body.woocommerce-order-pay .woocommerce { max-width: 1350px; margin: 0 auto; padding-inline: clamp(1rem, 3vw, 3rem); } /* Hide "payment method" line */ body.woocommerce-order-pay .order_details .method { display: none; } /* Clean up the default list */ body.woocommerce-order-pay .order_details { list-style: none; margin: 1rem; padding: 0; } /* Base: tiles next to each other horizontally (mobile-first) */ body.woocommerce-order-pay .order_details { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(0.75rem, 2vw, 1.25rem); background: #ffffff; } /* Base tile styling */ body.woocommerce-order-pay .order_details li { border: 1px solid #eaeaea; border-radius: 0.75rem; padding: clamp(0.25rem, 1.2vw, 1.25rem); flex: 1 1 auto; text-align: center; font-size: clamp(0.9rem, 0.2vw + 0.9rem, 1rem); line-height: 1.4; display: flex; flex-direction: column; } /* Value styling */ body.woocommerce-order-pay .order_details li strong { font-weight: 600; font-size: clamp(1rem, 0.25vw + 1rem, 1.1rem); } body.woocommerce-order-pay .order_details li .woocommerce-Price-amount { font-weight: 700; font-size: clamp(1.05rem, 0.4vw + 1rem, 1.2rem); } /* Iframe base */ body.woocommerce-order-pay iframe { width: 100% !important; max-width: 800px; height: clamp(520px, 65vh, 800px); display: block; margin: 0 auto; border: none; } /************************************* * ≥ 1024px: iframe + order tiles side by side *************************************/ @media (min-width: 1024px) { body.woocommerce-order-pay .woocommerce { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, 1.15fr); grid-auto-rows: auto; column-gap: clamp(1.5rem, 2.5vw, 2.75rem); align-items: flex-start; grid-template-areas: "notices notices" "iframe order" "clear clear"; } body.woocommerce-order-pay .woocommerce-notices-wrapper { grid-area: notices; } body.woocommerce-order-pay iframe { grid-area: iframe; margin: 0; } body.woocommerce-order-pay .order_details { grid-area: order; } body.woocommerce-order-pay .clear { grid-area: clear; height: 0; overflow: hidden; } /* RTL: swap columns if needed */ html[dir="rtl"] body.woocommerce-order-pay .woocommerce { grid-template-areas: "notices notices" "order iframe" "clear clear"; } } ul.order_details::before, ul.order_details::after { content:unset; } /************************************* * ≥ 1350px: narrower layout + "one big square" card * ┌───────────┬───────────┐ * │ order │ date │ * ├───────────┴───────────┤ * │ total │ * └───────────────────────┘ *************************************/ @media (min-width: 1350px) { /* Narrower two-column layout and smaller gap between iframe and card */ body.woocommerce-order-pay .woocommerce { grid-template-columns: 780px 420px; column-gap: 2rem; /* brings iframe and card closer */ justify-content: center; /* equal outer gaps left/right */ } /* RTL: give the wider column to the iframe on the other side */ html[dir="rtl"] body.woocommerce-order-pay .woocommerce { grid-template-columns: 420px 780px; } body.woocommerce-order-pay .order_details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto; grid-template-areas: "order date" "total total"; background: #f7f7f7; border-radius: 1rem; border: 1px solid #e3e3e3; padding: clamp(1.25rem, 2vw, 1.75rem); gap: 0; /* no gaps inside – looks like one big square */ justify-self: stretch; max-width: 420px; /* reduced width for the whole card */ width: 100%; } body.woocommerce-order-pay .order_details li { border-radius: 0; background:#f7f7f7; padding: clamp(0.9rem, 0.25vw + 0.5rem, 1rem); min-width: 0; border-color: #e3e3e3; border-style: solid; border-width: 0; text-align: start; } /* Place each tile in the grid and draw the internal separators */ body.woocommerce-order-pay .order_details .order { grid-area: order; border-inline-end-width: 1px; border-bottom-width: 1px; } body.woocommerce-order-pay .order_details .date { grid-area: date; border-bottom-width: 1px; } body.woocommerce-order-pay .order_details .total { grid-area: total; padding-top: clamp(1.1rem, 1.5vw, 1.6rem); } /* Slightly stronger values on large screens */ body.woocommerce-order-pay .order_details li strong { font-size: clamp(1.05rem, 0.3vw + 1rem, 1.2rem); } } /* ================================================================ */ /* =============================================================== A11Y: Keyboard-only focus ring (global, plugin-safe) - Uses .ba-js + .ba-keyboard-nav classes on (see inc/assets.php) =============================================================== */ /* Live-search rows: keep the ring aligned and slightly rounded */ .ba-search-dropdown a.ba-result-link{border-radius:8px;} /* Focus ring token */ :root{ --ba-focus-ring: 0 0 0 2px #fff, 0 0 0 4px var(--focus); } /* Pointer users: remove browser default focus outlines */ html.ba-js:not(.ba-keyboard-nav) :is(a,button,input,select,textarea,summary,[role="button"],[role="link"],[tabindex]):focus{ outline:none !important; } /* Pointer users: neutralize UA/plugin focus shadows on form fields */ html.ba-js:not(.ba-keyboard-nav) :is(input,select,textarea):focus{ box-shadow:none !important; } /* Keyboard users: show a consistent ring */ @supports selector(:focus-visible){ html.ba-js.ba-keyboard-nav :is( a[href], button, input:not([type="hidden"]), select, textarea, summary, [role="button"], [role="link"], [tabindex]:not([tabindex="-1"]) ):focus{ outline:none !important; } html.ba-js.ba-keyboard-nav :is( a[href], button, input:not([type="hidden"]), select, textarea, summary, [role="button"], [role="link"], [tabindex]:not([tabindex="-1"]) ):focus-visible{ outline:none !important; box-shadow: var(--ba-focus-ring) !important; } } /* Fallback (no :focus-visible support) */ @supports not selector(:focus-visible){ html.ba-js.ba-keyboard-nav :is( a[href], button, input:not([type="hidden"]), select, textarea, summary, [role="button"], [role="link"], [tabindex]:not([tabindex="-1"]) ):focus{ outline:none !important; box-shadow: var(--ba-focus-ring) !important; } } /* Keep the static hero CTA drop shadow while focused (keyboard) */ @supports selector(:focus-visible){ html.ba-js.ba-keyboard-nav .ba-static-hero__cta:focus-visible{ box-shadow: 0 10px 24px rgb(248 157 36 / .22), var(--ba-focus-ring) !important; } } @supports not selector(:focus-visible){ html.ba-js.ba-keyboard-nav .ba-static-hero__cta:focus{ box-shadow: 0 10px 24px rgb(248 157 36 / .22), var(--ba-focus-ring) !important; } } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, .input-text:focus {background:#ffffff;} /* =============================================================== 16. Unified Slider Shell =============================================================== */ :where(.ba-newarrivals-slider-container, .ba-bspop-container, .ba-brands-slider-container){ max-width:1100px; margin-left:auto; margin-right:auto; } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel){ --ba-slider-nav-zone:var(--ba-slider-control-width); } @media (min-width:1351px){ :root{ --ba-slider-shell-gap:16px; --ba-slider-shell-mask:6px; --ba-slider-shell-pad:var(--ba-desktop-product-peek-offset); --ba-brand-visible-count:5; } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel){ box-sizing:border-box; width:100%; margin-left:auto; margin-right:auto; padding-left:var(--ba-slider-shell-pad); padding-right:var(--ba-slider-shell-pad); --ba-slider-nav-zone:var(--ba-slider-shell-pad); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel)::before, :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel)::after{ width:var(--ba-slider-shell-mask); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel) .ba-na-item{ flex:0 0 calc((100% - (var(--ba-slider-shell-gap) * 2)) / 3); width:calc((100% - (var(--ba-slider-shell-gap) * 2)) / 3); max-width:calc((100% - (var(--ba-slider-shell-gap) * 2)) / 3); } .ba-bspop-slider .ba-bspop-item{ flex:0 0 calc((100% - (var(--ba-slider-shell-gap) * 2)) / 3); width:calc((100% - (var(--ba-slider-shell-gap) * 2)) / 3); max-width:calc((100% - (var(--ba-slider-shell-gap) * 2)) / 3); } .ba-brands-carousel .ba-brand-item{ flex:0 0 calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); width:calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); max-width:calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); } } @media (min-width:1025px) and (max-width:1350px){ :root{ --ba-slider-shell-gap:14px; --ba-slider-shell-mask:20px; --ba-slider-shell-frame:var(--ba-tablet-product-peek-frame); --ba-slider-shell-pad:calc((var(--ba-slider-shell-frame) - (var(--ba-tablet-product-slide) * 2) - var(--ba-slider-shell-gap)) / 2); --ba-brand-visible-count:5; } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel){ box-sizing:border-box; width:100%; max-width:var(--ba-slider-shell-frame); margin-left:auto; margin-right:auto; padding-left:var(--ba-slider-shell-pad); padding-right:var(--ba-slider-shell-pad); --ba-slider-nav-zone:var(--ba-slider-shell-pad); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel)::before, :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel)::after{ width:var(--ba-slider-shell-mask); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel) .ba-na-item{ flex:0 0 var(--ba-tablet-product-slide); width:var(--ba-tablet-product-slide); max-width:var(--ba-tablet-product-slide); } .ba-bspop-slider .ba-bspop-item{ flex:0 0 var(--ba-tablet-product-slide); width:var(--ba-tablet-product-slide); max-width:var(--ba-tablet-product-slide); } .ba-brands-carousel .ba-brand-item{ flex:0 0 calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); width:calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); max-width:calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); } } @media (min-width:651px) and (max-width:1024px){ :root{ --ba-slider-shell-gap:14px; --ba-slider-shell-mask:18px; --ba-slider-shell-pad:var(--ba-two-up-product-side-pad); --ba-brand-visible-count:4; } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel){ box-sizing:border-box; width:100%; max-width:none; margin-left:auto; margin-right:auto; padding-left:var(--ba-slider-shell-pad); padding-right:var(--ba-slider-shell-pad); --ba-slider-nav-zone:var(--ba-slider-shell-pad); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel)::before, :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel)::after{ width:var(--ba-slider-shell-mask); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel) .ba-na-item{ flex:0 0 var(--ba-two-up-product-slide); width:var(--ba-two-up-product-slide); max-width:var(--ba-two-up-product-slide); } .ba-bspop-slider .ba-bspop-item{ flex:0 0 var(--ba-two-up-product-slide); width:var(--ba-two-up-product-slide); max-width:var(--ba-two-up-product-slide); } .ba-brands-carousel .ba-brand-item{ flex:0 0 calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); width:calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); max-width:calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); } } @media (min-width:651px) and (max-width:768px){ :root{ --ba-brand-visible-count:3; } } @media (max-width:650px){ :root{ --ba-slider-shell-gap:14px; --ba-slider-shell-mask:18px; --ba-slider-shell-pad:var(--ba-mobile-product-side-pad); --ba-brand-visible-count:2; } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel){ box-sizing:border-box; width:100%; max-width:none; margin-left:auto; margin-right:auto; padding-left:var(--ba-slider-shell-pad); padding-right:var(--ba-slider-shell-pad); --ba-slider-nav-zone:var(--ba-slider-shell-pad); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel)::before, :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel)::after{ width:var(--ba-slider-shell-mask); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel) .ba-na-item{ flex:0 0 var(--ba-mobile-product-slide); width:var(--ba-mobile-product-slide); max-width:var(--ba-mobile-product-slide); } .ba-bspop-slider .ba-bspop-item{ flex:0 0 var(--ba-mobile-product-slide); width:var(--ba-mobile-product-slide); max-width:var(--ba-mobile-product-slide); } .ba-brands-carousel .ba-brand-item{ flex:0 0 calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); width:calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); max-width:calc((100% - (var(--ba-slider-shell-gap) * (var(--ba-brand-visible-count) - 1))) / var(--ba-brand-visible-count)); } } @media (max-width:420px){ :root{ --ba-brand-visible-count:1; } } @media (max-width:340px){ :root{ --ba-slider-shell-mask:0px; --ba-slider-shell-pad:0px; } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel, .ba-bspop-slider, .ba-brands-carousel){ padding-left:0; padding-right:0; --ba-slider-nav-zone:var(--ba-slider-control-width); } :is(.ba-newarrivals-carousel, .ba-youmightlike-carousel) .ba-na-item, .ba-bspop-slider .ba-bspop-item, .ba-brands-carousel .ba-brand-item{ flex:0 0 100%; width:100%; max-width:100%; } } /* Inert conflicting peeks keep their layout and release the arrow hit target. */ .ba-bspop-card[inert]{pointer-events:none;} /* The server row only creates a layout box on compact mobile screens. */ @media (min-width:768px){ body.single-product .summary.entry-summary .ba-product-summary-row, body.single-product .summary.entry-summary .ba-product-summary-stock{ display:contents; } } /* Mobile single-product compact layout + sticky add-to-cart */ @media (max-width:767px){ body.single-product:has(.summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions){ padding-bottom:calc(5.75rem + env(safe-area-inset-bottom, 0px)); } body.single-product div.product .woocommerce-product-gallery, body.single-product div.product div.images{ margin-bottom:.85rem !important; } body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a, body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .baperfume-product-gallery-image-link{ display:flex; align-items:center; justify-content:center; } body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img.wp-post-image, body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .baperfume-product-gallery-image-link img.wp-post-image, body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a img.woocommerce-placeholder, body.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image .baperfume-product-gallery-image-link img.woocommerce-placeholder{ width:min(100%, 304px) !important; height:auto !important; max-height:min(74vw, 304px); margin-inline:auto; padding-bottom:0; } body.single-product .summary.entry-summary{ gap:0; margin:0 1rem !important; padding-bottom:.75rem; } body.single-product h1.product_title.entry-title, body.single-product .woocommerce-product-details__short-description, body.single-product .summary.entry-summary p.price, body.single-product .summary.entry-summary p.stock, body.single-product .summary.entry-summary form.cart.ba-pqc-single-form, body.single-product .summary.entry-summary .product_meta, body.single-product .ba-tester-hint-wrap{ width:100% !important; max-width:none; } body.single-product h1.product_title.entry-title{ margin:0 0 .4rem; font-size:clamp(1.18rem, 4.6vw, 1.32rem); line-height:1.18; } body.single-product .ba-tester-hint-wrap{ margin:1rem 0; } body.single-product .woocommerce-product-details__short-description{ margin:0 0 .55rem; font-size:.95rem; line-height:1.5; text-align:left; direction:ltr; } body.single-product .woocommerce-product-details__short-description > *{ margin:0 0 .35rem; } body.single-product .woocommerce-product-details__short-description > :last-child{ margin-bottom:0; } body.single-product .summary.entry-summary p.price{ margin:0 0 .3rem; } body.single-product .summary.entry-summary p.price span.woocommerce-Price-amount.amount{ font-size:clamp(1.35rem, 5.4vw, 1.5rem); line-height:1.2; } body.single-product .summary.entry-summary p.price del span.woocommerce-Price-amount.amount{ font-size:1.05rem; line-height:1.1; } body.single-product .summary.entry-summary p.stock, body.single-product .summary.entry-summary p.stock.out-of-stock{ margin:0 0 .55rem !important; line-height:1.25; } /* The same price, Woo availability and Share nodes share one mobile row. */ body.single-product .summary.entry-summary .ba-product-summary-row{ display:flex; align-items:center; gap:.5rem; order:2; width:100%; min-width:0; margin:0 0 .55rem; } body.single-product .summary.entry-summary .ba-product-summary-row > p.price{ display:flex; flex:0 1 auto; flex-wrap:wrap; align-items:center; gap:.15rem .35rem; order:0; width:auto !important; min-width:0; max-width:45%; margin:0; overflow-wrap:anywhere; } body.single-product .summary.entry-summary .ba-product-summary-stock{ flex:1 1 0; min-width:0; color:#777; font-size:.75rem; line-height:1.25; overflow-wrap:anywhere; } body.single-product .summary.entry-summary .ba-product-summary-stock p, body.single-product .summary.entry-summary .ba-product-summary-stock p.stock{ margin:0 !important; } body.single-product .summary.entry-summary .ba-product-summary-row > .ba-product-share-slot--mobile{ flex:0 1 auto; order:0; width:auto !important; min-width:0; max-width:40%; margin:0; margin-inline-start:auto; } body.single-product .ba-product-summary-row .ba-product-share-button{ height:auto; min-height:38px; white-space:normal; overflow-wrap:anywhere; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form{ width:100% !important; max-width:none; margin:0 !important; gap:.5rem; } body.single-product .summary.entry-summary .product_meta{ margin:.75rem 0 0; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-actions{ --ba-pqc-single-cart-main-width: clamp(9.35rem, 44vw, 10.35rem); --ba-pqc-single-quick-width: clamp(5.85rem, 28vw, 6.85rem); position:fixed; right:0; left:0; bottom:0; z-index:80; display:flex; align-items:stretch; width:100% !important; max-width:none !important; margin:0 !important; padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px)); gap:.5rem !important; background:#fff; border-top:1px solid var(--gray-border); box-shadow:0 -8px 20px rgba(0,0,0,.08); box-sizing:border-box; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-cart-slot{ display:flex; justify-content:flex-start; flex-wrap:nowrap; align-items:stretch; gap:.5rem; flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-slot{ flex:0 0 var(--ba-pqc-single-quick-width) !important; width:var(--ba-pqc-single-quick-width) !important; min-width:var(--ba-pqc-single-quick-width) !important; max-width:var(--ba-pqc-single-quick-width) !important; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-cart-slot > .single_add_to_cart_button.button.alt, body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-cart-slot > .product-quantity.ba-pqc-single-control{ flex:0 1 var(--ba-pqc-single-cart-main-width); width:var(--ba-pqc-single-cart-main-width); min-width:var(--ba-pqc-single-cart-main-width); max-width:var(--ba-pqc-single-cart-main-width); } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form button.single_add_to_cart_button.button.alt{ min-height:46px; padding:10px 14px; font-size:.95rem; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-quick-button{ min-height:46px; padding:10px 12px; font-size:.9rem; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .product-quantity.ba-pqc-single-control{ min-height:46px; gap:.35rem; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .product-quantity.ba-pqc-single-control .qty-btn{ width:46px; height:46px; font-size:1.25rem; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .product-quantity.ba-pqc-single-control .qty-input{ flex:1 1 auto; width:auto; min-width:0; height:46px; } body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot .tinvwl_add_to_wishlist_button, body.single-product .summary.entry-summary form.cart.ba-pqc-single-form .ba-pqc-single-wishlist-slot a[class*="add_to_wishlist"]{ min-width:46px; min-height:46px; } body.single-product nav.ba-back-link-wrapper{ margin:.45rem auto .85rem; padding:0 1rem; } body.single-product a.ba-back-link{ padding:.32rem .7rem .22rem; font-size:.88rem; } } .cbd-price-condition-text{ margin:0 0 4px; color:#B04A12; font-size:.85rem; font-weight:700; line-height:1.25; direction:rtl; } .cbd-cart-discount-applied{ margin-top:3px; color:#B04A12; font-size:.82rem; font-weight:600; line-height:1.25; direction:rtl; } .cbd-cart-discount-applied strong{ font-weight:800; } .cbd-cart-promo-free{ margin-top:2px; color:#B04A12; font-size:.82rem; font-weight:600; line-height:1.25; direction:rtl; } .quantity-remove-buttons-container .cbd-cart-promo-free{ flex:0 0 auto; margin-top:0; white-space:nowrap; align-self:center; } .woocommerce-checkout-review-order-table .product-name .cbd-cart-promo-free{ display:inline-block; margin-top:0; margin-inline-start:6px; vertical-align:middle; white-space:nowrap; } .cbd-cart-price-change{ display:inline-flex; align-items:center; flex-direction:row; gap:4px; white-space:nowrap; direction:ltr; } .woocommerce-mini-cart .cbd-cart-price-change{ flex-direction:row-reverse; } .cbd-cart-price-before{ color:#777; opacity:.58; text-decoration-thickness:1px; } .cbd-cart-price-after{ color:#1B1B1B; font-weight:800; text-decoration:none; } .cbd-order-quantity-split{ color:#444; font-weight:600; white-space:nowrap; } .header-form-tracking{ display: flex; flex-direction: row; align-items: center; text-align: center; } .ba-order-tracking-title-media{ display:block; width:clamp(88px,24vw,132px); max-width:100%; margin:8px auto 0; line-height:0; } .ba-order-tracking-title-image{ display:block; width:100%; height:auto; object-fit:contain; } /* Scope 18 tracking display fixes. */ .tracking-number-bg, .tracking-number-bg *{ box-sizing:border-box; } /* Preserve desktop details/timeline columns and a single mobile stack. */ .popup-Background-tracking .tracking-info-container-orders{ width:min(800px,90vw); } .tracking-number-bg[data-ba-tracking-renderer="shared"]{ container:ba-tracking-card / inline-size; display:grid; grid-template-columns:minmax(0,1fr); direction:rtl; align-items:start; width:100%; height:auto; min-height:0; } .popup-Background-tracking:where(:not(.ba-orders-tracking-popup)) .tracking-number-bg[data-ba-tracking-renderer="shared"] > .close-tracking-popup{ grid-column:1 / -1; position:relative; bottom:-10px; right:10px; } .tracking-number-bg[data-ba-tracking-renderer="shared"] .shipping-container-head{ min-width:0; margin:10px; padding-inline:clamp(10px,3cqi,25px); } .tracking-number-bg[data-ba-tracking-renderer="shared"] .shipping-shipped-with-tracking{ white-space:normal; overflow-wrap:break-word; } .tracking-number-bg[data-ba-tracking-renderer="shared"] .tracking-updates{ height:auto; max-height:none; margin:20px; } .tracking-number-bg[data-ba-tracking-timeline-state="empty"] .tracking-updates, .tracking-number-bg[data-ba-tracking-timeline-state="unavailable"] .tracking-updates{ padding:0; } .tracking-number-bg .ba-tracking-no-updates{ margin:0; } @media (min-width:1024px){ .tracking-number-bg[data-ba-tracking-renderer="shared"]{ grid-template-columns:repeat(2,minmax(0,1fr)); } .tracking-number-bg[data-ba-tracking-renderer="shared"] .shipping-container-head{ margin:40px 20px; } .tracking-number-bg[data-ba-tracking-timeline-state="ready"] .tracking-updates{ max-height:28vh; overflow-y:auto; } } @media (min-width:1024px) and (max-width:1349px){ .tracking-number-bg[data-ba-tracking-renderer="shared"]{ grid-template-columns:1.05fr .95fr; } } @media (max-width:1023px){ .popup-Background-tracking .tracking-number-bg[data-ba-tracking-timeline-state="ready"] .tracking-updates{ max-height:22vh; overflow-y:auto; } } .tracking-number-bg > .close-tracking-popup{ display:none; } .popup-Background-tracking .tracking-number-bg > .close-tracking-popup, .woocommerce-MyAccount-content .popup-Background-tracking .tracking-number-bg > .close-tracking-popup{ display:flex; width:40px; height:40px; min-width:40px; min-height:40px; padding:0; margin:0; border-radius:999px; border:1px solid #d7d7d7; background:#fff; color:#222; align-items:center; justify-content:center; line-height:1; font-size:28px; font-weight:600; cursor:pointer; box-shadow:0 4px 14px rgba(0,0,0,.12); overflow:hidden; transform:none; filter:none; z-index:2; } .popup-Background-tracking .tracking-number-bg > .close-tracking-popup:hover, .woocommerce-MyAccount-content .popup-Background-tracking .tracking-number-bg > .close-tracking-popup:hover{ background:#f7f7f7; } .ba-tracking-close-icon{ display:block; line-height:1; transform:translateY(-1px); } .tracking-number-bg .shipping-container-main{ min-width:0; } :where(.popup-Background-tracking:not(.ba-orders-tracking-popup)) .tracking-info-container-orders .tracking-number-bg .shipping-container-main > .shipping-information-title{ margin-inline-start:20px; margin-inline-end:auto; } /* Orders has a full-width title row above the existing details/timeline grid. Keep the close button out of grid flow and reserve equal space beside the centered title so narrow cards retain clearance on the button side. */ .ba-orders-tracking-popup .tracking-info-container-orders:has(> .tracking-number-bg){ top:0; } .ba-orders-tracking-popup .tracking-number-bg[data-ba-tracking-renderer="shared"]{ --ba-tracking-header-height:52px; position:relative; } .popup-Background-tracking.ba-orders-tracking-popup .tracking-number-bg > .close-tracking-popup{ position:absolute; inset:12px 12px auto auto; } .ba-orders-tracking-popup .tracking-number-bg .shipping-container-main{ display:contents; } .popup-Background-tracking.ba-orders-tracking-popup .tracking-info-container-orders .tracking-number-bg .shipping-container-main > .shipping-information-title{ position:static; grid-column:1 / -1; justify-self:center; display:flex; align-items:center; justify-content:center; width:max-content; min-width:min(170px,calc(100% - 128px)); max-width:calc(100% - 128px); min-height:var(--ba-tracking-header-height); margin:0; padding:4px 16px; text-align:center; border-radius:0 0 26px 26px; } .ba-orders-tracking-popup .tracking-number-bg[data-ba-tracking-renderer="shared"] .shipping-container-head{ margin:20px 20px 0; } .ba-orders-tracking-popup .tracking-number-bg .tracking-updates{ padding-top:0; } @media (min-width:1024px){ .ba-orders-tracking-popup .tracking-number-bg[data-ba-tracking-renderer="shared"] .shipping-container-head{ margin-bottom:20px; } } .tracking-number-bg .shipping-container-head{ padding-inline:clamp(10px,3vw,25px); } .tracking-number-bg .shipping-information-container, .tracking-number-bg .date-shipped-tracking-shipping{ display:flex; align-items:center; flex-wrap:nowrap; white-space:nowrap; gap:4px; gap:clamp(3px,1vw,5px); min-width:0; font-size:clamp(13px,3.5vw,15px); } .tracking-number-bg .ba-tracking-copy-control{ position:relative; display:inline-flex; align-items:center; flex:0 0 auto; } .tracking-number-bg .ba-tracking-copy-control #copyNotice{ position:absolute; left:50%; right:auto; bottom:calc(100% + 4px); transform:translateX(-50%); margin:0; white-space:nowrap; pointer-events:none; z-index:2; } .tracking-number-bg .shipping-number-label, .tracking-number-bg .date-shipped-label{ flex:0 0 auto; } .tracking-number-bg #copyButton{ white-space:nowrap; flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:max-content; line-height:1.2; text-align:center; font-size:clamp(11px,.8em,12px); } .tracking-number-bg #trackingNumber, .tracking-number-bg #package-date-shipped{ flex:0 0 auto; min-width:0; padding-inline:0; white-space:nowrap; word-break:normal; overflow-wrap:normal; } .tracking-number-bg .tracking-updates{ max-width:100%; min-width:0; overflow-x:hidden; scrollbar-width:auto; scrollbar-color:#d69400 #f1f1f1; scrollbar-gutter:stable; } .tracking-number-bg .tracking-updates::-webkit-scrollbar{ width:10px; height:10px; background:transparent; } .tracking-number-bg .tracking-updates::-webkit-scrollbar-track{ background:#f1f1f1; border-radius:999px; } .tracking-number-bg .tracking-updates::-webkit-scrollbar-thumb{ background:linear-gradient(325deg,#d99a32,#ffb100,#ffe2a0); border-radius:999px; border:2px solid #f1f1f1; } .tracking-number-bg .tracking-updates::-webkit-scrollbar-thumb:hover{ background:linear-gradient(325deg,#c88722,#f0a400,#ffd98a); } .tracking-number-bg .timeline{ width:100%; min-width:0; max-width:100%; } .tracking-number-bg .timeline-step{ min-width:0; } .tracking-number-bg .timeline-content{ min-width:0; max-width:100%; padding-right:34px; padding-left:14px; text-align:right; overflow-wrap:anywhere; word-break:normal; } .tracking-number-bg .tracking-status, .tracking-number-bg .tracking-time, .tracking-number-bg .tracking-date{ max-width:100%; white-space:normal; overflow-wrap:anywhere; word-break:normal; } .tracking-number-bg #showMoreButton{ display:inline-flex; align-items:center; justify-content:center; min-width:120px; min-height:36px; margin:15px auto; padding:8px 18px; border-radius:999px; border:1px solid #dedede; background:#fff; color:#222; font-weight:700; cursor:pointer; line-height:1.2; white-space:nowrap; } .tracking-number-bg #showMoreButton:hover{ background:#f7f7f7; } /* Tracking field colors/states are owned by the shared field component. */ .ba-tracking-page-layout{ width:100%; max-width:1320px; margin-inline:auto; } .ba-tracking-result-column{ min-width:0; } @media (max-width:1349px){ .ba-tracking-page-layout{ width:100%; max-width:800px; margin-inline:auto; padding-inline:16px; } .ba-tracking-page-layout #tracking-form{ width:100%; max-width:800px; margin-inline:auto; } .ba-tracking-page-layout .tracking-main-container, .ba-tracking-page-layout .tracking-form-main-container{ width:100%; max-width:800px; margin-inline:auto; } .ba-tracking-page-layout .ba-tracking-result-column{ width:100%; max-width:800px; margin:16px auto 0; } .ba-tracking-page-layout #tracking-result{ width:100%; max-width:800px; margin-inline:auto; } .ba-tracking-page-layout #tracking-result .tracking-number-bg{ width:100%; max-width:800px; margin-inline:auto; } .popup-Background-tracking:where(:not(.ba-orders-tracking-popup)) .tracking-info-container-orders .tracking-number-bg .shipping-container-main > .shipping-information-title, .woocommerce-MyAccount-content .popup-Background-tracking:where(:not(.ba-orders-tracking-popup)) .tracking-info-container-orders .tracking-number-bg .shipping-container-main > .shipping-information-title{ margin-inline-start:auto; margin-inline-end:auto; border-radius:16px; } .tracking-number-bg .tracking-updates::-webkit-scrollbar{ width:6px; } } @media (max-width:1135px){ .popup-Background-tracking:where(:not(.ba-orders-tracking-popup)) .tracking-info-container-orders .tracking-number-bg .shipping-container-main > .shipping-information-title, .woocommerce-MyAccount-content .popup-Background-tracking:where(:not(.ba-orders-tracking-popup)) .tracking-info-container-orders .tracking-number-bg .shipping-container-main > .shipping-information-title{ margin-top:12px; margin-bottom:24px; } } @media (min-width:1350px){ .ba-tracking-page-layout{ display:flex; flex-direction:row; direction:rtl; align-items:flex-start; justify-content:center; gap:24px; } .ba-tracking-page-layout #tracking-form{ order:1; flex:0 0 400px; width:400px; max-width:400px; margin:0; } .ba-tracking-page-layout .tracking-main-container, .ba-tracking-page-layout .tracking-form-main-container{ width:100%; max-width:400px; margin:0; float:none; } .ba-tracking-page-layout .ba-tracking-result-column{ order:2; flex:0 0 800px; width:800px; max-width:800px; min-width:0; direction:rtl; } .ba-tracking-page-layout #tracking-result{ width:800px; max-width:800px; margin:0; padding:0; float:none; } .ba-tracking-page-layout #tracking-result:empty{ visibility:hidden; } .ba-tracking-page-layout #tracking-result .tracking-number-bg{ width:800px; max-width:800px; margin:0; min-width:0; } }