/* ============================================================
   LIGHT MODE — overrides pour valeurs codées en dur (non-variables)
   Toutes les règles ici sont scopées sous html[data-theme="light"]
   Structure : 10 sections par rôle visuel, pas par page.
   ============================================================ */


/* ════════════════════════════════════════════════════════════
   1. HEADER & NAVIGATION
   Couvre : header, nav desktop, icon buttons, menu mobile,
   blocs workspace mobile, dropdown desktop.
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] #header {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.97), rgba(252, 249, 244, 0.98));
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06);
}

/* Nav desktop */
html[data-theme="light"] .main-menu a,
html[data-theme="light"] .dropdown-trigger {
  color: #374151;
}

html[data-theme="light"] .main-menu a:hover,
html[data-theme="light"] .main-menu a:focus-visible,
html[data-theme="light"] .dropdown-trigger:hover,
html[data-theme="light"] .dropdown-trigger:focus-visible,
html[data-theme="light"] .dropdown-trigger[aria-expanded="true"] {
  color: #1a1a1a;
  background: rgba(0, 0, 0, 0.05);
}

/* Zone droite header — token unique sans exception.
   !important nécessaire pour écraser les border/shadow codés en dur. */
html[data-theme="light"] .icon-button,
html[data-theme="light"] .loyalty-header-points,
html[data-theme="light"] .loyalty-header-points--guest {
  background: rgba(0, 0, 0, 0.04) !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  box-shadow: none !important;
  color: #1a1a1a !important;
}

html[data-theme="light"] .icon-button i,
html[data-theme="light"] .loyalty-header-button i,
html[data-theme="light"] .loyalty-header-points-value,
html[data-theme="light"] .loyalty-header-label {
  color: #1a1a1a !important;
}

html[data-theme="light"] .icon-button:hover,
html[data-theme="light"] .icon-button:focus-visible {
  background: rgba(0, 0, 0, 0.08) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
  box-shadow: none !important;
}

html[data-theme="light"] .user-profile-image {
  border: none !important;
  box-shadow: none !important;
}

html[data-theme="light"] .cart-count {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border-color: rgba(253, 243, 224, 0.9) !important;
}

/* Menu mobile — bouton + panneau */
html[data-theme="light"] .mobile-menu-toggle {
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: rgba(0, 0, 0, 0.04);
  color: #374151;
}

html[data-theme="light"] .mobile-menu-toggle:hover,
html[data-theme="light"] .mobile-menu-toggle:focus-visible {
  background: rgba(0, 0, 0, 0.07);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .mobile-menu {
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 253, 250, 0.99);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] .mobile-menu-close {
  color: #374151;
}

html[data-theme="light"] .mobile-menu-close:hover,
html[data-theme="light"] .mobile-menu-close:focus-visible {
  color: #1a1a1a;
}

html[data-theme="light"] .mobile-menu-link,
html[data-theme="light"] .mobile-menu-expand-trigger {
  color: #374151;
}

html[data-theme="light"] .mobile-menu-link:hover,
html[data-theme="light"] .mobile-menu-link:focus-visible,
html[data-theme="light"] .mobile-menu-expand-trigger:hover,
html[data-theme="light"] .mobile-menu-expand-trigger:focus-visible {
  color: #1a1a1a;
}

/* Blocs workspace dans le menu mobile */
html[data-theme="light"] .mobile-workspace-block {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .mobile-workspace-block:active {
  background: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .mobile-workspace-block .block-icon {
  background: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.07);
  color: #1a1a1a;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .mobile-workspace-block .block-title {
  color: #1a1a1a;
}

/* Dropdown desktop */
html[data-theme="light"] .dropdown-menu {
  background: rgba(255, 253, 250, 0.99);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.10);
}

html[data-theme="light"] .dropdown-item {
  color: #374151;
}

html[data-theme="light"] .dropdown-item:hover,
html[data-theme="light"] .dropdown-item:focus-visible {
  background: rgba(0, 0, 0, 0.04);
  color: #1a1a1a;
}

html[data-theme="light"] .dropdown-item-title {
  color: #1a1a1a;
}

html[data-theme="light"] .dropdown-item-description {
  color: #6b7280;
}


/* ════════════════════════════════════════════════════════════
   2. BOUTIQUE
   hub-layout.css force des fonds noirs via #customize-main.hub-layout —
   on les écrase avec !important, les seuls justifiés ici.
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] #customize-main.hub-layout {
  background: var(--color-bg) !important;
  color: var(--color-text);
}

html[data-theme="light"] #customize-main.hub-layout > #content {
  background: var(--color-bg) !important;
}

/* Sidebar filtres */
html[data-theme="light"] .shop-sidebar,
html[data-theme="light"] .shop-sidebar__header {
  background: var(--color-sidebar) !important;
  border-color: var(--color-border);
  color: var(--color-text);
}

html[data-theme="light"] .shop-filter-group__title,
html[data-theme="light"] .shop-sidebar__count,
html[data-theme="light"] .shop-filter-item__count,
html[data-theme="light"] .shop-price-slider__bounds,
html[data-theme="light"] .shop-price-slider__label {
  color: var(--color-text-muted);
}

html[data-theme="light"] .shop-filter-item__name {
  color: var(--color-text);
}

html[data-theme="light"] .shop-filter-item__box {
  background: #fff;
  border-color: var(--color-border-strong);
}

html[data-theme="light"] .shop-price-slider__track {
  background: #e5e7eb;
}

/* Topbar — tabs et tri.
   hub-layout force color:#fff sur tous les buttons — sélecteurs
   assez spécifiques pour gagner sans !important. */
html[data-theme="light"] .shop-topbar .shop-tab {
  background: #fff;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong);
}

html[data-theme="light"] .shop-topbar .shop-tab:hover,
html[data-theme="light"] .shop-topbar .shop-tab--active {
  background: var(--color-accent-light);
  border-color: rgba(14, 168, 126, 0.45);
  color: var(--color-accent-dark) !important;
}

html[data-theme="light"] .shop-toolbar .shop-toolbar__btn {
  background: #fff;
  color: var(--color-text-muted) !important;
  border-color: var(--color-border-strong);
}

html[data-theme="light"] .shop-toolbar .shop-toolbar__btn:hover {
  background: #f3f4f6;
  color: var(--color-text) !important;
}

html[data-theme="light"] .shop-sort-menu {
  background: #fff;
}

html[data-theme="light"] .shop-sort-menu button {
  color: var(--color-text-muted) !important;
}

html[data-theme="light"] .shop-sort-menu button:hover {
  background: #f9fafb;
  color: var(--color-text) !important;
}

/* Cartes produits */
html[data-theme="light"] .product-card {
  background:
    linear-gradient(180deg, #ffffff, #faf6f0) padding-box,
    linear-gradient(140deg, rgba(0, 0, 0, 0.07), rgba(0, 0, 0, 0.02)) border-box;
  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.05),
    0 8px 28px rgba(0, 0, 0, 0.08);
  color: #1a1a1a;
}

html[data-theme="light"] .product-card::before {
  background:
    radial-gradient(125% 90% at 50% 0%, rgba(109, 242, 210, 0.06), transparent 65%),
    radial-gradient(120% 100% at 50% 100%, rgba(26, 188, 156, 0.04), transparent 70%);
  opacity: 1;
}

html[data-theme="light"] .product-card::after {
  background: radial-gradient(circle at center, rgba(109, 242, 210, 0.10), transparent 65%);
}

html[data-theme="light"] .product-card:hover,
html[data-theme="light"] .product-card:focus-visible {
  background:
    linear-gradient(180deg, #ffffff, #f2faf7) padding-box,
    linear-gradient(135deg, rgba(109, 242, 210, 0.6), rgba(26, 188, 156, 0.2)) border-box;
  box-shadow:
    0 8px 28px rgba(0, 0, 0, 0.10),
    0 0 20px rgba(109, 242, 210, 0.18);
  color: #1a1a1a;
}

html[data-theme="light"] .product-card__visual {
  background: #f0ece5;
}

html[data-theme="light"] .product-card__badge--nouveau {
  background: #e6f7f2;
  color: #0d8f6a;
  border-color: rgba(14, 168, 126, 0.35);
}

html[data-theme="light"] .product-title,
html[data-theme="light"] .product-card__name {
  color: #1a1a1a;
  text-shadow: none;
}

html[data-theme="light"] .product-card__family,
html[data-theme="light"] .product-card__review-count,
html[data-theme="light"] .product-card__price-from {
  color: var(--color-text-muted);
}

html[data-theme="light"] .product-card__price-val {
  color: var(--color-accent-dark);
}


/* ════════════════════════════════════════════════════════════
   3. FOOTER
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] .site-footer {
  color: #374151;
  background: #ede8de;
}

html[data-theme="light"] .upper-band {
  background: linear-gradient(150deg, rgba(255, 252, 248, 0.98), rgba(245, 240, 232, 0.96));
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 -1.625rem 3.375rem rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .upper-band::before {
  opacity: 0.15;
}

html[data-theme="light"] .footer-link {
  color: #4b5563;
}

html[data-theme="light"] .footer-link:hover,
html[data-theme="light"] .footer-link:focus-visible {
  color: #1a1a1a;
}

html[data-theme="light"] .footer-link::after {
  background: linear-gradient(90deg, rgba(26, 26, 26, 0.40), rgba(26, 26, 26, 0));
}

html[data-theme="light"] .lower-band {
  background: linear-gradient(160deg, rgba(240, 236, 227, 0.98), rgba(234, 230, 220, 0.96));
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .lower-band p {
  color: #6b7280;
}

html[data-theme="light"] .footer-socials a {
  --social-color: #4b5563;
}

html[data-theme="light"] .footer-socials a[aria-label="TikTok"] {
  color: #1a1a1a;
}


/* ════════════════════════════════════════════════════════════
   4. HOME PAGE
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] #site-content.home-page {
  background-color: var(--color-bg);
  background-image:
    radial-gradient(ellipse 90% 55% at 72% 2%,  rgba(26, 188, 156, 0.05) 0%, transparent 58%),
    radial-gradient(ellipse 65% 45% at 12% 22%, rgba(0, 100, 120, 0.03) 0%, transparent 55%),
    radial-gradient(ellipse 80% 40% at 50% 75%, rgba(5,  55,  75, 0.03) 0%, transparent 62%);
  color: var(--color-text-body);
}

html[data-theme="light"] .landing-hero--primary::after {
  display: none;
}

html[data-theme="light"] .landing-hero__lead {
  color: #374151;
}

html[data-theme="light"] .landing-hero__eyebrow {
  background: rgba(14, 168, 126, 0.10);
  border-color: rgba(14, 168, 126, 0.30);
  color: var(--color-accent);
}

html[data-theme="light"] .landing-hero__button--outline {
  border-color: rgba(0, 0, 0, 0.22);
  color: #1a1a1a;
}

html[data-theme="light"] .landing-hero__button--outline:hover {
  background: rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .home-steps__img {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .home-panel--community .home-button:hover {
  color: var(--color-text);
  background: rgba(14, 168, 126, 0.10);
}

html[data-theme="light"] .home-panel__text {
  color: #4b5563;
}

html[data-theme="light"] .landing-products__label {
  color: #1a1a1a;
}

html[data-theme="light"] .landing-products__rating-text {
  color: #4b5563;
}

html[data-theme="light"] .home-reviews__card-date {
  color: #6b7280;
}

html[data-theme="light"] .carousel-control-prev,
html[data-theme="light"] .carousel-control-next {
  background: rgba(255, 253, 250, 0.92);
  border-color: rgba(0, 0, 0, 0.09);
  color: #1a1a1a;
}

html[data-theme="light"] .carousel-control-prev:hover,
html[data-theme="light"] .carousel-control-next:hover,
html[data-theme="light"] .carousel-control-prev:focus-visible,
html[data-theme="light"] .carousel-control-next:focus-visible {
  background: rgba(255, 253, 250, 0.99);
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 1.25rem 2.375rem rgba(0, 0, 0, 0.08);
}


/* ════════════════════════════════════════════════════════════
   5. SURFACES PARTAGÉES — token cross-pages
   Tous les panneaux secondaires (fonds rgba(0,0,0,0.03)) partagent
   la même apparence quelle que soit la page.
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] .home-spotlights__card,
html[data-theme="light"] .ws-draft-item,
html[data-theme="light"] .ws-mission,
html[data-theme="light"] .product-details__card,
html[data-theme="light"] .product-description,
html[data-theme="light"] .product-social-proof,
html[data-theme="light"] .trust-badges,
html[data-theme="light"] .feature-item,
html[data-theme="light"] .account-sidebar__callout,
html[data-theme="light"] .sorting-container,
html[data-theme="light"] .tnl-pcard,
html[data-theme="light"] .tnl-recap {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.07);
}

/* Ombres spécifiques sur certaines surfaces secondaires */
html[data-theme="light"] .product-details__card {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .product-description {
  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .account-sidebar__callout {
  color: #374151;
}


/* ════════════════════════════════════════════════════════════
   6. PAGE PRODUIT
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] .product-info,
html[data-theme="light"] .product-details {
  background: linear-gradient(160deg, rgba(255, 253, 250, 0.97), rgba(250, 246, 240, 0.96)) !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 28px 48px rgba(0, 0, 0, 0.09) !important;
  color: #1a1a1a;
}

html[data-theme="light"] .product-name,
html[data-theme="light"] .delivery-time,
html[data-theme="light"] .loyalty-card__title {
  color: #1a1a1a;
}

html[data-theme="light"] .product-section-label,
html[data-theme="light"] .price-title,
html[data-theme="light"] .delivery-title,
html[data-theme="light"] .product-subtitle,
html[data-theme="light"] .customize-subtitle,
html[data-theme="light"] .price-ht,
html[data-theme="light"] .loyalty-card__sub,
html[data-theme="light"] .shipping-cost {
  color: #4b5563 !important;
}

html[data-theme="light"] .delivery-location {
  color: #374151;
}

html[data-theme="light"] .trust-badge {
  color: #4b5563 !important;
}

/* Fil d'Ariane */
html[data-theme="light"] .breadcrumb-list,
html[data-theme="light"] .breadcrumb-list a {
  color: #4b5563;
}

html[data-theme="light"] .breadcrumb-list a:hover {
  color: #0ea87e;
}

html[data-theme="light"] .breadcrumb-list .breadcrumb-current {
  color: #374151;
}

html[data-theme="light"] .breadcrumb-list li + li::before {
  color: #9ca3af;
}

/* Description accordéon */
html[data-theme="light"] .product-description .description-content {
  color: #374151;
  border-top-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .toggle-description {
  color: #1a1a1a;
}

html[data-theme="light"] .toggle-description:hover,
html[data-theme="light"] .toggle-description:focus-visible {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .toggle-icon {
  border-right-color: #4b5563;
  border-bottom-color: #4b5563;
}

/* Preuve sociale */
html[data-theme="light"] .social-proof-item + .social-proof-item {
  border-left-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .social-proof-text strong {
  color: #1a1a1a;
}

html[data-theme="light"] .social-proof-text span {
  color: #4b5563;
}

html[data-theme="light"] .product-selector {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

/* Sélecteur de vues (thumbnails) */
html[data-theme="light"] .image-thumbnails {
  background: linear-gradient(135deg, rgba(255, 253, 250, 0.96), rgba(248, 244, 238, 0.94));
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .thumbnail {
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
  background: rgba(0, 0, 0, 0.03);
}

/* Tailles */
html[data-theme="light"] .size-option {
  background: linear-gradient(135deg, rgba(255, 253, 250, 0.96), rgba(248, 244, 238, 0.94));
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.10);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07);
  text-shadow: none;
}

html[data-theme="light"] .size-select-wrapper {
  background: linear-gradient(135deg, rgba(255, 253, 250, 0.96), rgba(248, 244, 238, 0.94));
  border-color: rgba(0, 0, 0, 0.10);
}

html[data-theme="light"] .size-selector {
  background: transparent;
  color: #1a1a1a;
}

html[data-theme="light"] .size-selector option,
html[data-theme="light"] .tnl-select option {
  color: #1a1a1a;
  background-color: var(--color-bg);
}

html[data-theme="light"] .size-select-wrapper::after {
  border-right-color: #4b5563;
  border-bottom-color: #4b5563;
}

/* Dropdown produit */
html[data-theme="light"] .options-list {
  background: rgba(255, 253, 250, 0.98);
  border-color: rgba(0, 0, 0, 0.09);
  color: #1a1a1a;
  box-shadow: 0 28px 60px rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] .options-list li {
  color: #1a1a1a;
}

html[data-theme="light"] .options-list li:hover,
html[data-theme="light"] .options-list li:focus-visible {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: 0 10px 18px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .selected-visual {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .dropdown-icon {
  background: rgba(0, 0, 0, 0.05);
  color: #4b5563;
}

html[data-theme="light"] .dropdown-icon:hover {
  background: rgba(0, 0, 0, 0.09);
  color: #1a1a1a;
}

html[data-theme="light"] .option-visual {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .option-text {
  color: #1a1a1a;
}

/* Bouton "Acheter maintenant" */
html[data-theme="light"] .buy-now-button {
  background: linear-gradient(135deg, rgba(248, 244, 238, 0.98), rgba(240, 236, 228, 0.96));
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .buy-now-button:hover,
html[data-theme="light"] .buy-now-button:focus-visible {
  border-color: rgba(0, 0, 0, 0.20);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.10);
}

/* Boutons flottants (wishlist / share) */
html[data-theme="light"] .btn-icon {
  background: linear-gradient(135deg, rgba(255, 253, 250, 0.96), rgba(248, 244, 238, 0.94));
  border-color: rgba(0, 0, 0, 0.10);
  color: #4b5563;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
}

/* Caractéristiques produit */
html[data-theme="light"] .feature-item span {
  color: #4b5563;
}


/* ════════════════════════════════════════════════════════════
   7. COMPTE & WORKSPACE
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] .site-content.account-page {
  color: var(--color-text);
}

/* Fondus scroll sidebar → ton beige */
html[data-theme="light"] .account-page .sidebar::before {
  background: linear-gradient(to bottom,
    rgba(248, 244, 237, 0.96) 0%,
    rgba(248, 244, 237, 0.82) 35%,
    rgba(248, 244, 237, 0) 100%
  );
}

html[data-theme="light"] .account-page .sidebar::after {
  background: linear-gradient(to top,
    rgba(248, 244, 237, 0.96) 0%,
    rgba(248, 244, 237, 0.82) 35%,
    rgba(248, 244, 237, 0) 100%
  );
}

html[data-theme="light"] .profile-picture {
  border-color: rgba(0, 0, 0, 0.10);
  background: radial-gradient(circle at 50% 30%, rgba(26, 188, 156, 0.09), rgba(248, 244, 237, 0.92));
}

html[data-theme="light"] .circle-plus {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .navigation-menu__title {
  color: #4b5563;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .navigation-menu a {
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .logout-button {
  background: linear-gradient(135deg, rgba(255, 235, 235, 0.85), rgba(255, 220, 220, 0.75));
  border-color: rgba(220, 80, 80, 0.25);
  color: #c0392b;
}

html[data-theme="light"] .logout-button:hover,
html[data-theme="light"] .logout-button:focus-visible {
  background: linear-gradient(135deg, rgba(255, 107, 107, 0.20), rgba(255, 107, 107, 0.09));
  border-color: rgba(220, 80, 80, 0.40);
  color: #a93226;
}

/* Workspace */
html[data-theme="light"] .ws-stat-card:hover {
  box-shadow: 0 0 0 1px rgba(26, 188, 156, 0.12), 0 16px 40px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .ws-level-bar,
html[data-theme="light"] .ws-draft-progress__bar {
  background: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .ws-level-max {
  color: #9ca3af;
}

html[data-theme="light"] .badge-star--empty {
  color: #d1d5db;
}

html[data-theme="light"] .ws-missions-footer {
  border-top-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .ws-missions-footer__link {
  color: #4b5563;
}

html[data-theme="light"] .ws-missions-footer:hover .ws-missions-footer__link {
  color: #1a1a1a;
}

html[data-theme="light"] .ws-card-btn--secondary {
  background: rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .ws-card-btn--secondary:hover {
  background: rgba(0, 0, 0, 0.09);
  color: #1a1a1a;
}

html[data-theme="light"] .ws-tab-count {
  background: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .ws-filter-tab {
  border-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .ws-creation-card__visual {
  background: rgba(0, 0, 0, 0.04);
}


/* ════════════════════════════════════════════════════════════
   8. COMMUNAUTÉ
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] .community-page {
  --community-surface:      rgba(255, 253, 250, 0.97);
  --community-border:       rgba(0, 0, 0, 0.08);
  --community-accent-soft:  rgba(14, 168, 126, 0.08);
  background:
    radial-gradient(circle at top right,  rgba(14, 168, 126, 0.04), transparent 58%),
    radial-gradient(circle at bottom left, rgba(14, 168, 126, 0.03), transparent 60%),
    var(--color-bg);
  color: var(--color-text);
}

html[data-theme="light"] .community-card::before {
  background: linear-gradient(180deg, rgba(14, 168, 126, 0.05), transparent 70%);
}

html[data-theme="light"] .community-hero__title {
  color: #1a1a1a;
}

html[data-theme="light"] .community-hero__description,
html[data-theme="light"] .community-profile-loading {
  color: #374151;
}

html[data-theme="light"] .community-profile-back {
  border-color: rgba(0, 0, 0, 0.10);
  color: #374151;
}

html[data-theme="light"] .community-profile-back:hover,
html[data-theme="light"] .community-profile-back:focus {
  background: rgba(14, 168, 126, 0.08);
  color: #1a1a1a;
}

html[data-theme="light"] #community-user-profile {
  background: rgba(255, 253, 250, 0.97);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

html[data-theme="light"] .community-user-logo {
  background: linear-gradient(160deg, rgba(14, 168, 126, 0.12), rgba(248, 244, 237, 0.9));
}

html[data-theme="light"] .community-user-info .community-user-name {
  color: #1a1a1a;
}

html[data-theme="light"] .community-user-info .community-user-stats {
  color: #4b5563;
}

html[data-theme="light"] .sorting-container button {
  color: #4b5563;
}

html[data-theme="light"] .sorting-container button:hover,
html[data-theme="light"] .sorting-container button:focus-visible {
  color: #1a1a1a;
}

html[data-theme="light"] .search-container__field {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: none;
}

html[data-theme="light"] #search-input {
  color: #1a1a1a;
}

html[data-theme="light"] #search-input::placeholder {
  color: #9ca3af;
}

html[data-theme="light"] .community-gallery__placeholder {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.06);
  box-shadow: none;
}

html[data-theme="light"] .imageContainer {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .imageContainer:hover,
html[data-theme="light"] .imageContainer:focus-within {
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .image-meta {
  background: rgba(255, 253, 250, 0.94);
}

html[data-theme="light"] .image-meta__user {
  color: #1a1a1a;
}

html[data-theme="light"] .image-meta__avatar {
  border-color: rgba(0, 0, 0, 0.12);
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .image-meta__likes {
  color: #374151;
}

html[data-theme="light"] .community-gallery__loading,
html[data-theme="light"] #caption {
  color: #374151;
}


/* ════════════════════════════════════════════════════════════
   9. TUNNEL (CRÉER)
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] .tunnel-page {
  --tnl-bg:     var(--color-bg);
  --tnl-card-l: rgba(255, 253, 250, 0.97);
  --tnl-card-r: rgba(250, 246, 240, 0.95);
  --tnl-border: rgba(0, 0, 0, 0.08);
  --tnl-text:   #1a1a1a;
  --tnl-muted:  #6b7280;
}

html[data-theme="light"] .tnl-card {
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px var(--tnl-border);
}

html[data-theme="light"] .tnl-dot {
  background: rgba(0, 0, 0, 0.10);
}

html[data-theme="light"] .tnl-left-body {
  scrollbar-color: rgba(0, 0, 0, 0.10) transparent;
}

html[data-theme="light"] .tnl-select {
  background-color: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .tnl-upload-z {
  border-color: rgba(0, 0, 0, 0.12);
}

html[data-theme="light"] .tnl-textarea {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .tnl-textarea::placeholder {
  color: #9ca3af;
}

html[data-theme="light"] .tnl-gen-bar-w {
  background: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .tnl-gen-preview {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .tnl-regen-btn:hover {
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.20);
}

html[data-theme="light"] .tnl-btn-ghost:hover {
  color: #1a1a1a;
  border-color: rgba(0, 0, 0, 0.20);
}

html[data-theme="light"] .tnl-preview-hint,
html[data-theme="light"] .tnl-right-gen-hint {
  color: #9ca3af;
}

html[data-theme="light"] .tnl-thumb {
  background: rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .tnl-exit-box {
  background: var(--color-bg);
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}


/* ════════════════════════════════════════════════════════════
   10. PAGES LÉGALES (mentions légales, CGV, confidentialité, retours, cookies)
   legal-global.css utilise des variables locales --legal-* : il suffit de
   les re-déclarer en mode clair pour que toute la cascade suive.
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] .site-content.legal-page {
  --legal-background:    var(--color-bg);
  --legal-accent:        #0ea87e;
  --legal-accent-soft:   rgba(14, 168, 126, 0.10);
  --legal-border:        rgba(0, 0, 0, 0.09);
  --legal-border-strong: rgba(0, 0, 0, 0.14);
  --legal-text-strong:   #1a1a1a;
  --legal-text-body:     #374151;
  --legal-text-muted:    #6b7280;
}

/* Overlay blanc → désactivé en clair */
html[data-theme="light"] .site-content.legal-page::before {
  display: none;
}

/* Card hero : fond sombre hardcodé → blanc */
html[data-theme="light"] .legal-hero__inner {
  background: linear-gradient(155deg, rgba(255, 253, 250, 0.97), rgba(248, 244, 238, 0.95));
  border-color: rgba(0, 0, 0, 0.10);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
  backdrop-filter: none;
}

/* Articles : fond sombre hardcodé → blanc */
html[data-theme="light"] .legal-article {
  background: linear-gradient(150deg, rgba(255, 253, 250, 0.97), rgba(248, 244, 238, 0.94));
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  backdrop-filter: none;
}

/* Eyebrow : fond blanc-transparent → vert doux */
html[data-theme="light"] .legal-hero__eyebrow {
  background: rgba(14, 168, 126, 0.08);
  border-color: rgba(14, 168, 126, 0.25);
}

/* Lien hover : blanc → vert sombre */
html[data-theme="light"] .legal-article a:hover,
html[data-theme="light"] .legal-article a:focus-visible {
  color: #0a5e47;
}


/* ════════════════════════════════════════════════════════════
   11. MODAL PANIER
   ════════════════════════════════════════════════════════════ */

/* Panneau principal */
html[data-theme="light"] .cart-modal-content {
  background: linear-gradient(145deg, rgba(255, 253, 250, 0.99), rgba(248, 244, 238, 0.97));
  border-color: rgba(0, 0, 0, 0.10);
  box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.15);
  color: #1a1a1a;
}

html[data-theme="light"] .cart-modal-content::before {
  display: none;
}

/* Header */
html[data-theme="light"] .cart-header {
  background: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .cart-title {
  color: #1a1a1a;
}

html[data-theme="light"] .close-cart {
  color: #6b7280;
}

html[data-theme="light"] .close-cart:hover,
html[data-theme="light"] .close-cart:focus-visible {
  color: #0ea87e;
}

/* Toggle HT/TTC */
html[data-theme="light"] .tax-toggle {
  color: #6b7280;
}

html[data-theme="light"] .tax-toggle .switch {
  background: rgba(0, 0, 0, 0.07);
  border-color: rgba(0, 0, 0, 0.15);
  box-shadow: none;
}

html[data-theme="light"] .tax-toggle .slider {
  background: rgba(255, 253, 250, 0.9);
}

/* Corps */
html[data-theme="light"] .cart-body {
  background: transparent;
}

html[data-theme="light"] .cart-body::before {
  display: none;
}

/* Items */
html[data-theme="light"] .custom-cart-item {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

html[data-theme="light"] .custom-cart-item::after {
  display: none;
}

html[data-theme="light"] .item-image {
  border-color: rgba(0, 0, 0, 0.10);
  box-shadow: none;
}

html[data-theme="light"] .item-name {
  color: #1a1a1a;
}

html[data-theme="light"] .item-variant {
  color: #6b7280;
}

html[data-theme="light"] .item-price {
  color: #0ea87e;
}

html[data-theme="light"] .item-price .item-total {
  color: #6b7280;
}

html[data-theme="light"] .item-qty {
  color: #4b5563;
}

html[data-theme="light"] .cart-modal .item-qty input[type="number"] {
  background: #f9fafb !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #1a1a1a !important;
}

html[data-theme="light"] .item-qty input:focus,
html[data-theme="light"] .item-qty input:focus-visible {
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(14, 168, 126, 0.15) !important;
}

html[data-theme="light"] .custom-cart-item .remove-item {
  color: #9ca3af;
}

html[data-theme="light"] .remove-item:hover,
html[data-theme="light"] .remove-item:focus {
  color: #0ea87e;
}

/* Récap */
html[data-theme="light"] .cart-summary {
  color: #4b5563;
}

html[data-theme="light"] .cart-summary strong {
  color: #1a1a1a;
}

html[data-theme="light"] .cart-note {
  color: #0ea87e;
}

html[data-theme="light"] .empty-cart-message,
html[data-theme="light"] .creating-message {
  color: #9ca3af;
}

/* Footer */
html[data-theme="light"] .cart-footer {
  background: linear-gradient(180deg, rgba(248, 244, 238, 0.92), rgba(240, 236, 228, 0.97));
  border-top-color: rgba(0, 0, 0, 0.08);
  box-shadow: none;
}


/* ════════════════════════════════════════════════════════════
   12. CONTACT
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] body.page-template-contact {
  background: radial-gradient(circle at top, rgba(14, 168, 126, 0.05), transparent 55%),
              radial-gradient(circle at bottom, rgba(14, 168, 126, 0.04), transparent 60%),
              var(--color-bg);
}

html[data-theme="light"] .contact-container {
  background: rgba(255, 253, 250, 0.97);
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
  backdrop-filter: none;
}

html[data-theme="light"] .contact-intro h2 {
  color: #1a1a1a;
}

html[data-theme="light"] .contact-intro p {
  color: #374151;
}

html[data-theme="light"] .contact-form {
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: none;
}

html[data-theme="light"] body.page-template-contact .wpcf7-form label {
  color: #374151;
}

html[data-theme="light"] body.page-template-contact .wpcf7-form input[type="text"],
html[data-theme="light"] body.page-template-contact .wpcf7-form input[type="email"],
html[data-theme="light"] body.page-template-contact .wpcf7-form input[type="tel"],
html[data-theme="light"] body.page-template-contact .wpcf7-form textarea {
  background: #f9fafb;
  border-color: rgba(0, 0, 0, 0.15);
  color: #1a1a1a;
}

html[data-theme="light"] body.page-template-contact .wpcf7-form input[type="text"]:focus,
html[data-theme="light"] body.page-template-contact .wpcf7-form input[type="email"]:focus,
html[data-theme="light"] body.page-template-contact .wpcf7-form input[type="tel"]:focus,
html[data-theme="light"] body.page-template-contact .wpcf7-form textarea:focus {
  background: #ffffff;
  border-color: rgba(14, 168, 126, 0.60);
  box-shadow: 0 0 0 4px rgba(14, 168, 126, 0.15);
}


/* ════════════════════════════════════════════════════════════
   12. CHECKOUT
   Valeurs explicites (pas de var() dont le fallback est blanc)
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] body.woocommerce-checkout {
  background: radial-gradient(circle at top, rgba(14, 168, 126, 0.04), transparent 55%),
              radial-gradient(circle at bottom, rgba(14, 168, 126, 0.05), transparent 60%),
              #fdf3e0 !important;
}

/* Champs natifs */
html[data-theme="light"] body.woocommerce-checkout input[type=text],
html[data-theme="light"] body.woocommerce-checkout input[type=email],
html[data-theme="light"] body.woocommerce-checkout input[type=number],
html[data-theme="light"] body.woocommerce-checkout input[type=password],
html[data-theme="light"] body.woocommerce-checkout input[type=tel],
html[data-theme="light"] body.woocommerce-checkout textarea,
html[data-theme="light"] body.woocommerce-checkout select {
  background: #f9fafb !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  color: #1a1a1a !important;
}

html[data-theme="light"] body.woocommerce-checkout input:focus,
html[data-theme="light"] body.woocommerce-checkout textarea:focus,
html[data-theme="light"] body.woocommerce-checkout select:focus {
  background: #ffffff !important;
  border-color: rgba(14, 168, 126, 0.60) !important;
  box-shadow: 0 0 0 0.25rem rgba(14, 168, 126, 0.15) !important;
}

html[data-theme="light"] body.woocommerce-checkout label {
  color: #4b5563 !important;
}

/* Select2 */
html[data-theme="light"] body.woocommerce-checkout .select2-container .select2-selection,
html[data-theme="light"] body.woocommerce-checkout .select2-dropdown {
  background: #f9fafb !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #1a1a1a !important;
}

html[data-theme="light"] body.woocommerce-checkout .select2-container .select2-selection__rendered,
html[data-theme="light"] body.woocommerce-checkout .select2-results__option {
  color: #1a1a1a !important;
}

html[data-theme="light"] body.woocommerce-checkout .select2-results__option--highlighted {
  background: rgba(14, 168, 126, 0.12) !important;
  color: #0a5e47 !important;
}

/* Titres de section */
html[data-theme="light"] body.woocommerce-checkout .checkout-section-title {
  color: #1a1a1a !important;
}

html[data-theme="light"] body.woocommerce-checkout .checkout-section-subtitle,
html[data-theme="light"] body.woocommerce-checkout .checkout-recap-label {
  color: #9ca3af !important;
}

/* Card "Votre commande" */
html[data-theme="light"] body.woocommerce-checkout .order-review-card {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07) !important;
}

/* Table récapitulatif */
html[data-theme="light"] body.woocommerce-checkout #order_review th,
html[data-theme="light"] body.woocommerce-checkout #order_review td {
  color: #374151 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
}

html[data-theme="light"] body.woocommerce-checkout #order_review thead th {
  color: #6b7280 !important;
}

html[data-theme="light"] body.woocommerce-checkout #order_review .order-total th,
html[data-theme="light"] body.woocommerce-checkout #order_review .order-total td {
  color: #0ea87e !important;
}

/* Fieldsets billing / payment */
html[data-theme="light"] body.woocommerce-checkout #payment,
html[data-theme="light"] body.woocommerce-checkout .woocommerce-billing-fields,
html[data-theme="light"] body.woocommerce-checkout .woocommerce-shipping-fields {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

html[data-theme="light"] body.woocommerce-checkout #order_review_heading {
  color: #1a1a1a !important;
}

/* Payment box */
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box {
  background: #f9fafb !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
}

html[data-theme="light"] body.woocommerce-checkout #payment label {
  color: #374151 !important;
}

/* Zone carte de crédit (Stripe / WC Pay) */
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wc-payment-form,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wc-credit-card-form,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wcpay-card {
  background: #f0fbf7 !important;
  border: 1px solid rgba(14, 168, 126, 0.30) !important;
  box-shadow: 0 4px 16px rgba(14, 168, 126, 0.10) !important;
}

html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wc-payment-form::before,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wc-credit-card-form::before,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wcpay-card::before {
  display: none;
}

html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wc-payment-form-header .title,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wcpay-card__header .title {
  color: #6b7280 !important;
}

/* Inputs Stripe */
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .StripeElement,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wc-stripe-elements-field,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wcpay-card__field,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wcpay-card__input,
html[data-theme="light"] body.woocommerce-checkout #payment .payment_box .wcpay-card__field-wrapper {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  color: #1a1a1a !important;
  box-shadow: none !important;
}

/* Cards points fidélité / code promo */
html[data-theme="light"] body.woocommerce-checkout .order-review-controls .customiizer-loyalty-form,
html[data-theme="light"] body.woocommerce-checkout .order-review-controls .customiizer-coupon-form {
  background: rgba(14, 168, 126, 0.07) !important;
  border: 1px solid rgba(14, 168, 126, 0.25) !important;
  box-shadow: none !important;
}

/* Fidélité textes */
html[data-theme="light"] body.woocommerce-checkout .customiizer-loyalty-availability,
html[data-theme="light"] body.woocommerce-checkout .loyalty-form-body strong {
  color: #1a1a1a !important;
}

html[data-theme="light"] body.woocommerce-checkout .loyalty-form-hint {
  color: #4b5563 !important;
}

/* Coupon */
html[data-theme="light"] body.woocommerce-checkout .customiizer-coupon-label {
  color: #6b7280 !important;
}

html[data-theme="light"] body.woocommerce-checkout .customiizer-coupon-input {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #1a1a1a !important;
}

/* Bouton suppression réduction */
html[data-theme="light"] body.woocommerce-checkout .customiizer-loyalty-remove,
html[data-theme="light"] body.woocommerce-checkout .woocommerce-remove-coupon {
  background: #f3f4f6 !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  color: #374151 !important;
}

/* Signe - devant les montants */
html[data-theme="light"] body.woocommerce-checkout .discount-sign {
  color: #6b7280 !important;
}