/* ============================================================
   DLL — Catalogue v2.1 (bibliothèque éditoriale par collections)
   Préfixe exclusif : dll-catv2-  (aucune collision avec dll-cat-*)
   Règle absolue couvertures : object-fit contain, JAMAIS cover.
   Breakpoints validés en maquette : 1280 / 960 / 520 (contrôle 390).
   ============================================================ */

.dll-catv2-main{
  --dll-vn:#2d3b35; --dll-vn-deep:#1a2620;
  --dll-do:#b8952a; --dll-do-light:#d4b060;
  --dll-iv:#f5f0e8; --dll-iv-deep:#ece6d8;
  --dll-paper:#faf7f1;
  background:var(--dll-iv);
  color:var(--dll-vn);
  font-family:'Source Sans 3',sans-serif;
  line-height:1.65;
}
.dll-catv2-main img{display:block;max-width:100%}
.dll-catv2-main .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Kicker & filets dorés ── */
.dll-catv2-kicker{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--dll-do);font-weight:700;display:flex;align-items:center;gap:.8rem;margin:0}
.dll-catv2-kicker::before{content:"";width:34px;border-top:1px solid var(--dll-do)}
.dll-catv2-kicker--centre{justify-content:center;color:var(--dll-do-light)}
.dll-catv2-filet{max-width:1160px;margin:0 auto;padding:0 2rem}
.dll-catv2-filet::before{content:"";display:block;border-top:1px solid var(--dll-do);border-bottom:1px solid var(--dll-do);height:5px;opacity:.5}

/* ── 1. En-tête crème ── */
.dll-catv2-hero{background:linear-gradient(180deg,var(--dll-paper) 0%,var(--dll-iv) 100%);padding:3.4rem 2rem 2.4rem}
.dll-catv2-hero__in{max-width:1160px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem}
.dll-catv2-hero__titre{font-family:'Playfair Display',serif;font-size:clamp(2.1rem,4vw,3rem);line-height:1.08;margin:.9rem 0 .7rem;color:var(--dll-vn-deep)}
.dll-catv2-hero__chapo{max-width:37rem;font-size:1.02rem;color:#41504a;margin:0}
.dll-catv2-hero__filet{flex-shrink:0;width:min(220px,26vw);padding-bottom:1rem}
.dll-catv2-hero__filet::before{content:"";display:block;border-top:1px solid var(--dll-do);border-bottom:1px solid var(--dll-do);height:6px;opacity:.75}
.dll-catv2-hero__filet::after{content:"depuis 2005";display:block;text-align:right;font-family:'Playfair Display',serif;font-style:italic;font-size:.82rem;color:var(--dll-do);margin-top:.45rem}

/* ── 2. Barre de collections sticky ── */
.dll-catv2-nav{position:sticky;top:0;z-index:50;background:var(--dll-paper);border-bottom:1px solid rgba(184,149,42,.35);box-shadow:0 4px 14px rgba(26,38,32,.05)}
.dll-catv2-nav__in{max-width:1160px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1.2rem}
.dll-catv2-nav__scroll{display:flex;gap:.15rem;overflow-x:auto;scrollbar-width:none;flex:1}
.dll-catv2-nav__scroll::-webkit-scrollbar{display:none}
.dll-catv2-nav__btn{appearance:none;background:none;border:0;border-bottom:3px double transparent;font-family:'Source Sans 3',sans-serif;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600;color:#5b6a63;padding:1.05rem .95rem .8rem;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}
.dll-catv2-nav__btn:hover{color:var(--dll-vn-deep)}
.dll-catv2-nav__btn.is-active{color:var(--dll-vn-deep);font-weight:700;border-bottom-color:var(--dll-do)}
.dll-catv2-nav__btn:focus-visible{outline:2px solid var(--dll-do);outline-offset:-2px}
.dll-catv2-nav__auteur{font-family:'Source Sans 3',sans-serif;font-size:.8rem;color:var(--dll-vn);background:transparent;border:1px solid rgba(184,149,42,.5);padding:.4rem .6rem;max-width:190px}

/* ── 3. Rayons ── */
.dll-catv2-rayon{padding:3.2rem 2rem 2.8rem}
.dll-catv2-rayon:nth-of-type(even){background:var(--dll-iv-deep)}
.dll-catv2-rayon__in{max-width:1160px;margin:0 auto}
.dll-catv2-rayon__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;border-bottom:1px solid rgba(184,149,42,.45);padding-bottom:1rem;margin-bottom:2.4rem}
.dll-catv2-rayon__titre{font-family:'Playfair Display',serif;font-size:1.7rem;color:var(--dll-vn-deep);margin:0}
.dll-catv2-rayon__sub{font-size:.92rem;color:#5b6a63;font-style:italic;margin:0}
.dll-catv2-lien{font-size:.88rem;color:var(--dll-vn);text-decoration:none;background:none;border:0;font-family:'Source Sans 3',sans-serif;cursor:pointer;border-bottom:1px solid var(--dll-do);padding:0 0 2px;white-space:nowrap}
.dll-catv2-lien:hover{color:var(--dll-do)}
.dll-catv2-lien:focus-visible{outline:2px solid var(--dll-do);outline-offset:2px}
.dll-catv2-lien--clair{color:var(--dll-iv);border-bottom-color:var(--dll-do-light)}
.dll-catv2-vide{border:1px dashed rgba(184,149,42,.5);background:var(--dll-paper);padding:1.6rem;font-size:.95rem;color:#5b6a63;font-style:italic;max-width:36rem;margin:0 auto;text-align:center}

/* Grille flex centrée : rangées équilibrées, jamais de trous */
.dll-catv2-grid{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}
.dll-catv2-bk{flex:0 1 300px;max-width:330px;text-align:center;text-decoration:none;color:inherit}
.dll-catv2-bk__box{position:relative;background:var(--dll-paper);border:1px solid rgba(184,149,42,.25);padding:1.4rem 1.4rem 1.2rem;display:flex;align-items:flex-end;justify-content:center;height:360px;transition:box-shadow .2s,transform .2s}
.dll-catv2-bk:hover .dll-catv2-bk__box{box-shadow:0 12px 28px rgba(26,38,32,.16);transform:translateY(-3px)}
.dll-catv2-bk__box img{max-height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 6px 16px rgba(26,38,32,.24)}
/* Repli typographique si couverture absente */
.dll-catv2-bk__box.is-noimg::after{content:attr(data-init);font-family:'Playfair Display',serif;font-size:3rem;color:var(--dll-do);align-self:center;margin:auto}
.dll-catv2-bk__titre{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:600;line-height:1.3;margin:.9rem 0 .1rem;color:var(--dll-vn-deep)}
.dll-catv2-bk__auteur{font-size:.84rem;color:#5b6a63;margin:0}
.dll-catv2-bk__genre{display:block;margin-top:.3rem;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--dll-do)}
.dll-catv2-bk__voir{display:inline-block;margin-top:.5rem;font-size:.78rem;color:var(--dll-vn);border-bottom:1px solid var(--dll-do);padding-bottom:1px}
.dll-catv2-bk:hover .dll-catv2-bk__voir{color:var(--dll-do)}
.dll-catv2-bk:focus-visible{outline:2px solid var(--dll-do);outline-offset:4px}

/* Repli : masqué UNIQUEMENT si le JS est présent (progressive enhancement) */
.dll-catv2-js .dll-catv2-bk--more{display:none}
.dll-catv2-js .dll-catv2-rayon.is-open .dll-catv2-bk--more{display:block}

/* ── 4. Appel final vert nuit, allégé ── */
.dll-catv2-appel{background:var(--dll-vn);color:var(--dll-iv);padding:2.4rem 2rem;margin-top:1rem}
.dll-catv2-appel__in{max-width:860px;margin:0 auto;text-align:center}
.dll-catv2-appel__titre{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--dll-iv);margin:.4rem 0 .6rem}
.dll-catv2-appel__titre em{color:var(--dll-do-light)}
.dll-catv2-appel__texte{max-width:36rem;margin:0 auto;font-size:.93rem;color:rgba(245,240,232,.85)}
.dll-catv2-appel__cta{margin-top:1.3rem;display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}
.dll-catv2-btn{display:inline-block;background:var(--dll-do);color:var(--dll-vn-deep);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1.6rem;text-decoration:none;border:1px solid var(--dll-do)}
.dll-catv2-btn:hover{background:var(--dll-vn-deep);color:var(--dll-iv);border-color:var(--dll-vn-deep)}

/* ── Mouvement réduit ── */
@media(prefers-reduced-motion:reduce){
  .dll-catv2-main *{transition:none!important}
}

/* ── Tablette ── */
@media(max-width:960px){
  .dll-catv2-hero__in{flex-direction:column;align-items:flex-start;gap:1.2rem}
  .dll-catv2-hero__filet{align-self:flex-end}
  .dll-catv2-bk{flex:0 1 42%;max-width:none}
  .dll-catv2-bk__box{height:320px}
}

/* ── Mobile (contrôle 390 px) ── */
@media(max-width:520px){
  .dll-catv2-hero{padding:2.2rem 1.1rem 1.6rem}
  .dll-catv2-rayon{padding:2.4rem 1.1rem 2rem}
  .dll-catv2-nav__in{padding:0 1.1rem;gap:.8rem}
  .dll-catv2-nav__auteur{max-width:124px;font-size:.72rem}
  .dll-catv2-grid{gap:1.3rem}
  .dll-catv2-bk{flex:0 1 46%}
  .dll-catv2-bk__box{height:230px;padding:.9rem}
  .dll-catv2-bk__titre{font-size:.92rem}
  .dll-catv2-btn{width:100%;text-align:center}
  button.dll-catv2-lien{padding:.55rem 0;font-size:.92rem}
}