/* Mémoire > Livres, Revues, Albums et vidéos (inc/bibliotheque.php) et vitrine de Mémoire. Maquettes choisies le
   25/10/2026 : Livres C (liste), Revues C (liste et filtres), Albums B (par année). Écrit à la main. */

/* Haut de page sans photo, onglets entre les trois pages */
.bib-top .wrap{padding-top:34px;padding-bottom:30px}
.bib-top .pg-chapo{max-width:720px}
.bib-onglets .ancres-l a[aria-current]{background:var(--vert-f);border-color:var(--vert-f);color:#fff}
.bib-onglets .ancres-l a[aria-current] b{color:var(--or-c)}
.bib-onglets .ancres-l li:last-child{margin-left:auto}
.bib-onglets .ancres-l li:last-child a{border-color:transparent;color:var(--sec)}
.bib-une-t{margin:4px 0 4px;font-family:var(--cond);font-weight:400;text-transform:uppercase;font-size:2rem;line-height:1.04;color:var(--vert-f)}
.bib-date{font-family:var(--tech);font-weight:700;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rouge)}

/* Couvertures venues de la médiathèque (vitrine de Mémoire et bloc mis en avant) */
.li-une .fig2 img{width:100%;height:auto}
.livres2 .cv img{height:auto}
.revues2 .cv img{display:block}

/* Livres : liste à deux colonnes */
.bib-liste-livres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.bib-liste-livres li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid var(--filet)}
.bib-liste-livres .cv img{display:block;width:100%;height:auto;box-shadow:0 8px 18px -10px rgba(0,0,0,.55)}
.bib-liste-livres .tx{display:flex;flex-direction:column;gap:4px}
.bib-liste-livres b{font-family:var(--tech);font-weight:700;font-size:1.125rem;line-height:1.25;color:var(--vert-f)}
.bib-liste-livres .au{font-family:var(--tech);font-weight:600;font-size:.875rem;color:var(--rouge)}
.bib-liste-livres .re{font-size:.9375rem;line-height:1.45;color:#4b4f46}

/* Revues : liste avec filtres */
.bib-liste-revues{list-style:none;margin:0;padding:0;border-top:1px solid var(--filet)}
.bib-liste-revues li{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--filet)}
.bib-liste-revues .cv img{display:block;width:56px;height:auto;border:1px solid var(--filet)}
.bib-liste-revues .tx{display:flex;flex-direction:column;gap:3px}
.bib-liste-revues b{font-family:var(--tech);font-weight:700;font-size:1.0625rem;color:var(--vert-f)}
.bib-liste-revues small{font-size:.8125rem;color:var(--sec)}

/* Albums : par année, pastille de lecture sur les vidéos */
.bib-filtres{flex-wrap:wrap;row-gap:10px}
.bib-filtres .chips+.chips{padding-left:18px;border-left:1px solid var(--filet)}
.alb-vis{position:relative}
.bib-lecture{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:rgba(20,26,16,.72)}
.bib-lecture::after{content:"";position:absolute;left:21px;top:16px;border:10px solid transparent;border-left:16px solid #fff;border-right:0}
.alb-grille.bib-grille-4{grid-template-columns:repeat(4,1fr)}
.bib-annee+.bib-annee{margin-top:40px}
.bib-annee-t{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--vert-f);font-family:var(--cond);font-weight:400;font-size:2.25rem;line-height:1;color:var(--vert-f)}
.bib-annee-t span{font-family:var(--tech);font-weight:600;font-size:.875rem;color:var(--sec)}
.bib-pages{display:flex;gap:8px;justify-content:center;margin-top:36px}
.bib-pages a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--filet);background:#fff;font-family:var(--tech);font-weight:700;color:var(--vert-f);text-decoration:none}
.bib-pages a[aria-current]{background:var(--vert-f);border-color:var(--vert-f);color:#fff}

@media (max-width:1023px){
  .bib-liste-livres{grid-template-columns:1fr}
  .alb-grille.bib-grille-4{grid-template-columns:repeat(2,1fr)}
  .bib-onglets .ancres-l li:last-child{margin-left:0}
  /* 26/10/2026 : deux rangées l'une sous l'autre, chacune glisse seule et commence au même retrait (la 2e collait au
     bord gauche avec son filet, et la page débordait de 21 px à 390). */
  /* Bloc et non colonne flex (26/10/2026, « ne coulisse pas » sur téléphone) : chaque rangée prend la largeur de
     l'écran comme celle des Actualités et glisse seule ; une rangée qui glisse dans une colonne flex est fragile sur Safari. */
  .bib-filtres{display:block}
  .bib-filtres .chips+.chips{margin-top:10px;padding-left:20px;border-left:0}
  /* Marge de 20 px après la dernière puce, comme sur Revues (26/10/2026 : « pas de marge à droite ») : Safari ne
     compte pas le retrait droit d'une rangée qui glisse ; une case vide de 12 px + l'écart de 8 px la remplace. */
  .filtres .bib-filtres .chips{padding-right:0}
  .bib-filtres .chips::after{content:"";flex:0 0 12px}
  /* Barre collante comme celle des Actualités (correctifs.css), mais sans recherche à cacher : quand l'en-tête se
     replie, elle ne remonte pas (--rech-cache à 0) et ses rangées restent à 14 px sous l'en-tête (26/10/2026 : la
     rangée de Revues et la 1re d'Albums passaient derrière). */
  .bib-onglets ~ .filtres{--rech-cache:0px}
}
@media (max-width:639px){
  .bib-liste-livres li{grid-template-columns:72px minmax(0,1fr);gap:14px}
  .bib-liste-revues li{grid-template-columns:48px minmax(0,1fr);gap:14px}
  .bib-liste-revues .btn-v2{grid-column:2;justify-self:start}
  .alb-grille.bib-grille-4{grid-template-columns:1fr}
  /* Onglets sur téléphone (26/10/2026, version A) : les trois se partagent la largeur, numéro au-dessus du nom ;
     « Retour à Mémoire » masqué, le fil d'Ariane y mène déjà. */
  .bib-onglets .ancres-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin:0;padding:10px 0}
  .bib-onglets .ancres-l li:last-child{display:none}
  .bib-onglets .ancres-l a{flex-direction:column;justify-content:center;gap:2px;width:100%;height:100%;padding:8px 6px;
    text-align:center;white-space:normal;line-height:1.2;font-size:.8125rem;letter-spacing:.04em}
}
.bib-liste-livres .de{margin-top:2px;font-size:.8125rem;color:var(--sec)}