/* ══════════════════════════════════════════════════════════════════════════════
   GIRI ACADÉMIE — « RETROUVER MON ACCÈS », MIS À LA CHARTE (30/08)
   La page était un TÉLÉPHONE EN BOIS (textures wood-body / wood-light-premium)
   posé au milieu du marbre : le seul objet en bois de tout l'espace élève.
   Le bois reste le thème de la boutique ; le service à l'élève, lui, est de pierre.
   ══════════════════════════════════════════════════════════════════════════ */
:root,body{
  --wood-dark:none;
  --wood-light:none;
  --cream:rgba(255,253,248,.92);
  --red:#7a5a10;                 /* le rouge brique sortait de la palette */
  --gold:#e8b93a;--gold-deep:#8a6512;--gold-soft:#f7e3a4;
  --bubble-bot:linear-gradient(135deg,rgba(255,253,249,.94),rgba(250,245,235,.90));
  --bubble-user:linear-gradient(135deg,rgba(232,185,58,.20),rgba(201,151,27,.14));
}
body[data-theme="dark"]{
  --cream:rgba(20,32,54,.90);
  --bubble-bot:linear-gradient(135deg,rgba(24,38,62,.94),rgba(16,27,47,.92));
  --bubble-user:linear-gradient(135deg,rgba(232,185,58,.22),rgba(201,151,27,.16));
}

/* L'écrin : du verre sur la pierre, dans les deux lumières. */
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .device{
  background:var(--ga-vitre)!important;
  backdrop-filter:blur(16px) saturate(106%)!important;-webkit-backdrop-filter:blur(16px) saturate(106%)!important;
  box-shadow:var(--ga-ombre-h),inset 0 1px 0 rgba(255,240,200,.10),0 0 0 1px var(--ga-filet)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .screen,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .head,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .body,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .foot{
  background-image:none!important;background-color:transparent!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .head{
  border-bottom:1px solid var(--ga-filet)!important;background:var(--ga-verre-creux)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .foot{border-top:1px solid var(--ga-filet)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .h-name{
  color:var(--ga-or-texte)!important;-webkit-text-fill-color:var(--ga-or-texte)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .h-tagline,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .h-status,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .h-meta{color:var(--ga-encre-2)!important}

/* Les bulles : la parole de l'assistante reste sur une feuille claire le jour,
   et sur du verre de nuit le soir — mais l'encre suit toujours son fond. */
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .bubble{
  border:1px solid var(--ga-filet)!important;color:var(--ga-encre)!important}
body[data-theme="marbre"].ga-pierre:not(#z1):not(#z2) .bubble{color:#33281a!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .card{
  background:var(--ga-verre)!important;border:1px solid var(--ga-filet)!important;
  color:var(--ga-encre)!important;box-shadow:var(--ga-ombre)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .card *{color:var(--ga-encre)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .card b,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .card strong{color:var(--ga-or-texte)!important}
/* Google impose son fond blanc : son texte reste celui de Google. */
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) [class*="google"] span,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) a[href*="google"] span{color:#3c4043!important;-webkit-text-fill-color:#3c4043!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .cta-btn{
  background:var(--ga-lingot)!important;border:1px solid var(--ga-lingot-bord)!important;
  color:#3a2708!important;-webkit-text-fill-color:#3a2708!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .err-note{color:var(--ga-encre-2)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .bg-halo,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .bg-vignette{opacity:.25!important}

/* La scène : le décor « vrai bois + halo doré + acajou » du corps de page
   laisse place à la pierre de la maison, dans les deux lumières. */
/* ⛔ Le fond du body reste TRANSPARENT. Un `background-color` opaque posé sur le
   body masque son PROPRE `::before` à z-index négatif : le contexte d'empilement
   est `html`, et les couches négatives se peignent avant les blocs en flux.
   La couleur de secours va donc sur `html`, jamais sur `body`. */
html{background-color:var(--ga-fond-plat)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5){
  background-image:none!important;background-color:transparent!important;
  color:var(--ga-encre)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5)::before{
  content:''!important;position:fixed!important;inset:0!important;z-index:-1!important;
  pointer-events:none!important;display:block!important;
  background:var(--ga-voile),var(--ga-pierre) center center / cover no-repeat!important}
body[data-theme="marbre"].ga-pierre:not(#z1):not(#z2)::before{filter:contrast(1.10) saturate(1.06)!important}

/* Le pied de l'écrin — « Toujours bloqué ? » — était en crème sur crème. */
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .foot,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .foot *{color:var(--ga-encre-2)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .foot a{color:var(--ga-or-texte)!important}

/* Le champ d'adresse restait brun quel que soit le thème. */
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) input{
  background:var(--ga-champ)!important;border:1px solid var(--ga-filet)!important;
  color:var(--ga-encre)!important;border-radius:22px!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) input::placeholder{color:var(--ga-encre-3)!important;font-style:italic}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) input:focus{
  border-color:var(--ga-filet-fort)!important;background:var(--ga-champ)!important}

/* ⛔ PIÈGE : la page pose `-webkit-text-fill-color:#f3e4cc` (crème) sur ses
   textes. Cette propriété BAT `color` : le pied « Toujours bloqué ? » restait
   crème sur crème même après avoir corrigé `color`. Toute couleur de texte
   posée ici va donc par paire. */
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) :is(.hint,.hint *,.foot,.foot *){
  color:var(--ga-encre-2)!important;-webkit-text-fill-color:var(--ga-encre-2)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) :is(.hint a,.foot a){
  color:var(--ga-or-texte)!important;-webkit-text-fill-color:var(--ga-or-texte)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) :is(.h-tagline,.h-status,.h-meta,.h-status *){
  color:var(--ga-encre-2)!important;-webkit-text-fill-color:var(--ga-encre-2)!important}
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .h-name{
  color:var(--ga-or-texte)!important;-webkit-text-fill-color:var(--ga-or-texte)!important}
/* L'en-tête de l'écrin : du verre et un filet d'or, pas un bandeau gris. */
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .head{
  background:var(--ga-verre-creux)!important;border-bottom:1px solid var(--ga-filet)!important}
/* Le voile brun de l'en-tête (`.head::before`, rgba(28,14,6,.66)) restait posé
   par-dessus le verre : le bandeau sortait gris sale sur le marbre. */
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .head::before,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .device::before,
body.ga-pierre:not(#z1):not(#z2):not(#z3):not(#z4):not(#z5) .screen::before{
  background:none!important;display:none!important}