/* MyQuotaBag only: scoped theme, leaving MyQuotaRoom and app imagery intact. */
body.mqb-cream {
 color-scheme:light;
 --bg-primary:#f2e8d8; --bg-secondary:#e7d9c2;
 --text-primary:#32271f; --text-secondary:#695a4c;
 --gold-primary:#806038; --gold-light:#947044; --gold-dark:#71532e;
 --color-bg:#f2e8d8; --color-bg-card:#f8f0e3; --color-bg-elevated:#e7d9c2;
 --color-text-primary:#32271f; --color-text-secondary:#695a4c; --color-text-muted:#70604f;
 --color-text-muted-light:#695a4c; --color-gold:#806038; --color-gold-light:#947044; --color-gold-dark:#71532e;
 --color-border:#d9cbb9; --color-border-neutral:#d9cbb9;
 --s29-dark:#f2e8d8; --s29-mid:#e7d9c2; --s29-light:#efe3d0;
 --rc-bg:#f2e8d8; --rc-card:#f8f0e3; --rc-card-2:#e9dbc6; --rc-card-3:#e2d2ba; --rc-divider:#d9cbb9;
 --rc-text:#32271f; --rc-text-soft:#695a4c; --rc-text-mute:#70604f; --rc-gold:#806038; --rc-gold-soft:#806038;
 --rc-shadow:0 12px 40px #71532e0b;
 background:#f2e8d8!important; color:#32271f!important;
}
.mqb-cream .site-header,.mqb-cream .site-header.is-scrolled { background:#f2e8d8f5!important; border-bottom:1px solid #dfd2bf; }
.mqb-cream :is(.mobile-menu,.mobile-menu-header,.mobile-menu-footer,.nav-dropdown,.brief-mini-player) { background:#f2e8d8!important; color:#32271f!important; }
.mqb-cream :is(.text-ink,.text-white,.nav-link,.mobile-menu-link,.mobile-nav-expand,.mobile-nav-sub-link) { color:#32271f!important; }
.mqb-cream :is(.lyst-footer,.page-hero,.privacy-section,.brief-home-section,.section-dark-entry,.section-light-entry,.radial-bg,.radial-bg-secondary,.rc-what-counts-light,.rc-about-carousel-section) { background:#f2e8d8!important; }
.mqb-cream .lyst-footer { border-top:1px solid #d9cbb9; }
.mqb-cream :is(.glass-card,.accordion-item,.faq-item,.brief-card,.brief-featured,.brief-index-card,.brief-takeaways,.brief-sources,.rc-card,.rc-result-card,.rc-about-card,.rc-table-col,.rc-tooltip) { background:#f8f0e3!important; border-color:#d9cbb9!important; box-shadow:none!important; }
.mqb-cream :is(h1,h2,h3,h4,.brief-h1,.page-hero-title,.accordion-trigger,.faq-question,.brief-body strong,.lyst-footer-brand,.rc-step-title,.rc-label,.rc-result-value,.rc-result-suffix) { color:#32271f!important; }
.mqb-cream :is(.text-muted,.page-hero-sub,.brief-body,.brief-body p,.brief-body li,.brief-takeaways li,.brief-sources p,.brief-index-sub,.brief-disclaimer,.lyst-footer-disclaimer,.lyst-footer-brand-tagline,.rc-step-desc,.rc-about-card-a,.rc-about-card-a p,.rc-about-card-a li,.rc-result-caption,.rc-table-col li,.rc-section-intro) { color:#695a4c!important; opacity:1!important; }
.mqb-cream :is(.text-gradient-gold,.lyst-footer-help-link,.lyst-footer-help-title,.brief-body a,.brief-body h3,.brief-eyebrow,.page-hero-eyebrow,.rc-reset-btn) { color:#806038!important; background-image:none!important; -webkit-text-fill-color:#806038; }
.mqb-cream .header-cta,.mqb-cream .btn-primary { background:#e4cda9!important; color:#32271f!important; border-color:#b79a70!important; box-shadow:none!important; }
.mqb-cream .btn-secondary { color:#71532e!important; border-color:#947044!important; }
.mqb-cream :is(input,select) { color:#32271f!important; background:#fbf4ea!important; border-color:#c6b294!important; }
.mqb-cream :is(.rc-seg-btn,.rc-chip,.rc-bag-btn,.rc-size-btn) { background:#f8f0e3!important; color:#32271f!important; }
.mqb-cream :is(.rc-seg-btn,.rc-chip,.rc-bag-btn,.rc-size-btn)[aria-checked=true] { background:#e4cda9!important; border-color:#947044!important; }
.mqb-cream :is(.brief-card-title,.brief-featured-title,.brief-index-card-title,.brief-card-excerpt,.brief-featured-excerpt,.brief-card-date,.brief-featured-date,.brief-mini-title) { color:#32271f!important; }
.mqb-cream .reveal { opacity:1; transform:none; }
.mqb-cream .ig-card { background:#f8f0e3!important; border-color:#d9cbb9!important; box-shadow:0 14px 34px #765a3a14!important; }
.mqb-cream .ig-card-title { color:#32271f!important; }
.mqb-cream .ig-card-desc { color:#695a4c!important; }
.mqb-cream .ig-card-btn { color:#806038!important; border-color:#a98a61!important; }
.mqb-cream .ig-drawer { background:#f8f0e3!important; }
.mqb-cream .ig-drawer-title { color:#32271f!important; }
.mqb-cream .ig-drawer-body { color:#695a4c!important; }
.mqb-cream .ig-drawer-body strong { color:#32271f!important; }
.mqb-cream a:focus-visible,.mqb-cream button:focus-visible,.mqb-cream summary:focus-visible { outline:2px solid #71532e!important; outline-offset:5px; }
.mqb-cream .logo-mqb { border-radius:50%; }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .mqb-cream * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

/* ---- 2026-09-05 · Uniformisation : ce que l'audit a trouve de sombre ou de trop pale ---- */
/* Le fond a quatre couches (base chaude, lumieres, grain, avant-plan) sur chaque en-tete de page,
   pas seulement sur l'accueil — une seule ecriture, appliquee aux sept en-tetes existants. */
.mqb-cream :is(.page-hero,.rc-hero,.ig-hero,.radial-bg,.about-closing) { position:relative; isolation:isolate; overflow:hidden; background:#f2e8d8!important; }
.mqb-cream :is(.page-hero,.rc-hero,.ig-hero,.radial-bg,.about-closing)::before {
 content:''; position:absolute; inset:0; z-index:-2; pointer-events:none;
 background:radial-gradient(ellipse at 18% 12%,#fffdf8 0,transparent 58%),radial-gradient(ellipse at 85% 65%,#dec39d85 0,transparent 58%);
}
.mqb-cream :is(.page-hero,.rc-hero,.ig-hero,.radial-bg,.about-closing)::after {
 content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.24;
 background-image:url('/assets/images/cream-grain.svg');
}
.mqb-cream .rc-hero { margin-inline:calc(50% - 50vw); padding-inline:calc(50vw - 50%); padding-block:48px 40px; }
.mqb-cream .ig-hero { max-width:none!important; }
.mqb-cream .ig-hero>* { max-width:680px; margin-left:auto; margin-right:auto; }

/* Or ancien (#C9A84C) sur creme : 2.0:1 — remplace par le bronze partout ou il reste. */
.mqb-cream :is(.ig-eyebrow,.ig-card-point,.ig-drawer-body a,.ig-brief-note a,.ig-helps-section a,.rc-final-phone-row strong,.rc-hero-eyebrow,.text-gold,.prose a,.legal-body a,.brief-body a,main a:not([class])) { color:#806038!important; }
.mqb-cream .ig-dot.is-active { background:#806038!important; }
.mqb-cream :is(.ig-card-summary,.ig-drawer-body,.ig-drawer-mini-cta p,.ig-drawer-disclaimer,.ig-brief-note,.ig-hero-sub,.rc-hero-sub,.rc-final-cta p,.ig-helps-section p) { color:#695a4c!important; }
.mqb-cream .ig-hero-sub a,.mqb-cream .ig-brief-note a { color:#806038!important; text-decoration:underline; text-underline-offset:3px; }

/* Calculateur : champs et segments encore noirs a 35 %. */
.mqb-cream :is(.rc-seg,.rc-input,.rc-row-input-wrap) { background:#fbf4ea!important; border-color:#c6b294!important; }
.mqb-cream :is(.rc-input,.rc-row-input-wrap):focus-within { border-color:#806038!important; }
.mqb-cream .rc-final-cta { background:#e7d9c2!important; border:1px solid #d9cbb9!important; }
.mqb-cream .rc-final-cta h2 { color:#32271f!important; }
.mqb-cream .rc-final-cta ul li { color:#32271f!important; }
.mqb-cream .rc-final-phone { background:linear-gradient(160deg,#fbf4ea 0%,#f1e6d6 100%)!important; box-shadow:0 26px 60px #62452820,inset 0 0 0 1px #d9cbb9!important; }
.mqb-cream .rc-final-phone::after { background:#d9cbb9!important; }
.mqb-cream .rc-final-phone-inner { background:linear-gradient(180deg,#f8f0e3 0%,#f3eadc 100%)!important; }
.mqb-cream :is(.rc-final-phone-eyebrow,.rc-final-phone-target,.rc-final-phone-mini span) { color:#695a4c!important; }
.mqb-cream .rc-final-phone-num { color:#32271f!important; }

/* FAQ : barre de filtres et champ de recherche encore noirs. */
.mqb-cream .faq-pills { background:#f2e8d8f2!important; border-bottom-color:#dfd2bf!important; }
.mqb-cream .faq-pill { background:#f8f0e3!important; color:#32271f!important; border-color:#d9cbb9!important; }
.mqb-cream .faq-pill:hover,.mqb-cream .faq-pill.is-active { background:#e4cda9!important; color:#32271f!important; border-color:#b79a70!important; }
.mqb-cream .faq-search-field { background:#fbf4ea!important; border-color:#c6b294!important; }
.mqb-cream .faq-search-input { color:#32271f!important; }
.mqb-cream .faq-search-input::placeholder { color:#70604f!important; }

/* Guide : tiroir plein ecran et section « helps » gris Apple -> creme. */
.mqb-cream .ig-drawer { background:#f2e8d8!important; }
.mqb-cream .ig-drawer-head { background:#f2e8d8f2!important; }
.mqb-cream .ig-helps-section { background:#e7d9c2!important; }
.mqb-cream .ig-feat-card { background:#f8f0e3!important; border:1px solid #d9cbb9; }
.mqb-cream .ig-feat-icon { background:#e4cda933!important; color:#806038!important; }
.mqb-cream :is(.ig-helps-h2,.ig-feat-title) { color:#32271f!important; }
.mqb-cream :is(.ig-helps-intro,.ig-feat-benefit) { color:#695a4c!important; }
.mqb-cream .ig-feat-bullets li { color:#70604f!important; }

/* ---- 2026-09-05 soir · Le fond a quatre couches devient l'arriere-plan du site entier (immersif, fixe, lent) ----
   1 base chaude (body), 2 lumieres qui derivent lentement, 3 grain fin, 4 vignettage d'avant-plan. Tout est fixe et
   sans interaction ; les sections qui partagent la teinte de base deviennent transparentes pour laisser passer la lumiere. */
body.mqb-cream { position:relative; }
body.mqb-cream::before { content:''; position:fixed; inset:-20vmax; z-index:-3; pointer-events:none;
 background:radial-gradient(ellipse 48% 42% at 22% 18%,#fffdf8 0,transparent 70%),radial-gradient(ellipse 52% 46% at 80% 62%,#dcc09985 0,transparent 68%),radial-gradient(ellipse 40% 36% at 58% 95%,#f3e6d2cc 0,transparent 70%);
 animation:creamDrift 46s ease-in-out infinite alternate; will-change:transform; }
body.mqb-cream::after { content:''; position:fixed; inset:0; z-index:-2; pointer-events:none;
 background:radial-gradient(ellipse at 50% 40%,transparent 55%,#6245280f 100%),url('/assets/images/cream-grain.svg'); background-blend-mode:normal; opacity:.9; }
@keyframes creamDrift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-3%,2.5%,0) scale(1.06); } }
@media(prefers-reduced-motion:reduce){ body.mqb-cream::before { animation:none; } }
.mqb-cream :is(.lyst-footer,.page-hero,.privacy-section,.brief-home-section,.section-dark-entry,.section-light-entry,.radial-bg,.radial-bg-secondary,.rc-what-counts-light,.rc-about-carousel-section,.rc-hero,.ig-hero,.about-closing,main) { background:transparent!important; }
.mqb-cream :is(.page-hero,.rc-hero,.ig-hero,.radial-bg,.about-closing)::before { opacity:.7; }
.mqb-cream .site-header,.mqb-cream .site-header.is-scrolled { background:#f2e8d8e6!important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }

/* ---- Passe complete de contraste (Sebastien : « texte illisible ») ---- */
.mqb-cream :is(.brief-source-cite,.brief-body strong,.brief-featured-title,.brief-card-title) { color:#32271f!important; }
.mqb-cream :is(.brief-audio-status,.brief-audio-sub,.rc-ocr-note,.rc-reset-lead,.ig-section-label,.page-hero-breadcrumb,.page-hero-breadcrumb span,.page-hero-breadcrumb a) { color:#5f5142!important; }
.mqb-cream :is(.rc-hero-micronote,.faq-search-label,.ig-feat-more-label,.brief-audio-btn) { color:#6b4f2a!important; }
.mqb-cream .brief-audio-btn { background:#e4cda9!important; border-color:#b79a70!important; }
.mqb-cream .rc-result-card strong,.mqb-cream .rc-about-card strong { color:#6b4f2a!important; }

/* ---- Brief : l'image vedette remplit toute la hauteur de la carte ---- */
.mqb-cream .brief-featured { align-items:stretch!important; padding:0!important; overflow:hidden; border-radius:16px!important; }
.mqb-cream .brief-featured-image { height:100%!important; min-height:100%; aspect-ratio:auto!important; object-fit:cover!important; border-radius:0!important; }
.mqb-cream .brief-featured-body { padding:34px 32px 34px 8px!important; align-self:center; }
@media(max-width:767px){ .mqb-cream .brief-featured-image { aspect-ratio:4/3!important; } .mqb-cream .brief-featured-body { padding:20px 22px 26px!important; } }
/* Le fond immersif du body suffit : plus de halo local encadre sur les en-tetes de page (bord dur visible sur /brief/). */
.mqb-cream :is(.page-hero,.rc-hero,.ig-hero,.radial-bg,.about-closing)::before,.mqb-cream :is(.page-hero,.rc-hero,.ig-hero,.radial-bg,.about-closing)::after { display:none; }
.mqb-cream .brand-word span { color:#32271f!important; letter-spacing:.01em; font-size:1.5rem; font-weight:500; }

/* ---- Audit lea, 2026-09-05 soir : les restes du theme sombre qui percent encore ---- */
.mqb-cream .ig-drawer[aria-hidden="true"],.mqb-cream .ig-drawer:not(.is-open) { visibility:hidden; pointer-events:none; }
.mqb-cream .rc-result-card::before { display:none!important; }
.mqb-cream .rc-step-num { background:none!important; -webkit-text-fill-color:#806038; color:#806038!important; }
.mqb-cream .ig-final-cta { background:transparent!important; color:#695a4c!important; }
@media(min-width:1024px){ .mqb-cream .rc-about-track { display:grid!important; grid-template-columns:repeat(3,1fr); overflow:visible!important; } }

/* ---- Profondeur a quatre plans (Fora : plans distincts, vitesses differentes, un grade commun) ----
   Plan 1 : la base chaude du body. Plan 2 : lumieres larges, lentes. Plan 3 : formes champagne, plus rapides,
   qui rappellent l'arche des visuels App Store. Plan 4 : grain et vignettage, fixes, devant. */
body.mqb-cream::before,body.mqb-cream::after { display:none; }
.cream-depth { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.cream-depth>* { position:absolute; inset:-30vh -10vw; will-change:transform; }
.cream-depth-light { background:radial-gradient(ellipse 46% 38% at 20% 22%,#fffaf1 0,transparent 68%),radial-gradient(ellipse 50% 44% at 82% 58%,#d8ba8f99 0,transparent 66%),radial-gradient(ellipse 42% 36% at 55% 98%,#f1e2ca 0,transparent 70%); animation:creamBreathe 38s ease-in-out infinite alternate; }
.cream-depth-shapes i { position:absolute; display:block; border-radius:999px 999px 18px 18px; background:linear-gradient(160deg,#fbf3e6 0%,#e9d7bb 55%,#dcc39d 100%); opacity:.55; box-shadow:inset 0 0 0 1px #ffffff66,0 40px 90px #6245281a; }
.cream-depth-shapes i:nth-child(1) { width:34vw; height:78vh; left:-8vw; top:38vh; }
.cream-depth-shapes i:nth-child(2) { width:22vw; height:56vh; right:6vw; top:12vh; opacity:.42; }
.cream-depth-shapes i:nth-child(3) { width:14vw; height:34vh; right:34vw; top:120vh; opacity:.36; }
.cream-depth-veil { inset:0; background:radial-gradient(ellipse at 50% 38%,transparent 52%,#6245281a 100%),url('/assets/images/cream-grain.svg'); opacity:.85; }
@keyframes creamBreathe { from { filter:saturate(1) brightness(1); } to { filter:saturate(1.08) brightness(1.02); } }
@media(prefers-reduced-motion:reduce){ .cream-depth-light { animation:none; } }
@media(max-width:767px){ .cream-depth-shapes i:nth-child(1) { width:70vw; left:-30vw; } .cream-depth-shapes i:nth-child(2) { width:46vw; right:-14vw; } .cream-depth-shapes i:nth-child(3) { display:none; } }

/* ---- Verification page par page, 2026-09-05 soir ---- */
/* Le fond de html etait encore sombre : visible au rebond du defilement sur Mac et sous un corps court. */
html:has(body.mqb-cream) { background:#f2e8d8!important; }
/* Un seul bouton de telechargement, doux, sur toutes les pages (le CSS vivait seulement sur l'accueil). */
.mqb-cream .soft-cta { display:inline-flex; align-items:center; gap:10px; min-height:48px; padding:12px 22px; border-radius:10px; background:#e4cda9!important; border:1px solid #b79a70!important; color:#32271f!important; font:600 14px 'Manrope',sans-serif; text-decoration:none; box-shadow:none!important; transition:background 240ms cubic-bezier(.2,.7,.3,1),transform 240ms cubic-bezier(.2,.7,.3,1); }
.mqb-cream .soft-cta:hover { background:#d9c8b0!important; transform:translateY(-1px); }
.mqb-cream .soft-cta .app-store-icon { width:18px; height:18px; flex:none; }
/* About : le Tailwind compile ne porte ni .text-2xl ni .mt-16 — les sous-titres etaient a la taille du corps, colles au paragraphe. */
.mqb-cream main h2.font-serif.text-2xl { font-size:clamp(28px,2.6vw,36px)!important; line-height:1.2; margin:52px 0 18px!important; }
.mqb-cream main .text-xl { font-size:1.2rem; } .mqb-cream main .text-lg { font-size:1.05rem; }

/* ---- Header : bandeau un cran plus fonce en haut de page ; au defilement il devient translucide a 85 %, flou derriere ---- */
.mqb-cream .site-header { background:#e7d9c2!important; border-bottom:1px solid #d3c1a4!important; transition:background 320ms ease,box-shadow 320ms ease; -webkit-backdrop-filter:none; backdrop-filter:none; }
.mqb-cream .site-header.is-scrolled { background:#e7d9c2d9!important; -webkit-backdrop-filter:blur(16px) saturate(1.05); backdrop-filter:blur(16px) saturate(1.05); box-shadow:0 10px 30px #62452814; }

/* ---- Header transparent au-dessus de Paris, translucide dès qu'on descend, sans filet (5 sept. 2026) ---- */
body.mqb-cream:has(.paris-stage--hero) .site-header { position:fixed; left:0; right:0; top:0; background:transparent!important; border-bottom:0!important; }
body.mqb-cream:has(.paris-stage--hero) .site-header.is-scrolled { background:transparent!important; -webkit-backdrop-filter:none!important; backdrop-filter:none!important; box-shadow:none!important; }
/* Au défilement : pas de bandeau, un fondu crème qui tombe à zéro sous le header, flou masqué de la même façon */
body.mqb-cream:has(.paris-stage--hero) .site-header::before { content:''; position:absolute; left:0; right:0; top:0; height:340%; z-index:-1; pointer-events:none; opacity:0; transition:opacity 480ms ease;
 background:linear-gradient(180deg,#f2e8d8cc 0%,#f2e8d800 100%);
 -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
 -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%); mask-image:linear-gradient(180deg,#000 0%,transparent 100%); }
body.mqb-cream:has(.paris-stage--hero) .site-header.is-scrolled::before { opacity:1; }