/* =====================================================================
   Version PRO : sobre, carrée, type boutique Shopify.
   Blanc, gris neutre, noir. Inter. Pas de rotation, pas d'ombre décalée.
   ===================================================================== */
/* ---------- Interrupteur Enfant / Pro (toujours visible en haut) ---------- */
.mode-switch { position: relative; display: inline-grid; grid-template-columns: 1fr 1fr; align-items: center; padding: 3px; border: 0; border-radius: 999px; cursor: pointer;
  background: rgba(42,27,46,.08); font: 700 12.5px "Fredoka", sans-serif; color: #6D5F72; }
.mode-switch span { position: relative; z-index: 1; padding: 6px 11px; transition: color .3s; }
.mode-switch i { position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px); border-radius: 999px; background: #FFF0A4; box-shadow: 2px 3px 0 #F6DCE8; transition: transform .45s cubic-bezier(.3,1.4,.5,1), background .3s; }
html:not([data-theme="pro"]) .mode-switch [data-m="kid"] { color: #A3245A; }
html[data-theme="pro"] .mode-switch i { transform: translateX(100%); background: #111; box-shadow: none; }
html[data-theme="pro"] .mode-switch [data-m="pro"] { color: #fff; }
html[data-theme="nuit"] .mode-switch { background: rgba(255,255,255,.1); color: #B9B9C6; } html[data-theme="nuit"] .mode-switch i { background: #2B2614; box-shadow: none; } html[data-theme="nuit"] .mode-switch [data-m="kid"] { color: #FFE08A; }
@media (max-width: 760px) { .mode-switch { font-size: 11px; } .mode-switch span { padding: 5px 8px; } }

/* ---------- Base ---------- */
html[data-theme="pro"] {
  --porcelain: #FFFFFF; --ink: #111111; --muted: #5C5F62; --raspberry: #111111; --butter: #111111; --halo: #FFFFFF; --halo-ink: #111111; --halo-soft: #3A3A3C;
  --display: "Inter Tight", "Inter", system-ui, sans-serif; --text: "Inter Tight", "Inter", system-ui, sans-serif; --spring: cubic-bezier(.2,.8,.2,1);
}
html[data-theme="pro"] body { background: #FFFFFF !important; color: #111; }
html[data-theme="pro"] :is(*, *::before, *::after) { rotate: 0deg !important; text-shadow: none !important; -webkit-text-stroke: 0 !important; }
html[data-theme="pro"] :is(h1, h2, h3, h4, p, a, button, li, small, b, em, span, strong, label, figcaption, summary) { font-family: "Inter Tight", "Inter", system-ui, sans-serif !important; }
html[data-theme="pro"] :is(h1, h2) { font-weight: 700 !important; letter-spacing: -.025em !important; color: #111 !important; }
html[data-theme="pro"] h3 { font-weight: 650 !important; letter-spacing: -.015em; color: #111 !important; }
html[data-theme="pro"] :is(h1, h2, h3) em { font-style: normal !important; color: #111 !important; background: none !important; -webkit-text-fill-color: currentColor !important; text-decoration: underline; text-decoration-thickness: .08em; text-underline-offset: .14em; text-decoration-color: #C9C9CC; }
html[data-theme="pro"] :is(p, li, .lead, small) { color: #3A3A3C; }
html[data-theme="pro"] .mesh, html[data-theme="pro"] .night-sky, html[data-theme="pro"] .amb-sky, html[data-theme="pro"] .sp-glow, html[data-theme="pro"] .cart-wave { display: none !important; }
html[data-theme="pro"] .amb-sky-on { background: #FAFAFA !important; }
html[data-theme="pro"] h2.amb-split em::after { display: none; }

/* ---------- Les « bandelettes » deviennent des étiquettes plates ---------- */
html[data-theme="pro"] :is(.kicker, .tag, .free-tag, .sp-level, .sp-ribbon, .amz-line, .sp-rank-txt, .pill, .bp-hint, .book-hint, .sn-gauge, .sn-idea, .sn-syl, .sn-todo, .sn-plan li, .cs-end, .cap b, .cap small, .hero-nav a, .ig-steps li, .ff-strips li, .showcase .feature, .bm-sec, .st-blob, .dk-links a.on, .mx-free, .mx-cart, .cl-prev, .cl-next, .ci-qty button, .cart-amz i, .pk-x, .pk-prev, .pk-next) {
  background: #F2F2F3 !important; color: #111 !important; box-shadow: none !important; border: 1px solid #E3E3E5 !important; border-radius: 8px !important; font-weight: 600 !important; }
html[data-theme="pro"] :is(.kicker, .sp-level, .tag) { text-transform: uppercase; letter-spacing: .08em !important; font-size: 11.5px !important; padding: 5px 9px !important; }
html[data-theme="pro"] .showcase .feature::after { display: none; }
html[data-theme="pro"] .st-blob { background: #111 !important; border-color: #111 !important; }
html[data-theme="pro"] .st-tab.on { color: #fff !important; }
html[data-theme="pro"] .dk-links a.on { background: #111 !important; color: #fff !important; border-color: #111 !important; }
html[data-theme="pro"] :is(.sp-rank-txt, .amz-cap, .amz-mini, .hand) { font-family: "Inter Tight", system-ui, sans-serif !important; font-size: 14px !important; color: #5C5F62 !important; }

/* ---------- Boutons : noir plein / contour ---------- */
html[data-theme="pro"] .btn { background: #111 !important; color: #fff !important; border: 1px solid #111 !important; border-radius: 8px !important; box-shadow: none !important; font-weight: 600 !important; letter-spacing: 0 !important; transform: none; }
html[data-theme="pro"] .btn:hover { background: #2B2B2E !important; }
html[data-theme="pro"] .btn.ghost { background: #fff !important; color: #111 !important; border-color: #D2D2D5 !important; }
html[data-theme="pro"] .btn.link { background: none !important; border: 0 !important; color: #111 !important; text-decoration: underline; }
html[data-theme="pro"] :is(.cart-fab, .dk-cart) { background: #111 !important; box-shadow: 0 8px 20px -8px rgba(0,0,0,.4) !important; }
html[data-theme="pro"] :is(.cart-amz1, .cart-amzall, .ci-dl, .sf-all) { background: #111 !important; color: #fff !important; }

/* ---------- Barres, menu, panier ---------- */
html[data-theme="pro"] .topbar { background: rgba(255,255,255,.92) !important; border-bottom: 1px solid #ECECEE; -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
html[data-theme="pro"] .bm-btn { background: #fff !important; color: #111 !important; border: 1px solid #D2D2D5 !important; box-shadow: none !important; }
html[data-theme="pro"] .mx { background: #fff !important; border: 1px solid #E3E3E5; box-shadow: 0 20px 50px -20px rgba(0,0,0,.25) !important; }
html[data-theme="pro"] :is(.mx-gname, .mx-num) { color: #8A8A8E !important; }
html[data-theme="pro"] .mx-title { font-weight: 600 !important; color: #111 !important; }
html[data-theme="pro"] .mx-title::after { background: #F2F2F3 !important; }
html[data-theme="pro"] .dock { background: rgba(255,255,255,.95) !important; border: 1px solid #E3E3E5; box-shadow: 0 10px 30px -14px rgba(0,0,0,.3) !important; border-radius: 14px !important; }
html[data-theme="pro"] .dk-links a { color: #5C5F62 !important; }
html[data-theme="pro"] .dk-up { background: #111 !important; }
html[data-theme="pro"] :is(.cart-in, .cart-wave) { background: #fff !important; }
html[data-theme="pro"] .cart-sub { color: #111 !important; text-transform: uppercase; letter-spacing: .06em; font-size: 12px !important; }
html[data-theme="pro"] .cart { border-left: 1px solid #E3E3E5; }

/* ---------- Sections à fond coloré : neutres ---------- */
html[data-theme="pro"] .showcase-sticky { background: linear-gradient(180deg, #F7F7F8, #EDEDEF) !important; }
html[data-theme="pro"] .mouth-sticky { background: radial-gradient(circle at 50% 45%, #FFFFFF, #F1F1F2 70%) !important; }
html[data-theme="pro"] :is(.shop, .resources, .howto, .deals, .formats, .insta-sec, .about, .universe-intro) { background: #FFFFFF !important; }
html[data-theme="pro"] :is(.shop, .formats, .howto) { border-top: 1px solid #EFEFF1; }

/* ---------- Boutique : grille produit propre ---------- */
html[data-theme="pro"] .sp-cover { border-radius: 4px !important; box-shadow: 0 1px 2px rgba(0,0,0,.08), 0 18px 34px -18px rgba(0,0,0,.35) !important; animation: none !important; transform: none !important; }
html[data-theme="pro"] .sp h3 { font-size: clamp(24px, 2.6vw, 32px) !important; }
html[data-theme="pro"] .sp-feat li::before { background: #111 !important; }
html[data-theme="pro"] .sp-review u { color: #111; text-decoration-color: #C9C9CC; }
html[data-theme="pro"] .sp-more { color: #111 !important; }
html[data-theme="pro"] .amz-seal { animation: none !important; }

/* ---------- Le film et l'accueil restent lisibles ---------- */
html[data-theme="pro"] .film-cap { color: #fff !important; text-shadow: 0 2px 16px rgba(0,0,0,.55) !important; font-weight: 600 !important; }
html[data-theme="pro"] .film-cap em { color: #fff !important; text-decoration: underline; text-decoration-color: rgba(255,255,255,.6); }
@media (max-width: 760px) { html[data-theme="pro"] .film-cap { color: #111 !important; text-shadow: none !important; } html[data-theme="pro"] .film-cap em { color: #111 !important; } }
@media (max-width: 760px) {
  .topbar .socials > a { display: none !important; }
  .topbar .socials { gap: 4px; }
  .mode-switch { font-size: 10.5px; } .mode-switch span { padding: 5px 7px; }
}
.topbar .socials { display: flex; align-items: center; gap: 8px; }