/* ══════════════════════════════════════════════════════════════════════ REVO PC BOUTIQUE · THÈME CLAIR « Relief et lumière » (2026) Le même langage que www.revopc.fr : fond gris très clair, tuiles blanches arrondies posées en relief (ombres en couches), boutons pilule en dégradé bleu-violet, icônes en couleurs. Se charge après socle.css et boutique.css. Toutes les règles commencent par html[data-theme="light"] : le thème sombre (boutique.css) n'est jamais touché. ══════════════════════════════════════════════════════════════════════ */ html[data-theme="light"]{ /* Surfaces */ --bg:#F2F4F9; --bg2:#FFFFFF; --bg3:#F1F3F8; --bg4:#ECECF0; --bg5:#DFDFE5; /* Couleurs */ --mint:#1A5FE0; --mint2:#1650C0; --cyan:#3B82FF; --blue:#1A5FE0; --primary:#1A5FE0; --amber:#C2530F; --amber2:#D9531F; --purple:#6D5CF5; --pink:#D9531F; --green:#0E8F47; --red:#D4343A; --gold:#FFC83D; /* Textes */ --text:#171A24; --text2:#3F4350; --muted:#6A6F7D; --muted2:#5B5B60; /* Traits */ --bd:rgba(0,0,0,.08); --bd2:rgba(0,0,0,.16); --bd-mint:rgba(109,92,245,.28); --bd-amber:rgba(217,83,31,.32); /* Relief */ --shadow-sm:var(--bord),var(--relief-petit); --shadow:var(--bord),var(--relief); --shadow-lg:var(--bord),var(--relief-haut); --glow-mint:0 18px 38px -12px rgba(109,92,245,.55); --glow-cyan:0 18px 38px -12px rgba(109,92,245,.4); --glow-amber:0 18px 38px -14px rgba(217,83,31,.45); /* Dégradé de la marque (bleu vers violet), le même que dans le thème sombre et sur le site */ --grad-mint:var(--degrade); --grad-amber:linear-gradient(180deg,#171A24,#171A24); --grad-card:none; --grad-hero:none; --radius:14px; --radius-lg:20px; --radius-xl:28px; --plein-ombre:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(40,30,120,.35),0 12px 24px -8px rgba(109,92,245,.75); } /* ── Base ── */ html[data-theme="light"] body{background:var(--lavis),var(--fond);background-repeat:no-repeat;color:var(--texte);line-height:1.6} html[data-theme="light"] :is(h1,h2,h3,h4){color:var(--encre);font-weight:600;letter-spacing:-.018em;line-height:1.15} html[data-theme="light"] :is(strong,b){font-weight:600;color:var(--encre)} html[data-theme="light"] :is(.section-title,.shop-hero h1,.home-univers-head h2,.cat-section-head h2,.info-block-header h2,.produit-info h1,.msg-card h1,.admin-header h1,.panier-recap h3,.card-head h3,.home-univers-card h3,.produit-card-nom,.config-card-head h3,.revo-comparison-block h3,.info-item-title,.panier-item-nom,.article-config-titre,.urg-panel-title,.config-choice-label,.pm-label){font-weight:600;letter-spacing:-.015em} html[data-theme="light"] .section-sub{color:var(--discret)} html[data-theme="light"] .slabel{font-size:.74rem;letter-spacing:.08em;color:var(--bleu);background:var(--bleu-pale);border:0;padding:6px 14px} /* ── Menu vertical flottant (ordinateur) ── */ html[data-theme="light"] .side-nav{background:var(--verre);border:0;box-shadow:var(--bord),var(--relief);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)} html[data-theme="light"] .side-nav .sn-list::-webkit-scrollbar-thumb{background:var(--trait-fort)} html[data-theme="light"] .sn-toggle{color:var(--encre)} html[data-theme="light"] .sn-hamburger span{background:var(--encre)} html[data-theme="light"] .sn-item{color:var(--texte);font-weight:500;margin:0 6px;width:calc(100% - 12px);padding:10px 12px} html[data-theme="light"] .sn-item:hover{background:rgba(var(--violet-rvb),.08);color:var(--encre)} html[data-theme="light"] .sn-item.active{background:var(--bleu-pale);color:var(--bleu)} html[data-theme="light"] .sn-item.sn-cta{color:var(--orange)} html[data-theme="light"] .sn-item.sn-cta:hover{color:var(--orange);background:var(--orange-pale)} html[data-theme="light"] .sn-util-row{border-top-color:var(--trait)} html[data-theme="light"] .sn-util-row::after{background:var(--creux);color:var(--encre);font-weight:400} html[data-theme="light"] .side-nav.expanded .sn-util-item{color:var(--texte)} html[data-theme="light"] .side-nav.expanded .sn-util-item:hover{background:rgba(var(--violet-rvb),.08);color:var(--encre)} html[data-theme="light"] :is(.sn-tip-label,.sn-flyout,.nav-tooltip,.nav-dropdown,.subnav-inner){background:var(--bloc);border:0;box-shadow:var(--bord),var(--relief-haut);color:var(--texte)} html[data-theme="light"] .sn-tip-label{color:var(--encre);font-weight:500;border-radius:999px} html[data-theme="light"] .sn-flyout{border-radius:18px} html[data-theme="light"] .sn-flyout a{color:var(--texte);font-weight:500;border-radius:12px} html[data-theme="light"] .sn-flyout a:hover{background:rgba(var(--violet-rvb),.08);color:var(--encre)} html[data-theme="light"] .nav-tooltip{border-radius:20px;font-size:.9rem;line-height:1.7} html[data-theme="light"] .nav-tooltip strong{color:var(--encre);font-size:.98rem;margin-bottom:6px} html[data-theme="light"] .nav-tooltip .ntip-row{color:var(--texte)} html[data-theme="light"] .nav-tooltip a{color:var(--bleu);font-weight:500} /* ── Compte + panier, en haut à droite ── */ html[data-theme="light"] .pc-top-btn{background:var(--bloc);border:0;color:var(--encre);font-weight:500;box-shadow:var(--bord),var(--relief-petit);-webkit-backdrop-filter:none;backdrop-filter:none} html[data-theme="light"] .pc-top-btn:hover{background:var(--bloc);box-shadow:var(--bord),var(--relief)} html[data-theme="light"] .pc-top-btn.pc-top-cart{background:var(--grad-mint);color:#fff;box-shadow:var(--plein-ombre)} html[data-theme="light"] .pc-top-btn.pc-top-cart:hover{background:var(--grad-mint);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(40,30,120,.4),0 18px 34px -8px rgba(109,92,245,.95)} /* ── Barre flottante et tiroir (téléphone) ── */ html[data-theme="light"] .mobile-nav{background:var(--verre);border:0;box-shadow:var(--bord),var(--relief-haut);height:auto} html[data-theme="light"] .mn-item{color:var(--discret);font-weight:500} html[data-theme="light"] :is(.mn-item:hover,.mn-item.active){color:var(--encre);background:rgba(var(--violet-rvb),.08)} html[data-theme="light"] .mn-center{background:var(--grad-mint);box-shadow:var(--plein-ombre)} html[data-theme="light"] .mn-center.open{background:var(--encre);color:var(--bloc)} html[data-theme="light"] .mn-sheet-backdrop{background:rgba(29,29,31,.32)} html[data-theme="light"] .mn-sheet{background:var(--bloc);box-shadow:0 -20px 60px -20px rgba(0,0,0,.3)} html[data-theme="light"] .mn-sheet-grabber{background:var(--trait-fort)} html[data-theme="light"] .mn-sheet-item{color:var(--encre);font-weight:500} html[data-theme="light"] :is(.mn-sheet-item:hover,.mn-sheet-item:active){background:rgba(var(--violet-rvb),.08)} html[data-theme="light"] .mn-sheet-item .sn-ico{color:var(--bleu)} html[data-theme="light"] .mn-sheet-section-label{color:var(--discret);font-weight:600;letter-spacing:.06em} /* ── Recherche ── */ html[data-theme="light"] .nav-search-panel{background:var(--bloc);border-bottom-color:var(--trait);-webkit-backdrop-filter:none;backdrop-filter:none} html[data-theme="light"] .nav-search-inner input{background:var(--creux);border:1px solid var(--trait);border-radius:999px;color:var(--encre);padding:14px 20px} html[data-theme="light"] .nav-search-inner input:focus{border-color:var(--violet);box-shadow:0 0 0 4px rgba(var(--violet-rvb),.16)} html[data-theme="light"] .nav-search-item{border-radius:14px} html[data-theme="light"] .nav-search-item:hover{background:rgba(var(--violet-rvb),.08)} html[data-theme="light"] :is(.nav-search-item img,.nav-search-item .nsi-ico){border-radius:11px;background:var(--touche);box-shadow:var(--touche-ombre)} html[data-theme="light"] .nsi-badge{background:var(--orange-pale);color:var(--orange);border:0} /* ── Accueil : bandeau d'images, univers, catégories ── */ html[data-theme="light"] .home-slider{background:var(--creux);border:0} html[data-theme="light"] .home-slider-caption p{color:rgba(255,255,255,.86)} html[data-theme="light"] .home-slider-cta{box-shadow:var(--plein-ombre);font-weight:500} html[data-theme="light"] .home-slider-arrow{background:rgba(255,255,255,.82);border:0;color:var(--encre);box-shadow:var(--relief-petit)} html[data-theme="light"] .home-slider-arrow:hover{background:#fff} html[data-theme="light"] .home-slider-dot.active{background:#fff} html[data-theme="light"] .home-univers-head h2{font-size:clamp(1.8rem,3vw,2.5rem);padding-bottom:0} html[data-theme="light"] .home-univers-head h2::after,html[data-theme="light"] .home-univers-card h3::after,html[data-theme="light"] .home-univers-card::before{display:none} html[data-theme="light"] .home-univers-card{background:var(--bloc);border:0;border-radius:var(--r);padding:26px 24px 28px;box-shadow:var(--bord),var(--relief);transition:transform .45s var(--doux),box-shadow .45s var(--doux)} html[data-theme="light"] .home-univers-card:hover{transform:translateY(-5px);box-shadow:var(--bord),var(--relief-haut),var(--lueur-bleue)} html[data-theme="light"] .home-univers-img img{filter:drop-shadow(0 16px 22px rgba(0,0,0,.18))} html[data-theme="light"] .home-univers-card h3{font-size:1.2rem;padding-bottom:0;margin-bottom:12px} html[data-theme="light"] .home-univers-links a{color:var(--texte);font-size:.95rem} html[data-theme="light"] .home-univers-links a:hover{color:var(--bleu)} html[data-theme="light"] .shop-hero{background:transparent;border:0} html[data-theme="light"] .shop-hero::before,html[data-theme="light"] .shop-hero::after{display:none} html[data-theme="light"] .shop-hero h1{letter-spacing:-.025em} html[data-theme="light"] .shop-hero h1 span{background:none;-webkit-text-fill-color:currentColor;color:var(--bleu)} html[data-theme="light"] .shop-hero p{color:var(--discret);font-size:1.05rem} html[data-theme="light"] .shop-hero-badge{background:var(--bloc);border-radius:20px;padding:16px 18px;box-shadow:var(--bord),var(--relief-petit)} html[data-theme="light"] .shop-hero-badge .badge-ico{color:var(--bleu)} html[data-theme="light"] .shop-hero-badge .lbl{color:var(--texte);font-weight:500;font-size:.78rem} html[data-theme="light"] .cat-tabs{background:var(--bloc);border:0;padding:5px;box-shadow:var(--bord),var(--relief-petit)} html[data-theme="light"] .cat-tab{color:var(--texte);font-weight:500;background:none} html[data-theme="light"] .cat-tab:hover{background:rgba(var(--violet-rvb),.08);color:var(--encre)} html[data-theme="light"] .cat-tab.active{background:var(--grad-mint);color:#fff;font-weight:500;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -6px rgba(109,92,245,.75)} html[data-theme="light"] .cat-section-head{border-bottom:0;padding-bottom:0} html[data-theme="light"] .cat-section-head::after{display:none} html[data-theme="light"] .cat-section-head h2{font-size:clamp(1.5rem,2.4vw,2rem)} html[data-theme="light"] .cat-section-head .cat-ico{width:44px;height:44px;border-radius:14px;font-size:1.3rem;background:var(--touche);box-shadow:var(--touche-ombre)} html[data-theme="light"] .cat-section-head .count{background:var(--bloc);color:var(--discret);box-shadow:var(--bord),var(--relief-petit);padding:3px 12px;letter-spacing:0} html[data-theme="light"] .cat-section-head .see-all{color:var(--bleu);font-weight:500} /* ── Cartes produit ── */ html[data-theme="light"] .produit-card{background:var(--bloc);border:0;border-radius:var(--r);box-shadow:var(--bord),var(--relief);transition:transform .45s var(--doux),box-shadow .45s var(--doux)} html[data-theme="light"] .produit-card::before{display:none} html[data-theme="light"] .produit-card:hover{transform:translateY(-6px);box-shadow:var(--bord),var(--relief-haut),var(--lueur-bleue)} html[data-theme="light"] .produit-card-img{background:linear-gradient(160deg,#F7F7F9,#ECECF0);border-bottom:0} html[data-theme="light"] .produit-card-img .no-img{opacity:.22} html[data-theme="light"] .produit-cat{color:var(--bleu);letter-spacing:.08em;font-weight:600} html[data-theme="light"] .produit-card-nom{font-size:1.15rem;color:var(--encre)} html[data-theme="light"] .produit-card-nom:hover{color:var(--bleu)} html[data-theme="light"] .produit-card-desc{color:var(--discret);font-size:.92rem} html[data-theme="light"] .produit-specs-mini{background:var(--creux);border:0} html[data-theme="light"] .produit-spec-line + .produit-spec-line::before{border-top-color:var(--trait)} html[data-theme="light"] .produit-spec-line:hover{background:rgba(var(--violet-rvb),.06)} html[data-theme="light"] .produit-spec-line span:first-child{color:var(--discret)} html[data-theme="light"] .produit-spec-line span:last-child{background:var(--bloc);border:0;color:var(--encre);font-weight:500;box-shadow:0 0 0 1px var(--trait)} html[data-theme="light"] .produit-card-footer{border-top-color:var(--trait)} html[data-theme="light"] :is(.produit-prix,.config-price-val,.recap-total,.cmd-total){background:none;-webkit-text-fill-color:currentColor;color:var(--encre);font-weight:600;letter-spacing:-.03em} html[data-theme="light"] .produit-prix-barre{color:var(--discret)} html[data-theme="light"] .produit-prix-note{color:var(--discret);font-size:.76rem} /* ── Boutons ── */ html[data-theme="light"] :is(.btn-card,.btn-primary,.btn-full,.btn-config-add,.home-slider-cta){background:var(--grad-mint);color:#fff;font-weight:500;letter-spacing:0;box-shadow:var(--plein-ombre);filter:none} html[data-theme="light"] :is(.btn-card,.btn-primary,.btn-full,.btn-config-add):hover{background:var(--grad-mint);filter:none;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 2px rgba(40,30,120,.4),0 18px 34px -8px rgba(109,92,245,.95)} html[data-theme="light"] :is(.btn-primary,.btn-full){font-size:1rem;padding:15px 26px} html[data-theme="light"] .btn-config-add{font-size:1.02rem} html[data-theme="light"] .btn-secondary{background:var(--bloc);border:0;color:var(--encre);font-weight:500;box-shadow:var(--bord),var(--relief-petit)} html[data-theme="light"] .btn-secondary:hover{color:var(--bleu);transform:translateY(-2px);box-shadow:var(--bord),var(--relief)} html[data-theme="light"] .btn-sm{border-radius:999px;font-weight:500;padding:7px 15px} html[data-theme="light"] .btn-sm:hover{filter:none} html[data-theme="light"] .btn-sm-blue{background:var(--bleu-pale);color:var(--bleu);border:0} html[data-theme="light"] .btn-sm-red{background:var(--rouge-pale);color:var(--rouge);border:0} html[data-theme="light"] .btn-sm-green{background:var(--vert-pale);color:var(--vert);border:0} html[data-theme="light"] .btn-remove{color:var(--rouge)} html[data-theme="light"] .qty-btn{background:var(--creux);border:0;border-radius:50%;color:var(--encre);box-shadow:inset 0 0 0 1px var(--trait-fort)} html[data-theme="light"] .qty-btn:hover{color:var(--bleu);box-shadow:inset 0 0 0 1px var(--bleu)} /* ── Fiche produit ── */ html[data-theme="light"] .produit-galerie{background:linear-gradient(160deg,#F7F7F9,#ECECF0);border:0;border-radius:var(--r);box-shadow:var(--bord),var(--relief)} html[data-theme="light"] .produit-info-cat{color:var(--bleu);letter-spacing:.08em;font-weight:600} html[data-theme="light"] .produit-info h1{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.022em} html[data-theme="light"] .produit-info-desc{color:var(--texte);font-size:1.02rem} html[data-theme="light"] :is(.specs-table,.panier-table,.page-wrap table){border:0;border-radius:var(--r-m);background:var(--bloc);box-shadow:var(--bord),var(--relief-petit)} html[data-theme="light"] .specs-table td:first-child{background:var(--creux);color:var(--discret);font-weight:500} html[data-theme="light"] .specs-table td:last-child{background:var(--bloc);color:var(--encre);font-weight:500} html[data-theme="light"] :is(.specs-table tr:nth-child(even) td,.panier-table tr:nth-child(even) td,.page-wrap table tr:nth-child(even) td){background:rgba(0,0,0,.018)} html[data-theme="light"] .specs-table tr:nth-child(even) td:first-child{background:var(--creux)} html[data-theme="light"] :is(.specs-table tr:hover td,.panier-table tr:hover td,.page-wrap table tr:hover td){background:rgba(var(--violet-rvb),.05)} html[data-theme="light"] :is(.panier-table th,.page-wrap table th,.admin-table th){background:var(--creux);border-bottom:1px solid var(--trait);color:var(--discret);font-weight:600;letter-spacing:.06em} html[data-theme="light"] .revo-comparison-block{background:var(--bloc);border:0;border-radius:var(--r);padding:28px 30px;box-shadow:var(--bord),var(--relief)} html[data-theme="light"] .revo-comparison-block h3{font-size:1.2rem} html[data-theme="light"] .revo-comparison-block h3 span:first-child{width:38px;height:38px;border-radius:12px;border:0;background:var(--touche);box-shadow:var(--touche-ombre)} html[data-theme="light"] :is(.revo-cpu-option,.revo-gpu-base,.revo-included-item,.desc-tech-note){background:var(--creux);border:0;border-radius:var(--r-s)} html[data-theme="light"] :is(.revo-cpu-option ul li,.revo-gpu-base ul li,.revo-included-item div,.revo-upgrade-explanation,.desc-tech-note){color:var(--texte)} html[data-theme="light"] .revo-cpu-option ul li::before,html[data-theme="light"] .revo-gpu-base ul li::before{color:var(--bleu)} html[data-theme="light"] .revo-cpu-option--upgrade ul li::before,html[data-theme="light"] .revo-gpu-desc-list li::before{color:var(--orange)} html[data-theme="light"] :is(.revo-cpu-option--upgrade,.revo-gpu-upgrade-item){background:var(--orange-pale);border:0;border-radius:var(--r-s);box-shadow:inset 0 0 0 1px rgba(var(--orange-rvb),.28)} html[data-theme="light"] :is(.revo-cpu-option--upgrade,.revo-gpu-upgrade-item):hover{box-shadow:inset 0 0 0 1px rgba(var(--orange-rvb),.55),0 16px 30px -18px rgba(var(--orange-rvb),.6)} html[data-theme="light"] .revo-cpu-option--upgrade h4::after{background:linear-gradient(180deg,#FF8A55,#E0551E);color:#fff;font-weight:600;box-shadow:0 6px 14px -6px rgba(var(--orange-rvb),.8)} html[data-theme="light"] :is(.revo-cpu-option--upgrade ul li,.revo-gpu-desc-list li,.revo-gpu-upgrade-item .revo-upgrade-explanation,.revo-cpu-option--upgrade .revo-upgrade-explanation){color:var(--texte)} html[data-theme="light"] :is(.revo-upgrade-explanation,.revo-cpu-option--upgrade .revo-upgrade-explanation,.revo-gpu-upgrade-item .revo-upgrade-explanation){border-top-color:rgba(0,0,0,.08)} html[data-theme="light"] .revo-gpu-gain{color:var(--vert);background:var(--vert-pale)} html[data-theme="light"] .revo-gpu-price{color:var(--orange);background:rgba(255,255,255,.7)} html[data-theme="light"] .revo-check{background:var(--vert-vif)} html[data-theme="light"] .revo-final-note{background:var(--jaune-pale);border:0;color:var(--jaune-texte);border-radius:var(--r-s)} html[data-theme="light"] .revo-divider{background:var(--trait)} /* ── Configurateur ── */ html[data-theme="light"] .config-card{background:var(--bloc);border:0;border-radius:var(--r);box-shadow:var(--bord),var(--relief),var(--lueur-bleue)} html[data-theme="light"] .config-card::before{display:none} html[data-theme="light"] .config-card-head{background:none;border-bottom:1px solid var(--trait)} html[data-theme="light"] .config-card-head h3{color:var(--encre);font-size:1.08rem} html[data-theme="light"] .config-price-row{background:var(--creux);border-bottom:0} html[data-theme="light"] :is(.config-price-lbl,.config-group-title){color:var(--discret);letter-spacing:.06em;font-weight:600} html[data-theme="light"] :is(.config-choice,.paymethod-option,.compte-tab){background:var(--creux);border:1px solid transparent;color:var(--encre)} html[data-theme="light"] :is(.config-choice,.paymethod-option,.compte-tab):hover{border-color:rgba(var(--violet-rvb),.35);background:var(--creux)} html[data-theme="light"] :is(.config-choice.selected,.paymethod-option.selected,.compte-tab.selected){background:var(--bleu-pale);border-color:var(--bleu);box-shadow:inset 0 0 0 1px var(--bleu)} html[data-theme="light"] .config-choice.selected::before{display:none} html[data-theme="light"] .config-choice-desc{color:var(--discret)} html[data-theme="light"] .config-choice-price{background:var(--bloc);border:0;box-shadow:0 0 0 1px var(--trait);font-weight:500} html[data-theme="light"] .config-choice-price.incl{background:var(--vert-pale);color:var(--vert);box-shadow:none} html[data-theme="light"] .config-choice-price.extra{background:var(--orange-pale);color:var(--orange);box-shadow:none} html[data-theme="light"] .config-reassurance{background:none;border-top-color:var(--trait)} html[data-theme="light"] .reassurance-item{color:var(--texte)} html[data-theme="light"] .reserve-block{background:var(--jaune-pale);border-top:0} html[data-theme="light"] .btn-reserve{background:var(--bloc);border:0;color:var(--encre);font-weight:500;box-shadow:var(--bord),var(--relief-petit)} html[data-theme="light"] .btn-reserve:hover{background:var(--bloc);box-shadow:var(--bord),var(--relief)} html[data-theme="light"] .reserve-explain{color:var(--jaune-texte)} /* ── Panier, paiement, compte ── */ html[data-theme="light"] .panier-item-img{background:var(--creux);border-radius:12px} html[data-theme="light"] :is(.panier-recap,.form-card,.msg-card,.compte-sidebar,.commande-card,.card,.admin-stat){background:var(--bloc);border:0;box-shadow:var(--bord),var(--relief)} html[data-theme="light"] :is(.panier-recap,.form-card,.msg-card,.compte-sidebar){border-radius:var(--r)} html[data-theme="light"] .msg-card::before,html[data-theme="light"] .admin-stat::before{display:none} html[data-theme="light"] .recap-line{color:var(--texte)} html[data-theme="light"] .recap-total{border-top-color:var(--trait)} html[data-theme="light"] .recap-note{color:var(--discret)} html[data-theme="light"] .pm-desc{color:var(--discret)} html[data-theme="light"] .pm-price{color:var(--encre)} html[data-theme="light"] .pm-badge-promo{background:var(--vert-pale);color:var(--vert);border:0;font-weight:600} html[data-theme="light"] .article-config{background:var(--creux);border:0} html[data-theme="light"] .msg-icon{color:var(--bleu)} html[data-theme="light"] .msg-card p{color:var(--texte);font-size:1rem} /* ── Formulaires ── */ html[data-theme="light"] .fg label{color:var(--encre);font-weight:500} html[data-theme="light"] :is(.fg input,.fg select,.fg textarea){background:var(--creux);border:1px solid var(--trait-fort);color:var(--encre)} html[data-theme="light"] :is(.fg input,.fg select,.fg textarea):focus{border-color:var(--violet);background:var(--bloc);box-shadow:0 0 0 4px rgba(var(--violet-rvb),.16)} html[data-theme="light"] .fg select option{background:var(--bloc)} html[data-theme="light"] .addr-ac-list{background:var(--bloc);border:0;box-shadow:var(--bord),var(--relief-haut)} html[data-theme="light"] .addr-ac-item:hover{background:var(--bleu-pale);color:var(--bleu)} html[data-theme="light"] :is(.form-error,.alert-error){background:var(--rouge-pale);border:0;color:var(--rouge)} html[data-theme="light"] :is(.form-success,.alert-success){background:var(--vert-pale);border:0;color:var(--vert)} html[data-theme="light"] .alert-info{background:var(--bleu-pale);border:0;color:var(--bleu)} html[data-theme="light"] .alert{border-radius:var(--r-s)} /* ── Statuts et étiquettes ── */ html[data-theme="light"] .statut{border:0;font-weight:600;letter-spacing:.03em} html[data-theme="light"] :is(.statut-en_attente,.statut-reservation){background:var(--jaune-pale);color:var(--jaune-texte)} html[data-theme="light"] :is(.statut-en_attente_virement,.statut-envoyee){background:var(--bleu-pale);color:var(--bleu)} html[data-theme="light"] .statut-payee{background:var(--vert-pale);color:var(--vert)} html[data-theme="light"] .statut-annulee{background:var(--rouge-pale);color:var(--rouge)} html[data-theme="light"] .badge-promo{background:linear-gradient(180deg,#F26A6E,#D4343A)} html[data-theme="light"] .badge-new{background:linear-gradient(180deg,#2CC97A,#0E8F47)} html[data-theme="light"] .badge-popular{background:var(--grad-mint)} html[data-theme="light"] .cart-badge{border-color:var(--bloc)} /* ── Les 8 arguments : grille de tuiles ── */ html[data-theme="light"] .info-block{background:transparent;border-top:0} html[data-theme="light"] .info-block-header h2{font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:-.022em} html[data-theme="light"] .info-block-header p{color:var(--discret);font-size:1.08rem} html[data-theme="light"] .info-block-grid{gap:18px;border:0;border-radius:0;overflow:visible;box-shadow:none} html[data-theme="light"] .info-item{background:var(--bloc);border:0;border-radius:var(--r);padding:28px 26px;box-shadow:var(--bord),var(--relief);transition:transform .45s var(--doux),box-shadow .45s var(--doux)} html[data-theme="light"] .info-item::before{display:none} html[data-theme="light"] .info-item:hover{background:var(--bloc);transform:translateY(-5px);box-shadow:var(--bord),var(--relief-haut),var(--lueur-bleue)} html[data-theme="light"] .info-item-ico{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:18px;background:var(--touche);box-shadow:var(--touche-ombre)} html[data-theme="light"] .info-item-title{font-size:1.08rem;color:var(--encre)} html[data-theme="light"] .info-item-desc{color:var(--discret);font-size:.92rem} /* ── Pied de page ── */ html[data-theme="light"] footer{background:transparent;border-top:1px solid var(--trait)} html[data-theme="light"] .footer-logo{height:44px;background:var(--bloc);border-radius:14px;padding:4px 12px;box-shadow:var(--bord),var(--relief-petit)} html[data-theme="light"] .fb h3{color:var(--encre)} html[data-theme="light"] .fb p{color:var(--discret)} html[data-theme="light"] .fc h4{color:var(--discret);font-weight:600;letter-spacing:.06em} html[data-theme="light"] .fc ul li a{color:var(--texte)} html[data-theme="light"] .fc ul li a:hover{color:var(--bleu)} html[data-theme="light"] .fbot{color:var(--discret);border-top-color:var(--trait)} /* ── Bulle de contact ── */ html[data-theme="light"] #urg-toggle{background:var(--grad-mint);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 32px -8px rgba(109,92,245,.9)} html[data-theme="light"] #urg-toggle .urg-dot{border-color:var(--fond)} html[data-theme="light"] #urg-panel{background:var(--bloc);border:0;border-radius:24px;width:290px;box-shadow:var(--bord),var(--relief-haut)} html[data-theme="light"] .urg-panel-sub{color:var(--discret)} html[data-theme="light"] .urg-action{background:var(--creux);border:0;border-radius:16px;color:var(--encre)} html[data-theme="light"] .urg-action:hover{background:var(--creux);transform:translateX(3px)} html[data-theme="light"] .urg-action-ico{width:38px;height:38px;border-radius:12px;flex-shrink:0;background:var(--touche);box-shadow:var(--touche-ombre)} html[data-theme="light"] :is(.urg-action-sub,.urg-action-note){color:var(--discret)} /* ── Admin boutique ── */ html[data-theme="light"] .admin-sidebar{background:var(--bloc);border-right:0;box-shadow:var(--bord),var(--relief);border-radius:var(--r-m);margin:0 0 24px 24px;height:auto;max-height:calc(100vh - 100px);top:84px;overflow-y:auto;padding:18px 10px;align-self:flex-start} html[data-theme="light"] .admin-sidebar h3{color:var(--discret);font-weight:600;letter-spacing:.08em;padding:0 12px 14px;border-bottom-color:var(--trait)} html[data-theme="light"] .admin-sidebar a{color:var(--texte);border-left:0;border-radius:12px;padding:10px 12px;font-weight:500} html[data-theme="light"] :is(.admin-sidebar a:hover,.admin-sidebar a.active){background:rgba(var(--violet-rvb),.08);color:var(--encre)} html[data-theme="light"] .admin-sidebar a.active{background:var(--bleu-pale);color:var(--bleu)} html[data-theme="light"] .admin-sidebar a.admin-sortie{color:var(--rouge)} html[data-theme="light"] .admin-main{padding-top:0} html[data-theme="light"] .admin-header p{color:var(--discret)} html[data-theme="light"] .admin-stat{border-radius:var(--r-m)} html[data-theme="light"] .admin-stat strong{font-weight:600;letter-spacing:-.03em;color:var(--encre)} html[data-theme="light"] .admin-stat span{color:var(--discret);font-size:.86rem} html[data-theme="light"] .admin-table td{border-bottom-color:var(--trait)} html[data-theme="light"] .admin-table tr:hover td{background:rgba(var(--violet-rvb),.04)} html[data-theme="light"] .card{border-radius:var(--r-m)} html[data-theme="light"] .card-head{background:none;border-bottom-color:var(--trait)} html[data-theme="light"] :is(.desc-builder-section,.desc-builder-card-mini){border:0} html[data-theme="light"] .desc-builder-section{background:var(--creux)} html[data-theme="light"] .desc-builder-card-mini{background:var(--bloc);box-shadow:0 0 0 1px var(--trait)} html[data-theme="light"] .carte-preset-dropdown{background:var(--bloc);border:0;box-shadow:var(--bord),var(--relief-haut)} html[data-theme="light"] .empty-state{color:var(--discret)} html[data-theme="light"] .empty-state h3{color:var(--encre)} @media(max-width:900px){ html[data-theme="light"] .admin-sidebar{margin:0 16px 20px} } @media(max-width:700px){ html[data-theme="light"] .info-block-grid{gap:14px} html[data-theme="light"] .revo-comparison-block{padding:22px 20px} } /* ── Fil d’Ariane et autres