/**
 * Theme Name:  Amiy Plus
 * Description: Elad Perfumes child theme for amiy — luxury redesign.
 *              Elevated UI/UX: editorial typography, gold accents, refined cards.
 * Author:      Elad Perfumes
 * Template:    amiy
 * Version:     4.34.0
 * Text Domain: amiy-plus
 */

/* Changelog moved out of this file in v4.31.0. See CHANGELOG.md alongside this stylesheet for the full history. */
/* Google Fonts moved to wp_enqueue_style in functions.php in v4.32.0 (FIX #13).
   The @import here was render-blocking and bypassed the Section 5c preconnect
   pipeline in functions.php. Loading via wp_enqueue_style lets the preconnect
   hints to fonts.googleapis.com / fonts.gstatic.com actually apply. */


/* ================================================================
   SECTION 1 — BRAND TOKENS (elevated palette with gold accent system)
   ================================================================ */
:root {
    /* Browns */
    --elad-brown:        #6b3f1f;
    --elad-brown-dark:   #4a2a12;
    --elad-brown-light:  #8b5e3c;
    --elad-brown-mid:    #7a4a28;

    /* Gold accent system */
    --elad-gold:         #c8973c;
    --elad-gold-light:   #e4b96a;
    --elad-gold-pale:    #f5ead2;

    /* Neutrals */
    --elad-cream:        #faf7f3;
    --elad-cream-dark:   #f0e8df;
    --elad-white:        #ffffff;
    --elad-text:         #1e1208;
    --elad-text-mid:     #4a3020;
    --elad-text-light:   #8b7060;
    --elad-border:       #e2d4c6;

    /* Accents */
    --elad-red:          #a02818;
    --elad-green:        #1e6b2e;

    /* Radii & shadows */
    --elad-radius:       14px;
    --elad-radius-sm:    8px;
    --elad-shadow:       0 2px 16px rgba(58,32,12,0.07);
    --elad-shadow-hover: 0 16px 40px rgba(58,32,12,0.14);

    /* Typography */
    --font-display:      'Cormorant Garamond', Georgia, serif;
    --font-body:         'Jost', 'Helvetica Neue', sans-serif;
}


/* ================================================================
   SECTION 2 — GLOBAL TYPOGRAPHY
   ================================================================ */
body, .woocommerce, .woocommerce-page {
    font-family: var(--font-body) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3,
.woocommerce-products-header__title,
.woocommerce h1, .woocommerce h2, .woocommerce h3 {
    font-family: var(--font-display) !important;
}


/* ================================================================
   SECTION 2b — WP ADMIN BAR (RESTORED)
   ================================================================
   Admin bar is visible for logged-in admins — enables Elementor
   editing, WP-Optimize purge, and WPCode directly from the frontend.
   Non-admin / logged-out visitors never see it (WordPress default).
   ================================================================ */
/* Admin bar showing — no overrides needed */


/* ================================================================
   SECTION 3 — STICKY HEADER FIX
   ─────────────────────────────────────────────────────────────────
   The problem: Amiy/WDT sometimes renders a second CLONE of the
   header as a sticky duplicate, causing two navbars to appear.
   Fix: hide only the known named clone elements.
   The JS (functions.php G) disables Elementor's sticky data-settings
   before Elementor reads them, which is the primary prevention.
   We do NOT force position:relative on the header — that breaks the
   Elementor spacer/sticky layout.
   ================================================================ */

/* Hide WDT/Amiy proprietary header clone divs */
.amiy-header-cloned,
.amiy-sticky-header-clone,
.wdt-header-sticky-clone {
    display: none !important;
}

#masthead, .amiy-header { z-index: 9999 !important; }


/* ================================================================
   SECTION 4 — SHOP PAGE CONTROLS
   ================================================================ */
.woocommerce-ordering select {
    border: 1px solid var(--elad-border) !important;
    border-radius: var(--elad-radius-sm) !important;
    padding: 9px 16px !important;
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    color: var(--elad-text) !important;
    background: #fff !important;
    box-shadow: none !important;
}

.woocommerce-result-count {
    font-family: var(--font-body) !important;
    color: var(--elad-text-light) !important;
    font-size: 12px !important;
    letter-spacing: 0.4px !important;
}


/* ================================================================
   SECTION 5 — DOUBLE IMAGE FIX (CSS-ONLY)
   ─────────────────────────────────────────────────────────────────
   Root cause: WDT's shop archive template calls
   woocommerce_template_loop_product_thumbnail() DIRECTLY as a PHP
   function AND the WC core hook fires it a second time.

   IMPORTANT: We DO NOT hide the second <a.woocommerce-loop-product__link>
   block. In WDT's card structure, the actual <img> is rendered by WC
   core inside its own link block — hiding the second block hides the
   image entirely, leaving only a cream-coloured empty wrapper.

   Safe strategy: hide only second/subsequent <img> elements that
   are siblings of the first, at every depth WDT might render them.
   ================================================================ */

/* Inside any product link wrapper */
.woocommerce ul.products li.product a img ~ img,
.woocommerce-page ul.products li.product a img ~ img,

/* Sibling images at card root level */
.woocommerce ul.products li.product > img ~ img,

/* wp-post-image duplicates */
.woocommerce ul.products li.product .wp-post-image ~ .wp-post-image,

/* attachment class duplicates */
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail ~ img {
    display: none !important;
}


/* ================================================================
   SECTION 6 — FLUID PRODUCT GRID
   ================================================================ */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr)) !important;
    gap: clamp(16px, 2vw, 28px) !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    list-style: none !important;
}

@media (min-width: 1200px) {
    .woocommerce ul.products, .woocommerce-page ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .woocommerce ul.products, .woocommerce-page ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .woocommerce ul.products, .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 14px !important;
    }
}

/* ── PHONE: single column under 600px ── */
@media (max-width: 599px) {
    .woocommerce ul.products, .woocommerce-page ul.products {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}


/* ================================================================
   SECTION 7 — PRODUCT CARD — LUXURY REDESIGN
   ================================================================ */

/* Card wrapper */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: var(--elad-white) !important;
    border-radius: var(--elad-radius) !important;
    border: 1px solid var(--elad-border) !important;
    box-shadow: var(--elad-shadow) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    transition: transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;
    will-change: transform !important;
    margin: 0 !important;
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

/* Composited hover shadow */
.woocommerce ul.products li.product::after,
.woocommerce-page ul.products li.product::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: var(--elad-radius) !important;
    box-shadow: var(--elad-shadow-hover) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Gold border shimmer on hover */
.woocommerce ul.products li.product::before,
.woocommerce-page ul.products li.product::before {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: var(--elad-radius) !important;
    border: 1.5px solid var(--elad-gold) !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: translateY(-6px) !important;
    border-color: transparent !important;
}

.woocommerce ul.products li.product:hover::after,
.woocommerce-page ul.products li.product:hover::after { opacity: 1 !important; }

.woocommerce ul.products li.product:hover::before,
.woocommerce-page ul.products li.product:hover::before { opacity: 1 !important; }

/* ─────────────────────────────────────────────────────────────────
   IMAGE WRAPPER — height is driven entirely by the child img.
   With overflow:hidden and NO explicit height/min-height:
     • If img is present → wrapper grows to match image height ✓
     • If img is absent  → wrapper has 0 height, collapses invisibly ✓
   This works in all browsers without :has() at all.
   ──────────────────────────────────────────────────────────────── */
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
    display: block !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    position: relative !important;
    /* No background here — cream bg only appears when image loads via the img itself */
}

/* WDT sometimes renders the product image inside a plain <a> (not
   .woocommerce-loop-product__link) directly under the li. Same treatment. */
.woocommerce ul.products li.product > a:not(.button):not(.add_to_cart_button) {
    display: block !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

/* ─────────────────────────────────────────────────────────────────
   PRODUCT IMAGE — aspect-ratio 3:4 drives the wrapper height.
   Only target real product thumbnail classes, never icon images.
   ──────────────────────────────────────────────────────────────── */
.woocommerce ul.products li.product img.wp-post-image,
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail {
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
    object-position: center 20% !important;
    display: block !important;
    height: auto !important;
    background: var(--elad-cream) !important; /* placeholder colour while loading */
    transition: transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}

/* Hide broken images (no src, empty src, or load error handled via JS) */
.woocommerce ul.products li.product img.wp-post-image[src=""],
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail[src=""],
.woocommerce ul.products li.product img.wp-post-image:not([src]),
.woocommerce ul.products li.product img.attachment-woocommerce_thumbnail:not([src]) {
    display: none !important;
}

/* Icon reset — wishlist hearts, WhatsApp icons, small buttons */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist img,
.woocommerce ul.products li.product .tinv-wishlist img,
.woocommerce ul.products li.product [class*="wishlist"] img,
.woocommerce ul.products li.product [class*="whatsapp"] img,
.woocommerce ul.products li.product button img,
.woocommerce ul.products li.product .product-btn img,
.woocommerce ul.products li.product img[width="24"],
.woocommerce ul.products li.product img[width="32"],
.woocommerce ul.products li.product img[height="24"],
.woocommerce ul.products li.product img[height="32"] {
    width: auto !important; height: auto !important;
    max-width: 32px !important; max-height: 32px !important;
    aspect-ratio: unset !important; object-fit: unset !important;
    display: inline !important; background: none !important;
}

.woocommerce ul.products li.product:hover a.woocommerce-loop-product__link img {
    transform: scale(1.07) !important;
}

/* Subtle depth gradient on image on hover */
.woocommerce ul.products li.product a.woocommerce-loop-product__link::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 40% !important;
    background: linear-gradient(to top, rgba(20,8,0,0.2) 0%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.woocommerce ul.products li.product:hover a.woocommerce-loop-product__link::after {
    opacity: 1 !important;
}

/* ── SALE BADGE — gold pill ── */
.woocommerce ul.products li.product .onsale,
.woocommerce-page ul.products li.product .onsale {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 3 !important;
    background: linear-gradient(135deg, #c8973c 0%, #e4b96a 50%, #b8832c 100%) !important;
    color: #fff !important;
    font-family: var(--font-body) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
    min-height: unset !important;
    line-height: 1.6 !important;
    min-width: unset !important;
    margin: 0 !important;
    box-shadow: 0 2px 8px rgba(200,151,60,0.4) !important;
}

/* ── SOLD OUT — dark glass tag ── */
.woocommerce ul.products li.product .soldout-badge,
.woocommerce ul.products li.product .out-of-stock,
.woocommerce ul.products li.product [class*="soldout"],
.woocommerce ul.products li.product [class*="sold-out"],
.woocommerce ul.products li.product .wdt-woo-product-label.sold-out,
.woocommerce ul.products li.product .wdt-product-label.label-soldout {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 3 !important;
    background: rgba(20,8,0,0.82) !important;
    color: #f5ead2 !important;
    font-family: var(--font-body) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 4px 11px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(200,151,60,0.4) !important;
    backdrop-filter: blur(4px) !important;
}

/* ── DISCOUNT PERCENTAGE ── */
.woocommerce ul.products li.product .wdt-percentage-label,
.woocommerce ul.products li.product [class*="percent"],
.woocommerce ul.products li.product .wdt-woo-product-discount-percentage {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 3 !important;
    background: rgba(20,8,0,0.72) !important;
    color: #f5ead2 !important;
    font-family: var(--font-body) !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
}

/* ── FEATURED badge — left ribbon ── */
.woocommerce ul.products li.product .wdt-woo-product-label.featured,
.woocommerce ul.products li.product .featured-label,
.woocommerce ul.products li.product [class*="featured"] {
    position: absolute !important;
    bottom: 12px !important;
    left: 0 !important;
    z-index: 3 !important;
    background: linear-gradient(135deg, #c8973c 0%, #e4b96a 40%, #c8973c 80%, #b8832c 100%) !important;
    color: #fff !important;
    font-family: var(--font-body) !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
    padding: 4px 14px 4px 10px !important;
    border-radius: 0 20px 20px 0 !important;
    box-shadow: 0 2px 8px rgba(200,151,60,0.35) !important;
}

/* ── Product title ── */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-display) !important;
    font-size: clamp(15px, 1.5vw, 19px) !important;
    font-weight: 600 !important;
    font-style: normal !important;        /* upright — easier to read at card width */
    color: var(--elad-text) !important;
    padding: 14px 16px 3px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px !important;    /* Cormorant Garamond reads better with slight tracking */
}

/* ── Price ── */
.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    display: block !important;
    padding: 2px 16px 12px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price del .woocommerce-Price-amount {
    color: #b0998a !important;
    font-size: 11px !important;
    font-family: var(--font-body) !important;
    font-weight: 400 !important;
    opacity: 1 !important;
    margin-right: 5px !important;
}

.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price > .woocommerce-Price-amount {
    text-decoration: none !important;
    font-family: var(--font-body) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: var(--elad-brown) !important;
    letter-spacing: -0.2px !important;
}

/* ── ADD TO CART — premium shimmer button ── */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_simple,
.woocommerce ul.products li.product .product_type_variable {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    background: var(--elad-brown) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--elad-radius-sm) !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
    position: relative !important;
    overflow: hidden !important;
    float: none !important;
    text-decoration: none !important;
}

/* Shimmer sweep */
.woocommerce ul.products li.product .button::after,
.woocommerce ul.products li.product a.button::after,
.woocommerce ul.products li.product .add_to_cart_button::after,
.woocommerce ul.products li.product .product_type_simple::after,
.woocommerce ul.products li.product .product_type_variable::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 60% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent) !important;
    transform: skewX(-20deg) !important;
    transition: left 0.55s ease !important;
    pointer-events: none !important;
}

.woocommerce ul.products li.product .button:hover::after,
.woocommerce ul.products li.product a.button:hover::after,
.woocommerce ul.products li.product .add_to_cart_button:hover::after,
.woocommerce ul.products li.product .product_type_simple:hover::after,
.woocommerce ul.products li.product .product_type_variable:hover::after {
    left: 150% !important;
}

/* Button hover states */
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .button:focus,
.woocommerce ul.products li.product .button:active,
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.button:focus,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .product_type_simple:hover,
.woocommerce ul.products li.product .product_type_variable:hover,
.woocommerce ul.products li.product [class*="add_to_cart"]:hover {
    background: var(--elad-brown-dark) !important;
    background-color: var(--elad-brown-dark) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
    border-color: transparent !important;
}

/* Added state */
.woocommerce ul.products li.product .add_to_cart_button.added {
    background: var(--elad-green) !important;
    pointer-events: none !important;
}

/* ── WhatsApp + Add to Cart — shared action row ─────────────────
   Layout: [● WA icon 44px] [──── ADD TO CART ────]
   The product-wrapper flex column is modified to flex-row for
   the action area. WhatsApp becomes a circular 44px icon button
   sitting to the LEFT of Add to Cart at ~25% visual weight.
   ──────────────────────────────────────────────────────────────── */

/* Row wrapper: wraps both the WA button and ATC button */
.woocommerce ul.products li.product .product-wrapper .woocommerce-loop-product__link ~ *,
.woocommerce ul.products li.product .wHelp_button,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_simple,
.woocommerce ul.products li.product .product_type_variable {
    flex-shrink: 0;
}

/* The action row — flex container holding WA + ATC side by side */
.woocommerce ul.products li.product .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
}

/* Create the action row: find the WA button and ATC button siblings */
.woocommerce ul.products li.product .wHelp_button ~ .button,
.woocommerce ul.products li.product .wHelp_button ~ a.button,
.woocommerce ul.products li.product .wHelp_button ~ .add_to_cart_button,
.woocommerce ul.products li.product .wHelp_button ~ .product_type_simple {
    /* ATC sits after WA in DOM — both need to be in a flex row */
    flex: 1 !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Shared action row padding container */
.woocommerce ul.products li.product .wdt-wc-whatsapp-btn,
.woocommerce ul.products li.product a[class*="wHelp"].shop_page_button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* Circle: 44×44px */
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #25d366 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    text-decoration: none !important;
    position: static !important;
    left: auto !important; bottom: auto !important;
    transform: none !important;
    box-shadow: 0 2px 8px rgba(37,211,102,0.30) !important;
}
.woocommerce ul.products li.product a[class*="wHelp"].shop_page_button:hover {
    background: #1da851 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 4px 14px rgba(37,211,102,0.40) !important;
}
/* Icon inside circle */
.woocommerce ul.products li.product a[class*="wHelp"].shop_page_button i,
.woocommerce ul.products li.product .wdt-wc-whatsapp-btn i {
    font-size: 20px !important;
    line-height: 1 !important;
    color: #fff !important;
}
/* Hide text label — circle is icon-only */
.woocommerce ul.products li.product a[class*="wHelp"].shop_page_button span,
.woocommerce ul.products li.product .wdt-wc-whatsapp-btn span {
    display: none !important;
}

/* Wishlist — floated to top-right of product image */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .yith-wcwl-add-button {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 3 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a,
.woocommerce ul.products li.product .yith-wcwl-add-button a {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.85) !important;
    backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: var(--elad-text-light) !important;
    font-size: 0 !important; /* hide text label */
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Show only the heart icon, hide the text */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a span,
.woocommerce ul.products li.product .yith-wcwl-add-button a span {
    display: none !important;
}

/* Heart icon — via the i/svg element or ::before pseudo */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a i,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a svg,
.woocommerce ul.products li.product .yith-wcwl-add-button a i,
.woocommerce ul.products li.product .yith-wcwl-add-button a svg {
    font-size: 16px !important;
    color: var(--elad-text-light) !important;
    line-height: 1 !important;
    display: inline-block !important;
}

.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a:hover {
    background: rgba(255,255,255,1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.15) !important;
    border-color: var(--elad-gold) !important;
    color: var(--elad-gold) !important;
}

.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a:hover i,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a:hover svg {
    color: #e74c3c !important;
}

/* ── Wishlist relocated into the unified action row (v4.33.3) ──────
   functions.php Section 7 (fixWhatsApp()) moves the YITH wishlist
   control out of its original WDT content-icons slot and appends it
   to .elad-action-row, so WhatsApp + Add to Cart + Wishlist render
   as ONE row: [● WA 44px] [──── ADD TO CART ────] [♥ Wishlist 44px]
   instead of the heart dropping into its own boxed line below.
   Same glassy look as the floating button above, just switched from
   absolute-on-image to a static flex child. The extra .elad-action-row
   ancestor gives these rules enough specificity to win over the
   floating rule above without a !important war. ─────────────────── */
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-button {
    position: static !important;
    top: auto !important;
    right: auto !important;
    z-index: auto !important;
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-to-wishlist a,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-button a,
.woocommerce ul.products li.product .elad-action-row a.add_to_wishlist {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    flex-shrink: 0 !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.85) !important;
    backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    color: var(--elad-text-light) !important;
    font-size: 0 !important;
    text-decoration: none !important;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s, border-color 0.2s !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-to-wishlist a span,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-button a span {
    display: none !important;
}

.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-to-wishlist a i,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-to-wishlist a svg,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-button a i,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-button a svg,
.woocommerce ul.products li.product .elad-action-row a.add_to_wishlist:before {
    font-size: 16px !important;
    color: var(--elad-text-light) !important;
    line-height: 1 !important;
    display: inline-block !important;
}

.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-to-wishlist a:hover,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-button a:hover {
    background: rgba(255,255,255,1) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 3px 12px rgba(0,0,0,0.15) !important;
    border-color: var(--elad-gold) !important;
    color: var(--elad-gold) !important;
}

.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-to-wishlist a:hover i,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-to-wishlist a:hover svg,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-button a:hover i,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-add-button a:hover svg {
    color: #e74c3c !important;
}

/* Already-in-wishlist state — YITH swaps in a "browse wishlist" link;
   keep the heart red so the saved state stays visible without hover */
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-wishlistexistsbrowse a i,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-wishlistexistsbrowse a svg,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-wishlistaddedbrowse a i,
.woocommerce ul.products li.product .elad-action-row .yith-wcwl-wishlistaddedbrowse a svg {
    color: #e74c3c !important;
}

/* ATC now shares the row with two flanking icon buttons — keep it
   the flexible middle item, never a fixed width */
.woocommerce ul.products li.product .elad-action-row > .add_to_cart_button,
.woocommerce ul.products li.product .elad-action-row > a.button,
.woocommerce ul.products li.product .elad-action-row > .product_type_simple,
.woocommerce ul.products li.product .elad-action-row > .product_type_variable {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* The vacated WDT icon slot is hidden by JS once confirmed empty;
   harmless CSS backstop for the rare whitespace-only/no-JS case */
.woocommerce ul.products li.product .product-buttons-wrapper.product-icons:empty {
    display: none !important;
}

/* Quick View overlay */
.woocommerce ul.products li.product .wdt-product-image-overlay,
.woocommerce ul.products li.product .wdt-woo-product-image-overlay,
.woocommerce ul.products li.product [class*="image-overlay"] {
    background: linear-gradient(to top, rgba(20,8,0,0.6) 0%, transparent 65%) !important;
    display: flex !important;
    align-items: flex-end !important;
    padding: 12px !important;
}

/* Quick view button */
.woocommerce ul.products li.product .yith-wcqv-button,
.woocommerce ul.products li.product [class*="quick-view"],
.woocommerce ul.products li.product [class*="quick_view"],
.woocommerce ul.products li.product .wdt-quick-view,
.woocommerce ul.products li.product [class*="quickview"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 16px !important;
    border-radius: 40px !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    background: rgba(255,255,255,0.9) !important;
    color: var(--elad-text) !important;
    border: 1px solid rgba(255,255,255,0.6) !important;
    backdrop-filter: blur(8px) !important;
    transition: background 0.2s ease !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.woocommerce ul.products li.product .yith-wcqv-button:hover,
.woocommerce ul.products li.product [class*="quick-view"]:hover {
    background: rgba(255,255,255,1) !important;
    color: var(--elad-brown) !important;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul {
    border: none !important;
    display: flex !important;
    gap: 6px !important;
    justify-content: center !important;
    margin-top: 40px !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    border: 1px solid var(--elad-border) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    color: var(--elad-text) !important;
    background: #fff !important;
    transition: all 0.2s !important;
    padding: 0 !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: var(--elad-gold-pale) !important;
    color: var(--elad-brown) !important;
    border-color: var(--elad-gold) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--elad-brown) !important;
    color: #fff !important;
    border-color: var(--elad-brown) !important;
    font-weight: 700 !important;
}


/* ================================================================
   SECTION 8 — CART PAGE
   ================================================================ */
.woocommerce-cart .woocommerce { max-width: 1200px !important; }

.woocommerce table.shop_table {
    border: 1px solid var(--elad-border) !important;
    border-radius: var(--elad-radius) !important;
    overflow: hidden !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.woocommerce table.shop_table th {
    background: var(--elad-cream) !important;
    color: var(--elad-text-mid) !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--elad-border) !important;
}

.woocommerce table.shop_table td {
    padding: 16px !important;
    border-bottom: 1px solid var(--elad-cream-dark) !important;
    color: var(--elad-text) !important;
    vertical-align: middle !important;
    font-family: var(--font-body) !important;
}

.woocommerce table.shop_table .product-name a {
    font-family: var(--font-display) !important;
    color: var(--elad-text) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    font-style: italic !important;
    text-decoration: none !important;
}

.woocommerce table.shop_table .product-name a:hover { color: var(--elad-brown-light) !important; }

.woocommerce table.shop_table .quantity input.qty {
    width: 64px !important;
    border: 1px solid var(--elad-border) !important;
    border-radius: var(--elad-radius-sm) !important;
    padding: 6px 10px !important;
    text-align: center !important;
    font-size: 14px !important;
    font-family: var(--font-body) !important;
}

.woocommerce table.shop_table + .actions .button,
.woocommerce .cart .button[name="update_cart"] {
    background: transparent !important;
    border: 1px solid var(--elad-border) !important;
    color: var(--elad-text-light) !important;
    border-radius: 40px !important;
    padding: 10px 22px !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.woocommerce .cart .button[name="update_cart"]:hover {
    border-color: var(--elad-brown) !important;
    color: var(--elad-brown) !important;
}

.woocommerce .cart-collaterals .cart_totals {
    background: var(--elad-cream) !important;
    border: 1px solid var(--elad-border) !important;
    border-radius: var(--elad-radius) !important;
    padding: 28px !important;
}

.woocommerce .cart_totals h2 {
    font-family: var(--font-display) !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    color: var(--elad-text) !important;
    margin-bottom: 18px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--elad-border) !important;
}

.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
    padding: 10px 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--elad-cream-dark) !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
}

.woocommerce .cart_totals table tr.order-total th,
.woocommerce .cart_totals table tr.order-total td {
    font-weight: 700 !important;
    font-size: 16px !important;
    color: var(--elad-text) !important;
    border-bottom: none !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button {
    display: block !important;
    width: 100% !important;
    background: var(--elad-brown) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--elad-radius-sm) !important;
    padding: 15px 20px !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    transition: background 0.2s ease, transform 0.15s ease !important;
    box-shadow: 0 4px 16px rgba(122,79,46,0.28) !important;
    margin-top: 16px !important;
    box-sizing: border-box !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background: var(--elad-brown-dark) !important;
    transform: translateY(-1px) !important;
}

.woocommerce-cart .widget_product_categories,
.woocommerce-cart aside.widget-area,
.woocommerce-cart #secondary { display: none !important; }

.woocommerce-cart #primary,
.woocommerce-cart .site-main { width: 100% !important; float: none !important; }


/* ================================================================
   SECTION 9 — MY ACCOUNT PAGE
   ================================================================ */
/* ── My Account — outer wrapper ── */
.woocommerce-account .woocommerce { max-width: 540px !important; margin: 0 auto !important; }

/* ── Logged-OUT layout ──────────────────────────────────────────────
   LoginPress wraps BOTH login + register forms inside ONE container
   div, so a 2-column grid just creates an empty left track.
   Solution: single centred column; each form card stacks naturally.
   ────────────────────────────────────────────────────────────────── */
.woocommerce-account:not(.logged-in) .woocommerce {
    display: block !important;   /* kill the broken 2-col grid */
    width: 100% !important;
    max-width: 540px !important;
    margin: 0 auto !important;
}

.woocommerce-account:not(.logged-in) .woocommerce > * {
    float: none !important;
    width: 100% !important;
}

/* Gap between stacked cards */
.woocommerce-account:not(.logged-in) .woocommerce > * + * {
    margin-top: 28px !important;
}

/* Card styling — login form, register form, and any u-column wrappers */
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-login,
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-form-register,
.woocommerce-account:not(.logged-in) .u-column1,
.woocommerce-account:not(.logged-in) .u-column2,
/* LoginPress wraps both forms in a single lp-widget div */
.woocommerce-account:not(.logged-in) .woocommerce [class*="loginpress"],
.woocommerce-account:not(.logged-in) .woocommerce .lp-login-widget,
.woocommerce-account:not(.logged-in) .woocommerce .woocommerce-ResetPassword {
    background: #fff !important;
    border: 1px solid var(--elad-border) !important;
    border-radius: var(--elad-radius) !important;
    padding: 36px !important;
    box-shadow: var(--elad-shadow) !important;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.woocommerce-account h2,
.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2 {
    font-family: var(--font-display) !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    color: var(--elad-text) !important;
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--elad-border) !important;
    position: relative !important;
}

.woocommerce-account h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 40px !important;
    height: 2px !important;
    background: var(--elad-gold) !important;
    border-radius: 2px !important;
}

.woocommerce-account label {
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    color: var(--elad-text-mid) !important;
    display: block !important;
    margin-bottom: 7px !important;
}

.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
    width: 100% !important;
    border: 1.5px solid var(--elad-border) !important;
    border-radius: var(--elad-radius-sm) !important;
    padding: 12px 14px !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    background: var(--elad-cream) !important;
    color: var(--elad-text) !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s !important;
    outline: none !important;
}

.woocommerce-account input[type="text"]:focus,
.woocommerce-account input[type="email"]:focus,
.woocommerce-account input[type="password"]:focus {
    border-color: var(--elad-gold) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(200,151,60,0.12) !important;
}

.woocommerce-account .woocommerce-Input-wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

.woocommerce-account .woocommerce-Input-wrapper input { padding-right: 44px !important; }

.woocommerce-account .woocommerce-Input-wrapper .woocommerce-form__show-password-input,
.woocommerce-account .woocommerce-Input-wrapper [class*="show-password"] {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    cursor: pointer !important;
    color: var(--elad-text-light) !important;
    z-index: 2 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
}

.woocommerce-account .woocommerce-form-login .woocommerce-Button,
.woocommerce-account .woocommerce-form-login button[type="submit"],
.woocommerce-account .woocommerce-form-login input[type="submit"] {
    display: block !important;
    width: 100% !important;
    background: var(--elad-brown) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--elad-radius-sm) !important;
    padding: 14px 20px !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.2s, transform 0.15s !important;
    box-shadow: 0 4px 16px rgba(122,79,46,0.25) !important;
    margin-top: 8px !important;
    box-sizing: border-box !important;
    float: none !important;
}

.woocommerce-account .woocommerce-form-login button[type="submit"]:hover {
    background: var(--elad-brown-dark) !important;
    transform: translateY(-1px) !important;
}

.woocommerce-account .woocommerce-form-register button[type="submit"],
.woocommerce-account .woocommerce-form-register input[type="submit"] {
    display: inline-block !important;
    background: var(--elad-brown) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--elad-radius-sm) !important;
    padding: 13px 30px !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.2s !important;
    box-shadow: 0 4px 16px rgba(122,79,46,0.25) !important;
    margin-top: 12px !important;
}

.woocommerce-account .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    color: var(--elad-text-light) !important;
    margin-bottom: 14px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    cursor: pointer !important;
}

.woocommerce-account .woocommerce-LostPassword a,
.woocommerce-account a.lost_password {
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    color: var(--elad-text-light) !important;
    text-decoration: none !important;
    display: block !important;
    text-align: center !important;
    margin-top: 12px !important;
}

.woocommerce-account .woocommerce-LostPassword a:hover { color: var(--elad-gold) !important; text-decoration: underline !important; }

.woocommerce-account .woocommerce-privacy-policy-text {
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    color: var(--elad-text-light) !important;
    line-height: 1.6 !important;
    margin-bottom: 14px !important;
}


/* ================================================================
   SECTION 10 — CHECKOUT PAGE
   ================================================================ */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border: 1.5px solid var(--elad-border) !important;
    border-radius: var(--elad-radius-sm) !important;
    padding: 12px 14px !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    background: var(--elad-cream) !important;
    color: var(--elad-text) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: var(--elad-gold) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(200,151,60,0.12) !important;
    outline: none !important;
}

.woocommerce-checkout h3 {
    font-family: var(--font-display) !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    font-style: italic !important;
    color: var(--elad-text) !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--elad-border) !important;
    margin-bottom: 22px !important;
}

.woocommerce-checkout #order_review {
    background: var(--elad-cream) !important;
    border: 1px solid var(--elad-border) !important;
    border-radius: var(--elad-radius) !important;
    padding: 28px !important;
}

.woocommerce-checkout #order_review .product-thumbnail img,
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-thumbnail img {
    width: 70px !important;
    height: 70px !important;
    object-fit: cover !important;
    border-radius: var(--elad-radius-sm) !important;
}

.woocommerce-checkout #place_order,
.woocommerce #place_order {
    display: block !important;
    width: 100% !important;
    background: var(--elad-brown) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--elad-radius-sm) !important;
    padding: 16px 20px !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background 0.2s, transform 0.15s !important;
    box-shadow: 0 4px 16px rgba(122,79,46,0.3) !important;
    margin-top: 10px !important;
}

.woocommerce-checkout #place_order:hover {
    background: var(--elad-brown-dark) !important;
    transform: translateY(-1px) !important;
}


/* ================================================================
   SECTION 11 — WC NOTICES
   ================================================================ */
.woocommerce-message {
    border-top: 3px solid var(--elad-gold) !important;
    background: var(--elad-gold-pale) !important;
    color: var(--elad-text) !important;
    border-radius: 0 0 var(--elad-radius-sm) var(--elad-radius-sm) !important;
    font-family: var(--font-body) !important;
}

.woocommerce-error {
    border-top: 3px solid var(--elad-red) !important;
    background: #fff5f4 !important;
    border-radius: 0 0 var(--elad-radius-sm) var(--elad-radius-sm) !important;
    font-family: var(--font-body) !important;
}

.woocommerce-info {
    border-top: 3px solid var(--elad-gold) !important;
    background: var(--elad-gold-pale) !important;
    border-radius: 0 0 var(--elad-radius-sm) var(--elad-radius-sm) !important;
    font-family: var(--font-body) !important;
}

.woocommerce-message a.button,
.woocommerce-info a.button {
    background: var(--elad-brown) !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 7px 16px !important;
    font-family: var(--font-body) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
}


/* ================================================================
   SECTION 12 — FLOATING WHATSAPP
   ================================================================ */
body > a[href*="whatsapp"], body > a[href*="wa.me"],
.wdt-floating-whatsapp, [class*="floating"][class*="whatsapp"],
[id*="floating-whatsapp"], .wc-whatsapp-chat {
    position: fixed !important;
    z-index: 9998 !important;
    bottom: 20px !important;
    left: 20px !important;
}


/* ================================================================
   SECTION 13 — SINGLE PRODUCT PAGE
   ================================================================ */
.single-product .woocommerce div.product .summary .wdt-wc-whatsapp-btn,
.single-product .woocommerce div.product .summary [class*="whatsapp-btn"],
.single-product .woocommerce div.product .summary a[href*="wa.me"],
.single-product .summary .wdt-wc-whatsapp-btn,
.single-product .summary [class*="whatsapp"] {
    display: inline-flex !important;
    width: auto !important;
    max-width: fit-content !important;
    min-width: unset !important;
    flex: none !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 22px !important;
    border-radius: 40px !important;
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 10px !important;
    background: #25d366 !important;
    color: #fff !important;
}

.single-product .summary [class*="whatsapp"] span:empty { display: none !important; }

.single-product .summary .wdt-wc-whatsapp-wrapper,
.single-product .summary [class*="whatsapp-wrapper"],
.single-product .summary [class*="whatsapp-container"] {
    display: inline-block !important;
    width: auto !important;
}


/* ================================================================
   SECTION 14 — RESPONSIVE BREAKPOINTS
   ================================================================ */
@media (max-width: 767px) {

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2 {
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: unset !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        font-size: 13px !important;
        padding: 10px 12px 3px !important;
    }

    .woocommerce ul.products li.product .price { padding: 2px 12px 8px !important; }

    .woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
    .woocommerce ul.products li.product .price > .woocommerce-Price-amount {
        font-size: 13px !important;
    }

    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product a.button,
    .woocommerce ul.products li.product .add_to_cart_button {
        width: calc(100% - 24px) !important;
        margin: 0 12px 10px !important;
        padding: 10px 8px !important;
        font-size: 9px !important;
        letter-spacing: 1.2px !important;
    }

    .woocommerce ul.products li.product .wdt-wc-whatsapp-btn,
    .woocommerce ul.products li.product [class*="whatsapp"] {
        margin: 0 12px 8px !important;
        width: 34px !important; height: 34px !important;
        min-width: unset !important; max-width: 34px !important;
        padding: 0 !important; border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important; justify-content: center !important;
        overflow: hidden !important;
    }

    .woocommerce ul.products li.product .wdt-wc-whatsapp-btn span,
    .woocommerce ul.products li.product [class*="whatsapp"] span { display: none !important; }

    /* Wishlist — stays on image, slightly smaller on mobile */
    .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
        top: 8px !important;
        right: 8px !important;
    }
    .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a {
        width: 32px !important;
        height: 32px !important;
    }

    .woocommerce div.product div.images { width: 100% !important; float: none !important; margin-bottom: 16px !important; }
    .woocommerce div.product div.images img { width: 100% !important; height: auto !important; max-height: 340px !important; object-fit: cover !important; border-radius: var(--elad-radius) !important; }
    .woocommerce div.product div.summary { width: 100% !important; float: none !important; padding: 0 !important; }

    .single-product .cart { display: flex !important; align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; }
    .single-product .cart .qty { width: 70px !important; flex-shrink: 0 !important; border: 1.5px solid var(--elad-border) !important; border-radius: var(--elad-radius-sm) !important; padding: 10px !important; text-align: center !important; font-size: 15px !important; }
    .single-product .cart .single_add_to_cart_button { flex: 1 !important; background: var(--elad-brown) !important; color: #fff !important; border: none !important; border-radius: var(--elad-radius-sm) !important; padding: 13px 16px !important; font-family: var(--font-body) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-transform: uppercase !important; cursor: pointer !important; }
    .single-product .summary .wdt-wc-whatsapp-btn, .single-product .summary [class*="whatsapp-btn"] { width: auto !important; height: auto !important; max-width: none !important; min-width: unset !important; border-radius: 40px !important; padding: 12px 22px !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; font-weight: 600 !important; margin-bottom: 12px !important; }
    .single-product .summary [class*="whatsapp"] ~ [class*="whatsapp"] { display: none !important; }
    .related.products ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
    .woocommerce-account:not(.logged-in) .woocommerce { max-width: 480px !important; }

    .woocommerce-cart table.cart th, .woocommerce-cart table.cart td { font-size: 12px !important; padding: 8px 6px !important; word-break: break-word !important; min-width: 0 !important; }
    .cart-collaterals, .woocommerce-cart-form { width: 100% !important; overflow-x: auto !important; }
    .cart_totals { width: 100% !important; float: none !important; }

} /* end max-width: 767px */

/* ================================================================
   SECTION 14b — SINGLE-COLUMN CARD INTERNALS (under 600px)
   ─────────────────────────────────────────────────────────────────
   The 767px block above tightens everything for 2-col cards.
   Below 600px we have 1 full-width column, so we restore generous
   sizing: larger fonts, full padding, WhatsApp as a labelled pill.
   ================================================================ */
@media (max-width: 599px) {

    /* Image — landscape crop so the card isn't taller than the screen */
    .woocommerce ul.products li.product img.wp-post-image,
    .woocommerce ul.products li.product img.attachment-woocommerce_thumbnail {
        aspect-ratio: 16 / 9 !important;
        object-position: center 20% !important;
    }

    /* Title — single line, full size, ellipsis for overflow */
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2 {
        font-size: clamp(16px, 4.5vw, 20px) !important;
        padding: 16px 18px 4px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
        -webkit-line-clamp: unset !important;
    }

    /* Price — readable size with full padding */
    .woocommerce ul.products li.product .price {
        padding: 4px 18px 14px !important;
        font-size: 15px !important;
    }

    .woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
    .woocommerce ul.products li.product .price > .woocommerce-Price-amount {
        font-size: 15px !important;
    }

    /* Add to Cart — full width with comfortable padding */
    .woocommerce ul.products li.product .button,
    .woocommerce ul.products li.product a.button,
    .woocommerce ul.products li.product .add_to_cart_button {
        width: calc(100% - 36px) !important;
        margin: 0 18px 14px !important;
        padding: 13px 18px !important;
        font-size: 10px !important;
        letter-spacing: 2px !important;
    }

    /* WhatsApp — restore full pill with label text */
    .woocommerce ul.products li.product .wdt-wc-whatsapp-btn,
    .woocommerce ul.products li.product [class*="whatsapp"] {
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        min-width: unset !important;
        border-radius: 40px !important;
        padding: 10px 18px !important;
        margin: 0 18px 10px !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        overflow: visible !important;
    }

    .woocommerce ul.products li.product .wdt-wc-whatsapp-btn span,
    .woocommerce ul.products li.product [class*="whatsapp"] span {
        display: inline !important;
    }

    /* Wishlist — keep on image corner at 599px too */
    .woocommerce ul.products li.product .yith-wcwl-add-to-wishlist {
        top: 10px !important;
        right: 10px !important;
    }

}


/* Touch: hide hover overlays */
@media (hover: none), (max-width: 1024px) {
    .wdt-product-btn-group, .wdt-wc-product-btn-group, .amiy-woo-product-btn-group,
    .amiy-product-btn-group, [class*="wdt-product-btn"], [class*="amiy-woo-loop-btn"],
    [class*="product-btn-group"],
    .woocommerce ul.products li.product [class*="-overlay"],
    .woocommerce ul.products li.product [class*="overlay"],
    .woocommerce ul.products li.product [class*="quick-view"],
    .woocommerce ul.products li.product [class*="quick_view"],
    .related.products li.product [class*="overlay"],
    .related.products li.product [class*="quick"] {
        display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
    }

    .woocommerce li.product .wdt-woo-product-image-overlay, .woocommerce li.product .wdt-product-image-overlay,
    .woocommerce li.product [class*="image-overlay"], .woocommerce li.product .wdt-product-btn-group,
    .woocommerce li.product [class*="product-btn-group"], .woocommerce li.product [class*="woo-product-btn"],
    .woocommerce li.product [class*="loop-btn"], .woocommerce li.product [class*="quick-view"],
    .woocommerce li.product [class*="quick_view"], .woocommerce li.product .wdt-quick-view,
    .woocommerce li.product > a + div, .woocommerce li.product > a + span,
    .woocommerce li.product .amiy-product-hover-btns, .woocommerce li.product [class*="hover-btn"],
    .woocommerce li.product [class*="hover_btn"] {
        display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
    }
}


/* ================================================================
   SECTION 15 — TARGETED THEME FIXES
   ================================================================ */

/* Password eye icon */
.woocommerce-account .woocommerce-form-group, .woocommerce-account .form-row { position: relative !important; }
.woocommerce-account .woocommerce-Input-wrapper, .woocommerce-account .password-input-wrapper { position: relative !important; display: block !important; width: 100% !important; }
.woocommerce-account .woocommerce-Input-wrapper input[type="password"], .woocommerce-account .password-input-wrapper input[type="password"] { padding-right: 46px !important; width: 100% !important; box-sizing: border-box !important; }

.woocommerce-account .woocommerce-form__show-password-input,
.woocommerce-account [class*="show-password"],
.lp-show-password-icon, .loginpress-show-password,
[class*="show_password_input"], [class*="showpassword"],
span.woocommerce-input-toggle {
    position: absolute !important; right: 14px !important; top: 50% !important;
    transform: translateY(-50%) !important; bottom: auto !important; left: auto !important;
    cursor: pointer !important; z-index: 10 !important; display: flex !important;
    align-items: center !important; justify-content: center !important; line-height: 1 !important;
    color: var(--elad-text-light) !important; background: transparent !important;
    border: none !important; padding: 0 !important; font-size: 16px !important;
}

/* Checkout variables */
:root {
    --wdtBorderColor: var(--elad-border);
    --wdtInputBgColor: #ffffff;
    --wdtSecondaryColor: var(--elad-brown);
}

/* Checkout payment radio + T&C checkbox */
.woocommerce-checkout #payment ul.payment_methods li {
    display: flex !important; align-items: center !important; gap: 10px !important;
    padding: 12px 0 !important; border-bottom: 1px solid var(--elad-border) !important; list-style: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li input[type="radio"] {
    display: inline-block !important; opacity: 1 !important; visibility: visible !important;
    position: relative !important; width: 18px !important; height: 18px !important; min-width: 18px !important;
    margin: 0 8px 0 0 !important; cursor: pointer !important; accent-color: var(--elad-brown) !important;
    flex-shrink: 0 !important; -webkit-appearance: radio !important; appearance: radio !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
    display: flex !important; align-items: center !important; gap: 8px !important;
    cursor: pointer !important; font-family: var(--font-body) !important;
    font-weight: 500 !important; margin: 0 !important; flex-wrap: wrap !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
    display: flex !important; align-items: flex-start !important; gap: 10px !important;
    margin: 16px 0 !important; padding: 16px !important; background: var(--elad-cream) !important;
    border: 1px solid var(--elad-border) !important; border-radius: var(--elad-radius-sm) !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox input[type="checkbox"],
.woocommerce-checkout #terms, .woocommerce-checkout input[name="terms"] {
    display: inline-block !important; opacity: 1 !important; visibility: visible !important;
    position: relative !important; width: 18px !important; height: 18px !important; min-width: 18px !important;
    margin: 2px 0 0 0 !important; cursor: pointer !important; accent-color: var(--elad-brown) !important;
    -webkit-appearance: checkbox !important; appearance: checkbox !important; flex-shrink: 0 !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox span,
.woocommerce-checkout label[for="terms"] {
    font-family: var(--font-body) !important; font-size: 13px !important; line-height: 1.5 !important; color: var(--elad-text) !important;
}

.woocommerce-checkout .woocommerce-form__label-for-checkbox span a,
.woocommerce-checkout label[for="terms"] a { color: var(--elad-brown) !important; text-decoration: underline !important; }

.woocommerce-checkout .woocommerce-privacy-policy-text {
    font-family: var(--font-body) !important; font-size: 12px !important; color: var(--elad-text-light) !important; margin-bottom: 12px !important;
}


/* ================================================================
   SECTION 16 — CORE WEB VITALS & PERFORMANCE
   ================================================================ */
img { height: auto; max-width: 100%; }

.elementor-widget-image img, .elementor-section .elementor-widget-image img, .elementor-widget-image a img {
    width: 100%; height: auto; display: block;
}

/* Removed: the min-height:1px rule was collapsing the homepage hero/slider section.
   Elementor sections should retain their native height. */

.site-branding img, .custom-logo-link img, .amiy-site-logo img, .site-logo img,
header img.custom-logo, .amiy-header .logo img,
.elementor-widget-site-logo img,
.elementor-widget-site-logo .elementor-widget-container img,
.elementor-site-logo img {
    height: auto !important;
    max-height: 58px !important;
    max-width: 160px !important;
    width: auto !important;
    object-fit: contain !important;
}

.woocommerce ul.products li.product-category .woocommerce-loop-category__title img,
.woocommerce ul.products li.product-category img { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; height: auto; }

.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.woocommerce div.product div.images img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    transition: transform 0.3s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}

.woocommerce ul.products li.product .button, .woocommerce ul.products li.product button.button,
.woocommerce-page ul.products li.product .button {
    transition: background 0.2s ease, transform 0.2s ease !important;
}

.woocommerce-account input[type="text"], .woocommerce-account input[type="email"],
.woocommerce-account input[type="password"], .woocommerce-account input[type="tel"] { transition: border-color 0.2s !important; }

.woocommerce-checkout input, .woocommerce-checkout select, .woocommerce-checkout textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row select { transition: border-color 0.2s !important; }

.woocommerce-cart table.cart input[type="number"], .woocommerce-cart table.cart input[type="text"] { transition: border-color 0.2s !important; }

.woocommerce-cart table.cart th, .woocommerce-cart table.cart td { vertical-align: middle; }
.woocommerce-cart table.cart td.product-thumbnail { width: 72px; min-width: 72px; }
.woocommerce-cart table.cart td.product-thumbnail img { width: 70px; height: 70px; object-fit: cover; }
.woocommerce-checkout-review-order .product-thumbnail img { width: 70px; height: 70px; object-fit: cover; display: block; }

.woocommerce ul.products li.product:first-child img,
.woocommerce-page ul.products li.product:first-child img { content-visibility: visible !important; }

.woocommerce-notices-wrapper:empty { display: none !important; }

body, .woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price { font-synthesis: none; }

.elementor-widget-image .elementor-widget-container img, .elementor-widget-image-carousel img {
    display: block; width: 100%; min-height: 1px;
}

.elementor-widget-woocommerce-product-images img, .woocommerce .wp-post-image {
    display: block !important; width: 100% !important;
}


/* ================================================================
   SECTION 17 — STICKY HEADER SPACER FIX
   ─────────────────────────────────────────────────────────────────
   IMPORTANT: .elementor-sticky--spacer must NEVER be hidden globally.
   Elementor injects this div to hold the layout height when the
   header becomes position:fixed. Hiding it collapses the page,
   pushing content above the header.

   Only the WDT/Amiy proprietary clone divs are hidden (true clones
   that render a second full copy of the header).
   ================================================================ */

/* Only Amiy/WDT's own named clone divs — NOT Elementor spacers */
.amiy-sticky-placeholder,
.amiy-header-spacer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* On cart/checkout pages only: remove extra top spacing that
   creates a gap above the cart/checkout widget */
.woocommerce-cart .elementor-section:not(:first-child):empty,
.woocommerce-checkout .elementor-section:not(:first-child):empty,
.woocommerce-cart .e-con:empty,
.woocommerce-checkout .e-con:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-cart .elementor-widget-woocommerce-cart,
.woocommerce-cart .elementor-widget-woocommerce-checkout,
.woocommerce-checkout .elementor-widget-woocommerce-checkout { margin-top: 0 !important; padding-top: 0 !important; }

.woocommerce-cart .elementor-widget-wrap, .woocommerce-checkout .elementor-widget-wrap { padding-top: 16px !important; }

.woocommerce-page .entry-header, .woocommerce-cart .entry-header,
.woocommerce-checkout .entry-header, .woocommerce .entry-header { margin-top: 0 !important; padding-top: 0 !important; }

.amiy-page-header, .amiy-page-title-wrap, .wdt-page-header { margin-top: 0 !important; padding-top: 0 !important; }

.woocommerce-checkout > .woocommerce, .woocommerce-cart > .woocommerce,
#primary .woocommerce, .site-main .woocommerce { padding-top: 30px !important; }


/* ================================================================
   SECTION 18 — BLANK CARD FAILSAFE
   ================================================================ */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    position: relative !important;
    /* No min-height — cards without images should collapse, not show blank space */
}

/* Hide broken img tags with no src — don't let them take up space */
.woocommerce ul.products li.product a img:not([src]),
.woocommerce ul.products li.product a img[src=""] {
    display: none !important;
}

/* Cards that genuinely have no image at all — no placeholder space, just card content */
.woocommerce ul.products li.product:not(:has(img.wp-post-image)):not(:has(img.attachment-woocommerce_thumbnail)) {
    background: var(--elad-cream) !important;
}


/* ================================================================
   SECTION 19 — HOMEPAGE PRODUCT WIDGETS
   ================================================================ */
.woocommerce .products.columns-3, .woocommerce .products.columns-4,
.woocommerce-page .products.columns-3, .woocommerce-page .products.columns-4,
.elementor-widget-woocommerce-products .products,
.elementor-widget-wc-archive-products .products,
.woocommerce .widget .products, .woocommerce .widget_products .product_list_widget {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-widget-woocommerce-products .products li.product,
.elementor-widget-wc-archive-products .products li.product,
.woocommerce .products.columns-3 li.product,
.woocommerce .products.columns-4 li.product {
    background: #fff !important;
    border-radius: var(--elad-radius) !important;
    border: 1px solid var(--elad-border) !important;
    overflow: hidden !important;
    transition: box-shadow .3s ease, transform .3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
}

.elementor-widget-woocommerce-products .products li.product:hover,
.elementor-widget-wc-archive-products .products li.product:hover {
    box-shadow: var(--elad-shadow-hover) !important;
    transform: translateY(-4px) !important;
}

.elementor-widget-woocommerce-products .products li.product img.wp-post-image,
.elementor-widget-wc-archive-products .products li.product img.wp-post-image,
.elementor-widget-woocommerce-products .products li.product img.attachment-woocommerce_thumbnail,
.elementor-widget-wc-archive-products .products li.product img.attachment-woocommerce_thumbnail,
.woocommerce .products.columns-3 li.product img.wp-post-image,
.woocommerce .products.columns-4 li.product img.wp-post-image,
.woocommerce .products.columns-3 li.product img.attachment-woocommerce_thumbnail,
.woocommerce .products.columns-4 li.product img.attachment-woocommerce_thumbnail {
    width: 100% !important; aspect-ratio: 3 / 4 !important; object-fit: cover !important;
    object-position: center 20% !important; display: block !important;
    height: auto !important; min-height: 0 !important;
    background: var(--elad-cream) !important;
}

.elementor-widget-woocommerce-products .products li.product .woocommerce-loop-product__title,
.elementor-widget-wc-archive-products .products li.product .woocommerce-loop-product__title,
.woocommerce .products.columns-3 li.product .woocommerce-loop-product__title,
.woocommerce .products.columns-4 li.product .woocommerce-loop-product__title {
    font-family: var(--font-display) !important;
    font-size: clamp(15px, 1.5vw, 19px) !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: var(--elad-text) !important;
    padding: 14px 16px 6px !important;
    margin: 0 !important;
}

.elementor-widget-woocommerce-products .products li.product .price,
.elementor-widget-wc-archive-products .products li.product .price,
.woocommerce .products.columns-3 li.product .price,
.woocommerce .products.columns-4 li.product .price {
    color: var(--elad-brown) !important; font-family: var(--font-body) !important;
    font-weight: 600 !important; font-size: 14px !important; padding: 0 14px 12px !important;
}

@media (max-width: 767px) {
    .woocommerce .products.columns-3, .woocommerce .products.columns-4,
    .elementor-widget-woocommerce-products .products,
    .elementor-widget-wc-archive-products .products { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
}

/* ── PHONE: single column under 600px ── */
@media (max-width: 599px) {
    .woocommerce .products.columns-3, .woocommerce .products.columns-4,
    .elementor-widget-woocommerce-products .products,
    .elementor-widget-wc-archive-products .products {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    .woocommerce .products.columns-3, .woocommerce .products.columns-4,
    .elementor-widget-woocommerce-products .products,
    .elementor-widget-wc-archive-products .products { grid-template-columns: repeat(3, 1fr) !important; }
}


/* ================================================================
   SECTION 19b — WDT CUSTOM INSTAGRAM SECTION GRID
   ================================================================
   .wdt-custom-insta-section is added as a custom CSS class in
   Elementor on the section wrapping the Instagram feed widget.
   We can't predict which plugin renders the feed (SBI, eApps,
   Spotlight, or WDT's own widget) so we target ALL descendants.
   ================================================================ */

/* Full width wrapper */
.wdt-custom-insta-section,
.elementor-section.wdt-custom-insta-section {
    width: 100% !important;
}
.wdt-custom-insta-section .elementor-column { width: 100% !important; }

/* ── Nuclear grid approach: target the DIRECT children of any
   known feed container, regardless of which plugin renders it ── */

/* Smash Balloon (SBI) */
.wdt-custom-insta-section #sbi_images {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important; width: 100% !important;
    padding: 0 !important; margin: 0 !important;
    float: none !important;
}
/* SBI items — must be block not inline */
.wdt-custom-insta-section #sbi_images .sbi_item,
.wdt-custom-insta-section #sbi_images > div {
    float: none !important; display: block !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: var(--elad-radius-sm) !important;
    position: relative !important;
    background: var(--elad-cream) !important;
}
.wdt-custom-insta-section #sbi_images .sbi_item img {
    width: 100% !important; height: 100% !important;
    object-fit: cover !important; object-position: center !important;
    position: absolute !important; inset: 0 !important;
    display: block !important;
    transition: transform 0.4s ease !important;
}
.wdt-custom-insta-section #sbi_images .sbi_item:hover img { transform: scale(1.07) !important; }

/* eApps Instagram Feed */
.wdt-custom-insta-section .eapps-instagram-feed-posts-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important; width: 100% !important;
}
.wdt-custom-insta-section .eapps-instagram-feed-posts-item {
    aspect-ratio: 1 / 1 !important; overflow: hidden !important;
    border-radius: var(--elad-radius-sm) !important;
}

/* Generic fallback — catches Spotlight, WDT widget, custom shortcodes.
   Targets any ul/div that is a direct child of the Elementor widget
   container and contains li/div children with images. */
.wdt-custom-insta-section .elementor-widget-container > ul,
.wdt-custom-insta-section .elementor-widget-container > div > ul,
.wdt-custom-insta-section [class*="instagram-feed"],
.wdt-custom-insta-section [class*="insta-feed"],
.wdt-custom-insta-section [class*="instagram-grid"],
.wdt-custom-insta-section [class*="insta-grid"] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important; width: 100% !important;
    list-style: none !important; padding: 0 !important; margin: 0 !important;
}
.wdt-custom-insta-section [class*="instagram-feed"] > *,
.wdt-custom-insta-section [class*="insta-feed"] > *,
.wdt-custom-insta-section [class*="instagram-grid"] > *,
.wdt-custom-insta-section [class*="insta-grid"] > * {
    aspect-ratio: 1 / 1 !important; overflow: hidden !important;
    border-radius: var(--elad-radius-sm) !important;
    background: var(--elad-cream) !important;
}

/* Mobile: 2 columns */
@media (max-width: 767px) {
    .wdt-custom-insta-section #sbi_images,
    .wdt-custom-insta-section .eapps-instagram-feed-posts-list,
    .wdt-custom-insta-section [class*="instagram-feed"],
    .wdt-custom-insta-section [class*="insta-feed"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 4px !important;
    }
}


/* ================================================================
   SECTION 20 — INSTAGRAM / FOLLOW SECTION
   ================================================================
   SBI (Smash Balloon) structure:
     #sb_instagram                        ← outer shell
       #sbi_images  /  .sbi_photo_wrap    ← THE ACTUAL GRID CONTAINER
         .sbi_item                        ← each photo cell
           .sbi_photo_wrap > a > img      ← the image
   We MUST apply grid to #sbi_images, not #sb_instagram.
   ================================================================ */

/* Outer container — block, full width, no intrinsic sizing */
#sb_instagram,
.sbi-feed-container,
.sbi-feed,
[id^="sbi_"],
.elementor-widget-shortcode .elementor-widget-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* THE GRID — target the actual photo container */
#sbi_images,
#sb_instagram #sbi_images,
.sbi-feed #sbi_images,
.sbi_photo_wrap + .sbi_photo_wrap,
#sb_instagram .sbi_photo_wrap {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
}

/* Also try direct child approach for SBI v3 */
#sb_instagram > div > .sbi_item,
#sb_instagram .sbi_photo_wrap {
    display: block !important;
}

/* Each photo cell */
#sb_instagram .sbi_item,
.sbi_item {
    overflow: hidden !important;
    border-radius: var(--elad-radius-sm) !important;
    aspect-ratio: 1 / 1 !important;
    display: block !important;
    position: relative !important;
    background: var(--elad-cream) !important;
}

/* The image itself */
#sb_instagram .sbi_item img,
#sb_instagram .sbi_photo_wrap img,
.sbi_item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.4s ease !important;
    position: absolute !important;
    inset: 0 !important;
}
#sb_instagram .sbi_item:hover img { transform: scale(1.07) !important; }

/* eApps Instagram Feed */
.eapps-instagram-feed-posts,
.eapps-instagram-feed-posts-list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important;
}
.eapps-instagram-feed-posts-item {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: var(--elad-radius-sm) !important;
}
.eapps-instagram-feed-posts-item img {
    width: 100% !important; height: 100% !important; object-fit: cover !important;
}

/* Elementor native Gallery widget */
.elementor-widget-gallery .e-gallery-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6px !important;
}
.elementor-widget-gallery .elementor-gallery-item__container {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: var(--elad-radius-sm) !important;
}
.elementor-widget-gallery .elementor-gallery-item__image {
    width: 100% !important; height: 100% !important; object-fit: cover !important;
}

@media (max-width: 767px) {
    #sbi_images,
    #sb_instagram #sbi_images,
    .eapps-instagram-feed-posts-list,
    .elementor-widget-gallery .e-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 4px !important;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    #sbi_images,
    #sb_instagram #sbi_images,
    .eapps-instagram-feed-posts-list,
    .elementor-widget-gallery .e-gallery-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}


/* ================================================================
   SECTION 21 — WDT SHOP WIDGET — COSMETIC STYLES ONLY
   ================================================================
   IMPORTANT: NO grid-template-columns rules in this section.
   WDT injects its own grid via inline <style> in the page body:
     max-width:480px  → 1 column
     481–1024px       → 2 columns
     1025px+          → 3 columns (column-3 class)
   Our grid overrides live exclusively in functions.php via the
   amiy-plus-mobile virtual handle, which WP-Optimize cannot merge.
   ================================================================ */

/* Container — no columns here */
.wdt-custom-product-default-style-1 ul.products,
.elementor-widget-wdt-shop-products .woocommerce ul.products,
.elementor-widget-wdt-shop-products ul.products {
    list-style: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important;
}

/* Card wrapper */
.wdt-custom-product-default-style-1 ul.products li.product,
.elementor-widget-wdt-shop-products ul.products li.product {
    display: flex !important; flex-direction: column !important; background: #fff !important;
    border: 1px solid var(--elad-border) !important; border-radius: var(--elad-radius) !important;
    overflow: hidden !important; transition: box-shadow 0.3s ease, transform 0.3s ease !important;
    position: relative !important; margin: 0 !important;
}

/* Product image */
.wdt-custom-product-default-style-1 ul.products li.product img.wp-post-image,
.wdt-custom-product-default-style-1 ul.products li.product img.attachment-woocommerce_thumbnail,
.elementor-widget-wdt-shop-products ul.products li.product img.wp-post-image,
.elementor-widget-wdt-shop-products ul.products li.product img.attachment-woocommerce_thumbnail {
    width: 100% !important; aspect-ratio: 3 / 4 !important; object-fit: cover !important;
    object-position: center 20% !important; display: block !important;
    height: auto !important; min-height: 0 !important;
    background: var(--elad-cream) !important;
}

/* Title */
.wdt-custom-product-default-style-1 ul.products li.product .woocommerce-loop-product__title {
    font-family: var(--font-display) !important; font-size: clamp(15px, 1.5vw, 19px) !important; font-weight: 600 !important;
    font-style: normal !important; color: var(--elad-text) !important; padding: 12px 14px 6px !important; margin: 0 !important;
}

/* Price */
.wdt-custom-product-default-style-1 ul.products li.product .price {
    font-family: var(--font-body) !important; font-size: 13px !important; color: var(--elad-brown) !important;
    font-weight: 600 !important; padding: 0 14px 10px !important; margin: 0 !important; display: block !important;
}

/* Buttons */
.wdt-custom-product-default-style-1 ul.products li.product .add_to_cart_button,
.wdt-custom-product-default-style-1 ul.products li.product .button {
    display: block !important; width: calc(100% - 28px) !important; margin: 0 14px 14px !important;
    background: var(--elad-brown) !important; color: #fff !important; border: none !important;
    border-radius: var(--elad-radius-sm) !important; padding: 11px !important; text-align: center !important;
    font-family: var(--font-body) !important; font-size: 10px !important; font-weight: 600 !important;
    letter-spacing: 1.5px !important; text-transform: uppercase !important; cursor: pointer !important;
    transition: background 0.2s ease !important;
}

.wdt-custom-product-default-style-1 ul.products li.product .add_to_cart_button:hover,
.wdt-custom-product-default-style-1 ul.products li.product .button:hover { background: var(--elad-brown-dark) !important; }

/* Wishlist in WDT style — already absolutely positioned via main rules */
.wdt-custom-product-default-style-1 .yith-wcwl-add-to-wishlist,
.wdt-custom-product-default-style-1 .tinv-wishlist { padding: 0 !important; }


/* ================================================================
   SECTION 22 — CHECKOUT ORDER REVIEW PRODUCT IMAGE
   ================================================================ */
.woocommerce-checkout-review-order td.product-name img,
.woocommerce table.woocommerce-checkout-review-order-table td.product-name img,
.woocommerce-checkout #order_review td img,
.woocommerce-page #order_review td img,
img.checkout-product-thumb {
    width: 70px !important; height: 70px !important; min-width: 70px !important; max-width: 70px !important;
    object-fit: cover !important; border-radius: var(--elad-radius-sm) !important;
    display: inline-block !important; vertical-align: middle !important;
    flex-shrink: 0 !important; aspect-ratio: 1 / 1 !important;
}

.woocommerce-checkout-review-order .checkout-review-order-details,
.woocommerce table.woocommerce-checkout-review-order-table .checkout-review-order-details {
    display: inline-block !important; vertical-align: middle !important; padding-left: 10px !important;
}

/* ================================================================
   SECTION 22 — MOBILE SIDE / OFF-CANVAS NAVIGATION MENU
   ─────────────────────────────────────────────────────────────────
   Elementor Pro's nav menu widget uses an off-canvas panel for
   the hamburger/side menu on mobile. These rules ensure the panel
   and its contents are always visible when open.
   ================================================================ */

/* Ensure the nav menu panel itself renders */
.elementor-nav-menu--dropdown.elementor-nav-menu__container,
.elementor-nav-menu--main .elementor-nav-menu--dropdown,
.e-n-menu-layout-dropdown,
.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Off-canvas panel (Elementor Pro) */
.elementor-location-popup,
.elementor-popup-modal,
.dialog-widget-content,
.elementor-menu-toggle__close,
.elementor-menu-anchor,
[class*="elementor-nav-menu--layout-dropdown"],
[class*="elementor-nav-menu--indicator"] {
    visibility: visible !important;
}

/* Hamburger toggle button always visible on mobile */
.elementor-menu-toggle,
.elementor-nav-menu__toggle,
.amiy-mobile-menu-toggle,
.wdt-mobile-nav-toggle,
button.elementor-nav-menu__toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 10000 !important;
}

/* Side drawer panel itself */
.elementor-nav-menu--main[class*="elementor-active"] .elementor-nav-menu--dropdown,
.elementor-nav-menu--dropdown.elementor-open,
.elementor-nav-menu--dropdown[style*="display: block"],
.elementor-nav-menu--dropdown[style*="display:block"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-height: none !important;
    overflow-y: auto !important;
    z-index: 9999 !important;
}

/* Menu items inside the panel */
.elementor-nav-menu--dropdown .elementor-nav-menu > li,
.elementor-nav-menu--dropdown .elementor-nav-menu > li > a {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
}

/* ================================================================
   SECTION 23 — HERO / SLIDER VISIBILITY
   ─────────────────────────────────────────────────────────────────
   The Amiy theme's hero slider applies a built-in dark overlay via
   Elementor section settings. We lift the slider images to full
   brightness so the product photos are clearly visible.
   ================================================================ */

/* Elementor slider — ensure slide images are fully visible */
.elementor-slides .swiper-slide-image,
.elementor-slide-image,
.elementor-slides img,
[class*="elementor-slide"] .swiper-slide-image {
    opacity: 1 !important;
    filter: none !important;
}

/* Ensure the slider section itself doesn't get background: cream from our card rules */
.elementor-widget-slider .elementor-widget-container,
.elementor-widget-slides .elementor-widget-container,
.elementor-section .elementor-slides-wrapper {
    background: none !important;
}

/* * PRELOADER KILL-SWITCH 
 * Prevents the loader from hanging if JS events are delayed.
 */

/* 1. Hide the preloader container if it stays too long */
#preloader, 
.wdt-preloader, 
.amiy-preloader,
.loader-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* 2. Ensure the body is actually visible */
body {
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}

/* 3. Smooth fade-in for the main content */
#page-wrapper, 
#main, 
.site-content {
    animation: fadeInContent 0.8s ease-in-out forwards;
}

@keyframes fadeInContent {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* --- BLANK CARD SUPPRESSOR ---
 * WDT/Amiy theme injects placeholder cards with no content.
 * These CSS rules collapse them to zero so they don't show as
 * white/cream blocks in the grid. The JS in functions.php also
 * removes them — this CSS is a belt-AND-suspenders backup.
 *
 * We use :not(:has()) so cards WITH content are never affected.
 * Browsers that don't support :has() fall back gracefully
 * (the JS handles it for them).
 */
.woocommerce ul.products li.product:not(:has(.woocommerce-loop-product__title)):not(:has(img.wp-post-image)):not(:has(img.attachment-woocommerce_thumbnail)),
.woocommerce-page ul.products li.product:not(:has(.woocommerce-loop-product__title)):not(:has(img.wp-post-image)):not(:has(img.attachment-woocommerce_thumbnail)) {
    display: none !important;
}

/* ================================================================
   SECTION 24 — UI/UX & ACCESSIBILITY  (v4.33.3)
   ─────────────────────────────────────────────────────────────────
   Added in 4.33.3 alongside the cart "Adding…" stuck-label fix and the
   Pesapal helper crash guard. Covers: reduced-motion safety, keyboard
   focus-visible rings, the add-to-cart toast, richer button feedback,
   and styling for the Pesapal payment-page alert/error cards (the gateway
   echoes raw Bootstrap .alert classes the theme never styled).
   ================================================================ */

/* ── 24a. Reduced-motion: neutralise non-essential animation ──────
   Honours the OS "reduce motion" setting. The cart pulse is already
   JS-guarded (ELAD_REDUCED_MOTION in functions.php Section 7); this covers
   CSS transitions/transforms theme- and plugin-wide so vestibular-sensitive
   users get a calm UI. */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }
    .woocommerce ul.products li.product:hover .product-wrapper,
    .woocommerce ul.products li.product .button:hover {
        transform: none !important;
    }
    #elad-toast { transition: opacity 0.15s linear !important; transform: translateX(-50%) !important; }
}

/* ── 24b. Keyboard focus-visible rings ───────────────────────────
   Mouse users keep the existing hover/active styling; keyboard & AT users
   get a clear gold ring. :focus-visible never triggers on mouse click, so
   no ring appears for pointer users. Addresses the audit's a11y gap where
   buttons/links had no distinct keyboard focus indicator. */
.woocommerce a.button:focus-visible,
.woocommerce ul.products li.product .button:focus-visible,
.woocommerce ul.products li.product .add_to_cart_button:focus-visible,
.woocommerce .single_add_to_cart_button:focus-visible,
.woocommerce #place_order:focus-visible,
.woocommerce .wc-proceed-to-checkout a.checkout-button:focus-visible,
.woocommerce-cart .button:focus-visible,
.wdt-shop-menu-cart-icon:focus-visible,
.wdt-shop-menu-icon:focus-visible {
    outline: 3px solid var(--elad-gold) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(200,151,60,0.25) !important;
}
.woocommerce a:focus-visible,
.woocommerce-page a:focus-visible,
.site-header a:focus-visible {
    outline: 2px solid var(--elad-gold) !important;
    outline-offset: 2px !important;
}

/* ── 24c. Add-to-cart toast ──────────────────────────────────────
   Created on demand by eladToast() (functions.php Section 7). role=status +
   aria-live=polite live region; visually a brand-tinted pill. Bottom-CENTRE
   so it never collides with the bottom-right WhatsApp FAB (Section 12). */
#elad-toast {
    position: fixed;
    left: 50%;
    bottom: 28px;
    transform: translateX(-50%) translateY(16px);
    z-index: 100000;
    max-width: min(92vw, 420px);
    padding: 13px 22px;
    background: var(--elad-brown-dark);
    color: #fff;
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.01em;
    border-radius: 999px;
    border: 1px solid var(--elad-gold);
    box-shadow: 0 10px 30px rgba(58,32,12,0.28);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.28s ease, transform 0.28s cubic-bezier(0.2,0.8,0.2,1);
    text-align: center;
}
#elad-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ── 24d. Richer add-to-cart button feedback ─────────────────────
   Complements the JS state machine: the label swap
   ("Add to cart" → "Adding…" → "✓ Added") reads as one smooth motion.
   .loading = working (wait cursor, dimmed); .added = success (green). */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product a.button.add_to_cart_button {
    transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.15s ease !important;
}
.woocommerce ul.products li.product .add_to_cart_button.loading {
    cursor: wait !important;
    opacity: 0.78 !important;
}
.woocommerce ul.products li.product .add_to_cart_button.added {
    background: var(--elad-green) !important;
    color: #fff !important;
    border-color: transparent !important;
}
/* Hide WC's default post-add "View cart" tag-along link — the toast + badge +
   mini-cart dropdown already confirm the add, and the injected inline link
   breaks the WhatsApp + Add-to-Cart action row (Section 7). */
.woocommerce ul.products li.product a.added_to_cart.wc-forward {
    display: none !important;
}

/* ── 24e. Pesapal payment-page alert / error cards ───────────────
   The gateway echoes <div class="alert alert-danger"> (raw Bootstrap classes)
   for "IPN not registered", token, and order errors. With no Bootstrap on the
   order-pay page these rendered as unstyled black text. Style them as
   intentional brand notices so a payment hiccup looks handled, not broken. */
.woocommerce .alert,
body.woocommerce-order-pay .alert {
    margin: 18px auto !important;
    max-width: 640px !important;
    padding: 20px 24px !important;
    border-radius: var(--elad-radius) !important;
    font-family: var(--font-body) !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    background: var(--elad-cream) !important;
    color: var(--elad-text) !important;
    border: 1px solid var(--elad-border) !important;
    border-left: 4px solid var(--elad-gold) !important;
    box-shadow: var(--elad-shadow) !important;
}
.woocommerce .alert-danger,
body.woocommerce-order-pay .alert-danger {
    background: #fbf1ef !important;
    border-left-color: var(--elad-red) !important;
}
.woocommerce .alert h3,
body.woocommerce-order-pay .alert h3 {
    font-family: var(--font-display) !important;
    font-size: 21px !important;
    font-weight: 600 !important;
    margin: 0 0 6px !important;
    color: var(--elad-red) !important;
}

/* ── 24f. Pesapal iframe loader polish ───────────────────────────
   The gateway renders a "Loading Payment Options…" message + spinner before
   the iframe paints. Give it brand type and breathing room so the wait reads
   as considered rather than stalled. */
#pesapal-iframe-holder { min-height: 520px; }
#pesapal-iframe { border-radius: var(--elad-radius-sm); }
#pesapal-iframe-loader-msg #loader-text,
.pesapal_container p {
    font-family: var(--font-body) !important;
    color: var(--elad-text-mid) !important;
    font-size: 15px !important;
}

/* ── 24g. Light visual polish (additive, token-based) ────────────
   No layout changes — just rhythm. The checkout CTAs (#place_order,
   .checkout-button) are already brand-styled in Sections 8 & 10, so they are
   only given focus rings above, not restyled here. */
.wdt-shop-menu-cart-content .woocommerce-mini-cart__total,
.widget_shopping_cart_content .woocommerce-mini-cart__total {
    border-top: 1px solid var(--elad-border) !important;
    padding-top: 10px !important;
    margin-top: 6px !important;
    font-family: var(--font-display) !important;
    font-size: 17px !important;
}
.wdt-shop-menu-cart-content .woocommerce-mini-cart__empty-message,
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
    color: var(--elad-text-light) !important;
    font-style: italic !important;
    padding: 14px 4px !important;
}



/* ================================================================
   SECTION 25 — PRE-JS LAYOUT FALLBACK (v4.33.4)
   The WDT widgets (hero carousel, image-box grids) only assemble
   their layout via JavaScript. On slow loads visitors stare at the
   un-initialized state: stacked hero slides and giant stacked
   Instagram images (confirmed via full-page capture + 17s DOM-ready).
   These rules make the pre-JS state match the final layout, so the
   page looks correct from first paint. JS applies the same values
   afterwards, so there is no post-init jump.
   ================================================================ */

/* 25a. Instagram / image-box grid — mirror the widget's own
   data-settings columns (6 / 3 / 2 / 1 / 1 / 2 per breakpoint). */
.wdt-custom-insta-section .wdt-column-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.wdt-custom-insta-section .wdt-column {
    width: calc(100% / 6);
    max-width: calc(100% / 6);
}
.wdt-custom-insta-section .wdt-content-image-wrapper img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 1366px) {
    .wdt-custom-insta-section .wdt-column { width: calc(100% / 3); max-width: calc(100% / 3); }
}
@media (max-width: 1200px) {
    .wdt-custom-insta-section .wdt-column { width: 50%; max-width: 50%; }
}
@media (max-width: 1024px) {
    .wdt-custom-insta-section .wdt-column { width: 100%; max-width: 100%; }
}
@media (max-width: 767px) {
    .wdt-custom-insta-section .wdt-column { width: 50%; max-width: 50%; }
}

/* 25b. Any Swiper carousel before init (hero slider included):
   show one clean slide instead of the whole stack. */
.swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    overflow: hidden;
}
.swiper:not(.swiper-initialized) .swiper-slide {
    flex: 0 0 100%;
    max-width: 100%;
}
.swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
    display: none;
}

/* 25c. TI Wishlist control inside the action row (paired with the
   v4.33.4 fixWhatsApp change) — 44px circle matching the WhatsApp
   button, brand-gold outline, icon only. */
.elad-action-row .tinv-wraper {
    flex: 0 0 auto;
    margin: 0;
    display: inline-flex;
    align-items: center;
}
.elad-action-row .tinv-wraper a {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--elad-gold, #c8973c);
    border-radius: 50%;
    margin: 0;
    padding: 0;
    font-size: 0;           /* hide "Add to Wishlist" text */
    color: var(--elad-gold, #c8973c);
}
.elad-action-row .tinv-wraper a::before {
    font-size: 18px;
    line-height: 1;
}

/* ================================================================
   END — Elad Perfumes stylesheet v4.33.4
   ================================================================ */