/* GVS+ v370 — tout le site transparent (mode clair et mode sombre).
   Fonds des pages, cartes, carreaux, lignes des listes et boutons : transparents (le bord reste visible).
   Barres fixes (haut, bas, bandeaux) et fenêtres : verre très léger + flou, pour que le texte qui défile derrière reste lisible.
   Les bulles de messages et les champs de saisie ne sont pas touchés (ils doivent rester lisibles). */

/* ---------- pages, cartes, carreaux, lignes : transparents ---------- */
html body .page, html body .wrap, html body main, html body .home-wrap,
html body .gvs-home-fixed-titles,
html body :is(.card,.anip-tile,.home-like-section,.gvs-sheet-box,.gvs-ai-sheet-box,.gvs-apps-panel),
html body #gvsHubList :is(.gvs-hl-scroll,.gvs-hl-row,.gvs-hl-ico,.gvs-hl-tico,.gvs-hl-seg,.gvs-hl-seg>div.on),
html body.dark .card, html body.dark .anip-tile,
html body.dark #gvsHubList :is(.gvs-hl-scroll,.gvs-hl-row,.gvs-hl-ico,.gvs-hl-tico,.gvs-hl-seg,.gvs-hl-seg>div.on) {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
html body :is(.card,.anip-tile) { box-shadow: none !important; }
html body .anip-tile { box-shadow: 0 0 5px #2f80ffa6, 0 0 12px #2f80ff40 !important; }   /* le liseré bleu des carreaux reste */

/* ---------- fenêtres et liste d'un carreau : verre (sinon on lit à travers la page du dessous) ---------- */
html body #gvsHubList,
html body :is(.gvs-sheet-box,.gvs-ai-sheet-box,.gvs-apps-panel) {
  background: rgba(255,255,255,.30) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important; backdrop-filter: blur(18px) saturate(1.15) !important;
}
html body.dark #gvsHubList,
html body.dark :is(.gvs-sheet-box,.gvs-ai-sheet-box,.gvs-apps-panel) {
  background: rgba(11,16,32,.35) !important;
}

/* ---------- barres fixes : verre très léger ---------- */
html body :is(#gvsTileDock,#gvsHubTabs,#gvsHubList .gvs-hl-head,.gvs-quick-apps-bar,.bottomnav,.topbar,#authTopbar,#androidStatusBar) {
  background: rgba(255,255,255,.22) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2) !important; backdrop-filter: blur(14px) saturate(1.2) !important;
  box-shadow: none !important;
}
html body.dark :is(#gvsTileDock,#gvsHubTabs,#gvsHubList .gvs-hl-head,.gvs-quick-apps-bar,.bottomnav,.topbar,#authTopbar,#androidStatusBar) {
  background: rgba(11,16,32,.25) !important;
}

/* ---------- v372 : ces règles battent celles de styles.css (html body:not(.dark) … { background:#fff!important }) ---------- */
html body:not(.dark) .page, html body:not(.dark) main.wrap, html body:not(.dark) .wrap, html body:not(.dark) .card, html body:not(.dark) #appHeader,
html body:not(.dark) .settings-panel, html body:not(.dark) .gvs-header-banner, html body:not(.dark) .gvs-mini-brand-bar,
html body.dark .page, html body.dark main.wrap, html body.dark .wrap, html body.dark .card, html body.dark #appHeader,
html body.dark .settings-panel, html body.dark .gvs-header-banner, html body.dark .gvs-mini-brand-bar,
html body:not(.dark) :is(.gvs-ex-wrap,.gvs-ex-intro,.gvs-st-wrap,.home-wrap,.gvs-home-fixed-titles,.anip-tile-grid),
html body.dark :is(.gvs-ex-wrap,.gvs-st-wrap,.home-wrap,.gvs-home-fixed-titles,.anip-tile-grid) {
  background: transparent !important; background-color: transparent !important;
}
/* le logo GVS+ du fond du site, bien visible derrière tout (il ne bouge pas quand on défile) */
html body:before { opacity: .16 !important; }
html body.dark:before { opacity: .20 !important; }
/* v378 : le logo GVS+ du fond n'apparaît QUE sur l'accueil (plus dans les autres pages, ni dans les listes des carreaux) */
html body:not(:has(#home.active)):before, html body:has(#gvsHubList):before { display: none !important; content: none !important; background-image: none !important; }
/* cadre du message (ex. Attestation) : transparent, bord gardé */
html body :is(.gvs-ex-intro,.gvs-ex-empty,.gvs-ex-card,.gvs-ex-item) { background: transparent !important; }
/* mode sombre : écran de connexion et zones qui forçaient #0B1020 */
html body.dark:has(#auth.active) #auth, html body.dark #auth, html body.dark #auth .auth, html body.dark:has(#auth.active) #authTopbar, html body.dark #authTopbar,
html body:not(.dark):has(#auth.active) #auth, html body:not(.dark) #auth, html body:not(.dark) #auth .auth {
  background: transparent !important; background-color: transparent !important;
}
/* mode sombre : la couleur de fond passe sur <html> pour que le logo GVS+ du fond reste visible derrière toutes les pages */
html:has(body.dark) { background-color: #0B1020 !important; }
html body.dark, html body.dark:has(#auth.active) { background: transparent !important; background-color: transparent !important; }
/* liste d'un carreau (Discussions…) : fond plein (sinon on lirait la page du dessous) mais avec le logo GVS+ du site derrière */
html body #gvsHubList { background: #FBFCFE !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; isolation: isolate; }
html body.dark #gvsHubList { background: #0B1020 !important; }
/* v378 : plus de logo GVS+ en filigrane dans les listes des carreaux (Formations, Discussions…) */
html body #gvsHubList:before, html body.dark #gvsHubList:before { content:none !important; display:none !important; background-image:none !important; }

/* v373 : barres du haut et du bas totalement transparentes (le contenu ne passe pas dessous) */
html body :is(#gvsTileDock,#gvsHubTabs,#gvsHubList .gvs-hl-head),
html body.dark :is(#gvsTileDock,#gvsHubTabs,#gvsHubList .gvs-hl-head) {
  background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important;
}
html body :is(#gvsHubTabs,#gvsHubList .gvs-hl-head) { border-bottom-color: rgba(128,138,160,.22) !important; }
html body #gvsTileDock { border-top-color: rgba(128,138,160,.22) !important; }
/* photo de couverture de « Mon compte » : sur toute la largeur de la page */
html body #gvsMcBox { margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; width: 100vw !important; max-width: none !important; }
html body #gvsMcBox .gvs-mc-prev { border-radius: 0 !important; width: 100% !important; }
html body:has(#gvsMcBox) { overflow-x: clip; }

/* v374 : bandeau des carreaux du bas + barre du haut (bouton rouge) = PLEINS, plus transparents.
   Blanc en mode clair, sombre en mode sombre. Le contenu de la page ne passe plus dessous. Le bouton rouge reste rouge. */
html body :is(#gvsTileDock,#gvsHubTabs,#gvsHubList .gvs-hl-head) {
  background: #FFFFFF !important; background-color: #FFFFFF !important;
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
  opacity: 1 !important;
}
html body.dark :is(#gvsTileDock,#gvsHubTabs,#gvsHubList .gvs-hl-head) {
  background: #0B1020 !important; background-color: #0B1020 !important;
}
html body :is(#gvsHubTabs,#gvsHubList .gvs-hl-head) { border-bottom: 1px solid #DDE3F0 !important; }
html body.dark :is(#gvsHubTabs,#gvsHubList .gvs-hl-head) { border-bottom-color: #3a3a42 !important; }
html body #gvsTileDock { border-top: 1px solid #DDE3F0 !important; }
html body.dark #gvsTileDock { border-top-color: #3a3a42 !important; }
html body :is(#gvsHubTabs .gvs-hb-btn,#gvsHubList .gvs-hl-back) { background: #E3120B !important; opacity: 1 !important; }

/* v375 : la fenêtre « Tous les membres » (z-index 2147483000) cachait le bandeau des petits carreaux du bas → le bandeau passe au-dessus */
html body.gvs-dock-on #gvsTileDock { z-index: 2147483200 !important; }

/* v387 : fenêtres des jeux (Jeux GVS+, Quiz, Culture générale, Image cassée) — fond plein, plus transparent (blanc en clair, bleu nuit en sombre) */
html body .game-panel, html body #gvsGameModal .game-panel {
  background: #FFFFFF !important; background-color: #FFFFFF !important; color: var(--ink, #10213f);
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
html body.dark .game-panel, html body.dark #gvsGameModal .game-panel {
  background: #0B1020 !important; background-color: #0B1020 !important; color: #fff;
}