/* LALA night mode (opt-in with the header button). Light tokens in lala.css stay untouched;
   this only redefines them under html[data-theme="dark"] and recolours Konte / WooCommerce parts
   that have their own fixed light colours. Deep warm mauve, never black. */
html[data-theme="dark"]{
  --lala-bg:#2A2131; --lala-surface:#352A3E; --lala-ink:#F6F0F9; --lala-muted:#CABED1; --lala-line:#4B3E56;
  --lala-accent:#C9AEE6; --lala-on-accent:#1E1424; --lala-accent-soft:#40324A; --lala-sale:#F28AB0; --lala-ok:#7FCBA4;
  --lala-amb-op:.4; --lala-sheet:rgb(42 33 49 / .18); --lala-sheen:rgb(255 255 255 / .07);
  --lala-field:#2F2537;
  color-scheme:dark;
}
html.lala-theme-switching *,html.lala-theme-switching *::before,html.lala-theme-switching *::after{transition:background-color .4s ease,color .4s ease,border-color .4s ease!important}

/* header button: moon in light, sun in night */
body .lala-hd .lala-hd-theme,body .lala-hd .lala-hd-theme:hover,body .lala-hd .lala-hd-theme:focus{background:transparent!important;color:var(--lala-ink)!important;border:0!important;box-shadow:none!important;padding:0!important}
body .lala-hd .lala-hd-theme:hover{background:var(--lala-accent-soft)!important}
.lala-hd-theme{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--lala-ink);cursor:pointer;transition:background .2s}
.lala-hd-theme:hover{background:var(--lala-accent-soft)}
.lala-hd-theme .lala-sun{display:none}
html[data-theme="dark"] .lala-hd-theme .lala-sun{display:block}
html[data-theme="dark"] .lala-hd-theme .lala-moon{display:none}

/* ---------- page and theme text ---------- */
html[data-theme="dark"] body,html[data-theme="dark"] body.lala{background:var(--lala-bg);color:var(--lala-ink)}
html[data-theme="dark"] body.lala .site-content,
html[data-theme="dark"] body.lala .site-content :is(p,li,td,th,dt,dd,label,span,strong,em,blockquote,figcaption,address),
html[data-theme="dark"] body.lala .entry-content,html[data-theme="dark"] body.lala .entry-summary{color:var(--lala-ink)}
html[data-theme="dark"] body.lala .site-content :is(h1,h2,h3,h4,h5,h6,.entry-title,.page-title){color:var(--lala-ink)}
html[data-theme="dark"] body.lala .site-content a:not(.button):not(.lala-btn):not(.lala-chip):not(.elementor-button){color:var(--lala-ink)}
html[data-theme="dark"] body.lala .site-content :is(.lala-muted,.woocommerce-result-count,.woocommerce-breadcrumb,.product_meta,.posted_in,.sku_wrapper){color:var(--lala-muted)}
html[data-theme="dark"] body.lala hr{border-color:var(--lala-line);background:var(--lala-line)}
html[data-theme="dark"] body.lala .page-header,html[data-theme="dark"] body.lala .single-page-header{background:transparent;color:var(--lala-ink)}

/* ---------- buttons (light ink buttons become light-on-dark) ---------- */
html[data-theme="dark"] body.lala .lala-scope .lala-btn{background:var(--lala-ink);border-color:var(--lala-ink);color:var(--lala-bg)}
html[data-theme="dark"] body.lala .lala-scope .lala-btn.lala-ghost{background:transparent;color:var(--lala-ink)}

/* ---------- form fields ---------- */
html[data-theme="dark"] body.lala :is(input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="number"],input[type="search"],input.input-text,select,textarea),
html[data-theme="dark"] body.lala .select2-container .select2-selection--single{background:var(--lala-field)!important;color:var(--lala-ink)!important;border-color:var(--lala-line)!important}
html[data-theme="dark"] body.lala :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--lala-muted) 75%,transparent)}
html[data-theme="dark"] .select2-dropdown{background:var(--lala-surface);color:var(--lala-ink);border-color:var(--lala-line)}
html[data-theme="dark"] .select2-results__option[aria-selected="true"],html[data-theme="dark"] .select2-results__option--highlighted{background:var(--lala-accent-soft)!important;color:var(--lala-ink)!important}
html[data-theme="dark"] .select2-container .select2-selection__rendered{color:var(--lala-ink)!important}
html[data-theme="dark"] body.lala input[type="checkbox"],html[data-theme="dark"] body.lala input[type="radio"]{accent-color:var(--lala-accent)}

/* ---------- Konte panels: side cart, sign in, mobile menu, search ---------- */
html[data-theme="dark"] body.lala .offscreen-panel .panel,
html[data-theme="dark"] body.lala .modal .modal-content,html[data-theme="dark"] body.lala .modal,
html[data-theme="dark"] body.lala .search-modal,html[data-theme="dark"] body.lala .mobile-menu-panel .panel{background:var(--lala-bg)!important;color:var(--lala-ink)}
html[data-theme="dark"] body.lala .offscreen-panel .backdrop,html[data-theme="dark"] body.lala .modal .backdrop{background:rgb(20 14 24 / .6)}
html[data-theme="dark"] body.lala :is(.offscreen-panel,.modal) :is(a,span,p,label,li,h1,h2,h3,h4,.panel__title,.modal__title,.menu-text,input){color:var(--lala-ink)}
html[data-theme="dark"] body.lala :is(.offscreen-panel,.modal) .hamburger-inner,
html[data-theme="dark"] body.lala :is(.offscreen-panel,.modal) .hamburger-inner::before,
html[data-theme="dark"] body.lala :is(.offscreen-panel,.modal) .hamburger-inner::after{background:var(--lala-ink)}
html[data-theme="dark"] body.lala .search-modal .search-field{background:transparent!important;border-color:var(--lala-line)!important}
html[data-theme="dark"] body.lala :is(.offscreen-panel,.modal) .svg-icon,html[data-theme="dark"] body.lala :is(.offscreen-panel,.modal) svg{color:var(--lala-ink);fill:currentColor}
html[data-theme="dark"] body.lala .header-account .account-links{background:var(--lala-surface);border-color:var(--lala-line)}
html[data-theme="dark"] body.lala .header-account .account-links a{color:var(--lala-ink)}
html[data-theme="dark"] body.lala .mobile-menu-panel :is(.menu,.nav-menu) li{border-color:var(--lala-line)}

/* ---------- WooCommerce ---------- */
html[data-theme="dark"] body.lala table.shop_table,html[data-theme="dark"] body.lala table.woocommerce-orders-table,
html[data-theme="dark"] body.lala .woocommerce table{background:var(--lala-surface)!important;color:var(--lala-ink);border-color:var(--lala-line)}
html[data-theme="dark"] body.lala .woocommerce table :is(th,td){border-color:var(--lala-line)!important;color:var(--lala-ink)}
html[data-theme="dark"] body.lala .quantity,html[data-theme="dark"] body.lala .quantity .qty{background:var(--lala-field)!important;color:var(--lala-ink)!important;border-color:var(--lala-line)!important}
html[data-theme="dark"] body.lala .quantity .qty-button,html[data-theme="dark"] body.lala .quantity .svg-icon{color:var(--lala-ink)}
html[data-theme="dark"] body.lala .woocommerce-tabs,html[data-theme="dark"] body.lala .woocommerce-tabs .panel,
html[data-theme="dark"] body.lala .wc-tabs li{background:transparent!important;border-color:var(--lala-line)!important}
html[data-theme="dark"] body.lala.single-product .woocommerce-tabs .tabs a{color:var(--lala-muted)}
html[data-theme="dark"] body.lala.single-product .woocommerce-tabs .tabs .active a{color:var(--lala-ink)}
html[data-theme="dark"] body.lala .woocommerce-product-gallery__wrapper,html[data-theme="dark"] body.lala .flex-control-thumbs{background:transparent}
html[data-theme="dark"] body.lala .sticky-cart-form{background:var(--lala-surface)!important;border-color:var(--lala-line)!important;color:var(--lala-ink)}
html[data-theme="dark"] body.lala #payment,html[data-theme="dark"] body.lala #payment .payment_box{background:var(--lala-accent-soft)!important;color:var(--lala-ink)}
html[data-theme="dark"] body.lala #payment .payment_box::before{border-bottom-color:var(--lala-accent-soft)!important}
html[data-theme="dark"] body.lala .woocommerce-checkout-review-order-table,html[data-theme="dark"] body.lala .cart_totals table{background:transparent!important}
html[data-theme="dark"] body.lala .blockUI.blockOverlay{background:rgb(42 33 49 / .7)!important}
html[data-theme="dark"] body.lala .woocommerce-pagination a,html[data-theme="dark"] body.lala .woocommerce-pagination span{color:var(--lala-ink);border-color:var(--lala-line)}
html[data-theme="dark"] body.lala .star-rating,html[data-theme="dark"] body.lala .star-rating::before{color:#E9C46A}
html[data-theme="dark"] body.lala .cart-empty.woocommerce-info::before,html[data-theme="dark"] body.lala .wc-empty-cart-message svg{color:var(--lala-ink);fill:var(--lala-ink)}
html[data-theme="dark"] body.lala .lala-pays img{border-color:transparent}

/* ---------- glass pieces become dark glass ---------- */
html[data-theme="dark"] .lala-toast{background:linear-gradient(135deg,rgb(255 255 255 / .12),rgb(255 255 255 / .04)),rgb(42 33 49 / .55)!important;border-color:rgb(255 255 255 / .16)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .14),0 18px 50px -12px rgb(0 0 0 / .55)!important}
html[data-theme="dark"] .lala-toast-img{background:rgb(255 255 255 / .08);box-shadow:0 0 0 1px rgb(255 255 255 / .12)}
html[data-theme="dark"] .lala-toast-x:hover{background:rgb(255 255 255 / .1)}
html[data-theme="dark"] body.lala ul.products li.product .product-inner:hover{background:linear-gradient(160deg,rgb(255 255 255 / .1),rgb(255 255 255 / .03))!important;border-color:rgb(255 255 255 / .14)!important;box-shadow:inset 0 1px 0 rgb(255 255 255 / .12),0 18px 40px -18px rgb(0 0 0 / .6)!important}
/* round buttons on product photos stay light glass: the photos themselves are light */

/* ---------- hero, homepage sections ---------- */
html[data-theme="dark"] .lala-hero{background:radial-gradient(520px circle at var(--mx,72%) var(--my,45%),color-mix(in srgb,var(--hs) 26%,transparent),transparent 70%),color-mix(in srgb,var(--lala-surface) 62%,transparent)}
html[data-theme="dark"] .lala-hero-tag{background:var(--lala-surface);color:var(--lala-ink)}
html[data-theme="dark"] .lala-hs{background:var(--lala-bg)}

/* ---------- pages built with WPBakery / Elementor: follow the theme text colour ---------- */
html[data-theme="dark"] body.lala .site-content :is(.wpb_wrapper,.vc_column-inner,.elementor-widget-text-editor,.elementor-widget-heading,.elementor-widget-container) :is(p,li,span,h1,h2,h3,h4,h5,h6,strong,a:not(.button):not(.elementor-button)):not(.lala-scope *){color:var(--lala-ink)!important}
html[data-theme="dark"] body.lala .site-content :is(.vc_toggle_content,.vc_tta-panel-body,.vc_tta-panel-heading,.elementor-accordion-item,.elementor-tab-content,.elementor-tab-title){background:transparent!important;color:var(--lala-ink)!important;border-color:var(--lala-line)!important}

/* ---------- other plugins ---------- */
html[data-theme="dark"] .wcboost-products-compare-popup,html[data-theme="dark"] .wcboost-wishlist-widget{background:var(--lala-surface);color:var(--lala-ink)}
/* My Account: Sign in / Create an account tabs */
html[data-theme="dark"] body.lala .tab-nav{color:var(--lala-muted)!important}
html[data-theme="dark"] body.lala .tab-nav.active{color:var(--lala-ink)!important}
html[data-theme="dark"] body.lala .tab-nav.active::after,html[data-theme="dark"] body.lala .tab-nav::after,html[data-theme="dark"] body.lala .underline-hover::after{background-color:var(--lala-ink)!important}