/* Charte graphique du 24/09/2026 (btob, lot H) : fond photo des sections du site et des pages de membre.
   Émis par afterlogin/navbar.php quand la page pose $btbFond (voir helpers/charte_fond.php). Même recette que la fiche
   (fiche-profil.css, .fp-fond) : calque FIXE derrière la page (jamais une image sur body : la Marketplace mesure jusqu'à
   340 000 px de haut en chargement continu, et background-attachment:fixed est ignoré par Safari iOS). */
body:has(.btb-fond){background:#1d2a45 !important;background-image:none !important;position:relative;z-index:0}
.btb-fond{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#1d2a45;pointer-events:none}
/* max-width:none : le préréglage de Tailwind (img{max-width:100%}) laissait 6 % du bord droit sans photo sur la fiche */
.btb-fond img{position:absolute;inset:-6%;width:112%;height:112%;max-width:none;object-fit:cover;filter:blur(20px) saturate(1.2);transform:translateZ(0)}
/* Voile plus soutenu en haut que celui de la fiche : les titres blancs des sections défilent sur toute la hauteur. */
.btb-fond::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,19,27,.62) 0%,rgba(16,19,27,.76) 40%,rgba(16,19,27,.9) 100%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px)}

/* Textes posés directement sur le fond (titres de section, compteurs, liens d'en-tête) */
body:has(.btb-fond) .btb-sur-fond{color:#fff !important}
body:has(.btb-fond) .btb-sur-fond-doux{color:rgba(255,255,255,.78) !important}
body:has(.btb-fond) a.btb-sur-fond:hover{color:#dbe8f7 !important}

/* Navbar : la bande d'onglets collante de la Marketplace avait un fond #F9FAFB codé en dur (navbar.css) */
body:has(.btb-fond) #tabNavWrapper{background:transparent !important}
/* Icône d'un titre posé sur le fond : le vert de la charte (le bleu #0c376b disparaît sur le voile) */
body:has(.btb-fond) .btb-sur-fond > i,body:has(.btb-fond) .btb-sur-fond > .fas,body:has(.btb-fond) .btb-sur-fond > .fa-solid{color:#8abf56 !important}

/* Impression : pas de photo de fond (une <img> s'imprime même quand les fonds sont désactivés) */
@media print{.btb-fond{display:none !important}body:has(.btb-fond){background:#fff !important}}

/* Navigateur qui ne connaît pas :has() (Chrome < 105, Firefox < 121) : aucune règle body:has(.btb-fond) ne s'applique ; on
   retire le calque pour garder la page d'avant (titres sombres sur fond clair) plutôt que des titres sombres sur la photo. */
@supports not selector(:has(*)){.btb-fond{display:none !important}}