/* ============================================================
   RCF V1.2 — BIBLE INDUSTRIELLE : L'ACCUEIL DEVIENT UN LIEU
   ------------------------------------------------------------
   Chargée en dernier, propriétaire unique de l'ACCUEIL de la Bible
   (#scBible). Elle ne touche ni le contenu documentaire, ni la recherche,
   ni les 8 familles, ni les fiches : uniquement la présentation.

   L'écran d'avant était juste : lisible, sobre, cohérent. Il était aussi
   plat, et sa moitié basse restait vide. La photo du centre documentaire
   comble ce vide sans qu'on ait à inventer du contenu — à condition que
   l'interface la laisse se voir. C'est toute la règle de ce fichier :
   des panneaux qu'on traverse du regard, jamais des pavés opaques.
   ============================================================ */

/* -- 1. LE DÉCOR ----------------------------------------------------------
   `position:fixed` ne fixe PAS à la fenêtre ici. `#rcfStage` porte
   `transform:translateZ(0)` (stage-916.css) et un ancêtre transformé devient
   le bloc conteneur de ses descendants `fixed` : le calque est donc ancré À
   LA SCÈNE 9:16. Sur PC il ne déborde jamais dans les bandes sombres, et il
   ne bouge pas quand la liste défile.
   L'image fait 941x1672, soit 9:16 à 0,05 % près : `cover` sur une scène 9:16
   la montre donc ENTIÈRE, sans recadrage. Rien n'est perdu. */
#scBible{position:relative;background:#04101b}
#scBible::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("../../assets/backgrounds/FOND_BIBLE_INDUSTRIELLE_V12.png");
  background-size:cover;background-position:center;background-repeat:no-repeat;
  filter:saturate(.98) contrast(1.02);
}
/* Voile de lecture, volontairement asymétrique. Le haut de la photo est un mur
   bleu nuit, déjà lisible : on l'aide à peine. Le milieu porte les rayonnages
   éclairés et la grille des thèmes : c'est là qu'il faut du contraste. Le bas
   — le bureau, les livres ouverts, la tasse — reste presque nu, parce que
   c'est exactement ce que le joueur doit continuer de voir. */
#scBible::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(3,12,20,.58) 0%,
    rgba(3,12,20,.50) 22%,
    rgba(3,12,20,.34) 46%,
    rgba(3,12,20,.14) 66%,
    rgba(3,12,20,.06) 82%,
    rgba(3,12,20,.22) 100%);
}
/* Tout le contenu passe au-dessus des deux calques. */
#scBible .bible-wrap{position:relative;z-index:1}

/* -- 2. L'EN-TÊTE ---------------------------------------------------------
   Compact : il annonce, il n'occupe pas. Un seul panneau de verre qui tient
   le bouton Menu, le titre et le sous-titre. */
#scBible .bible-head--home{
  align-items:center;
  margin:0 0 12px;padding:11px 13px 12px;
  border:1px solid rgba(186,216,244,.20);border-radius:16px;
  background:linear-gradient(158deg,rgba(9,30,49,.80),rgba(3,14,24,.86));
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
  box-shadow:0 20px 44px -34px rgba(0,0,0,.92);
}
#scBible .bible-head--home .eyebrow{
  color:var(--hivis,#ffc02e);letter-spacing:.22em}
#scBible .bible-head--home .bible-title{
  font-size:25px;line-height:1.06;
  text-shadow:0 2px 12px rgba(0,0,0,.55)}
#scBible .bible-head--home .bible-sub{
  color:#c9d7e3;font-size:12.5px;margin-top:3px;
  text-shadow:0 1px 8px rgba(0,0,0,.5)}
#scBible .bible-head--home .l12-nav-back{
  background:rgba(6,22,37,.68);border-color:rgba(186,216,244,.24)}

/* -- 3. LA RECHERCHE ------------------------------------------------------
   Même langage que les cartes : verre, bordure fine. Assez contrastée pour
   qu'on lise ce qu'on tape par-dessus une photo claire. */
#scBible .bible-searchbar{margin:0 0 13px}
#scBible .bible-input{
  border:1px solid rgba(186,216,244,.22);border-radius:14px;
  background:linear-gradient(160deg,rgba(9,29,47,.78),rgba(4,16,27,.84));
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 14px 34px -28px rgba(0,0,0,.9);
  color:var(--ink,#f7f9fc)}
#scBible .bible-input::placeholder{color:#93a8bb}
#scBible .bible-input:focus{
  border-color:var(--hivis,#ffc02e);
  background:linear-gradient(160deg,rgba(11,34,55,.86),rgba(5,19,32,.90))}

/* -- 4. L'INTITULÉ DE SECTION -------------------------------------------- */
#scBible #bibleBody > .cp-section-title{
  color:#d7e2ec;letter-spacing:.2em;
  text-shadow:0 1px 10px rgba(0,0,0,.6)}

/* -- 5. LES HUIT CARTES ---------------------------------------------------
   Deux colonnes, comme avant. Ce qui change : elles deviennent des objets
   posés sur la photo, pas des boutons collés à un fond noir. L'opacité vise
   ~0,80 : le texte reste franc, le rayonnage derrière reste deviné. */
#scBible .bible-grid{gap:11px}
#scBible .bible-fam{
  position:relative;gap:11px;padding:15px 13px;min-height:60px;
  border:1px solid rgba(186,216,244,.20);border-radius:16px;
  background:linear-gradient(158deg,rgba(11,33,53,.80),rgba(3,14,25,.86));
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
  box-shadow:0 20px 44px -34px rgba(0,0,0,.95);
  color:#f2f6fa;font-size:15px;
  transition:background .18s ease,border-color .18s ease,transform .18s ease}
/* Le picto jaune reçoit sa propre pastille : il se détache de la photo au
   lieu de flotter dessus. */
#scBible .bible-fam .bible-ic{
  width:32px;height:32px;flex-basis:32px;border-radius:10px;
  background:rgba(255,192,46,.13);border:1px solid rgba(255,192,46,.24);
  color:var(--hivis,#ffc02e)}
#scBible .bible-fam .bible-ic svg,#scBible .bible-fam .bible-ic img{width:19px;height:19px}
#scBible .bible-fam__l{
  letter-spacing:.015em;text-shadow:0 1px 9px rgba(0,0,0,.55)}
#scBible .bible-fam__c{color:#9fb4c6;font-size:18px}
/* Interaction : on éclaire, on n'opacifie pas. La photo reste visible même
   sous le doigt. */
#scBible .bible-fam:hover{
  border-color:rgba(255,192,46,.44);
  background:linear-gradient(158deg,rgba(15,43,68,.84),rgba(5,19,32,.88));
  transform:translateY(-1px)}
#scBible .bible-fam:hover .bible-fam__c{color:var(--hivis,#ffc02e)}
#scBible .bible-fam:active{transform:scale(.985)}
#scBible .bible-fam:focus-visible{
  outline:none;border-color:var(--hivis,#ffc02e);
  box-shadow:0 0 0 2px rgba(255,192,46,.34),0 20px 44px -34px rgba(0,0,0,.95)}

/* -- 6. LES ÉCRANS INTÉRIEURS --------------------------------------------
   Famille et résultats de recherche gardent le même décor et le même verre,
   pour qu'on reste dans le même lieu. Les fiches, elles, ne sont pas dans
   le périmètre de ce lot et conservent leur rendu. */
#scBible .bible-head:not(.bible-head--home){
  margin:0 0 12px;padding:9px 12px;
  border:1px solid rgba(186,216,244,.18);border-radius:14px;
  background:linear-gradient(158deg,rgba(9,30,49,.78),rgba(3,14,24,.84));
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#scBible .bible-row,#scBible .cp-row{
  border-color:rgba(186,216,244,.18)!important;
  background:linear-gradient(158deg,rgba(10,31,50,.78),rgba(3,14,24,.85))!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#scBible .cp-empty{
  padding:14px;border-radius:14px;
  background:rgba(4,16,27,.72);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* -- 7. RESPIRER -----------------------------------------------------------
   Aucun panneau ne vient combler le bas de l'écran. La photo s'en charge :
   c'est son bureau, ses livres ouverts et son vélo qui occupent la place
   qui paraissait vide. On ajoute seulement une marge basse confortable pour
   que la dernière carte ne colle pas au bord de la scène. */
#scBible .bible-wrap{padding-bottom:calc(30px + var(--rcf-safe-b,0px))}

/* -- 8. LES PETITS ÉCRANS -------------------------------------------------
   Sous 400 px de scène, on resserre sans jamais casser les deux colonnes :
   « Maintenance » et « Logistique » doivent tenir sur une ligne. */
@media (max-width:400px){
  #scBible .bible-head--home{padding:10px 11px 11px}
  #scBible .bible-head--home .bible-title{font-size:22px}
  #scBible .bible-grid{gap:9px}
  #scBible .bible-fam{padding:12px 10px;min-height:54px;gap:9px;font-size:13.5px}
  #scBible .bible-fam .bible-ic{width:28px;height:28px;flex-basis:28px;border-radius:9px}
  #scBible .bible-fam .bible-ic svg,#scBible .bible-fam .bible-ic img{width:17px;height:17px}
}

/* -- 9. QUAND LE VERRE N'EST PAS DISPONIBLE -------------------------------
   Sans `backdrop-filter` (anciens navigateurs, ou réglage d'économie), le
   flou disparaît : on compense en opacifiant un peu les panneaux, pour que
   la lisibilité ne dépende jamais d'un effet facultatif. */
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  #scBible .bible-head--home,#scBible .bible-fam,#scBible .bible-input{
    background:linear-gradient(158deg,rgba(8,27,45,.90),rgba(3,13,23,.93))}
}

/* -- 10. MOUVEMENT RÉDUIT ------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  #scBible .bible-fam{transition:none}
  #scBible .bible-fam:hover{transform:none}
}