/* ═══════════════════════════════════════════════════════════════
   BL Journal v2.0 — CSS complet
   Archive (journal papier) + Single (article élégant)
   Palette : #1a1714 encre · #c4954a or · #f6f1e9 parchemin
   Typo    : Cormorant Garamond · EB Garamond · Jost
═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&family=Jost:wght@300;400;500&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

/* ── Variables ────────────────────────────────────────────────── */
:root {
  --blj-encre:      #1a1714;
  --blj-or:         #c4954a;
  --blj-or-pale:    #e8d5b0;
  --blj-parchemin:  #f6f1e9;
  --blj-blanc:      #fdfcfa;
  --blj-gris:       #5c5750;
  --blj-bordure:    #ddd8cf;
  --blj-sepia:      #7a5c3a;
  --blj-inner:      1200px;
  --blj-single-w:   740px;
}

/* ══════════════════════════════════════════════════════════════
   OVERRIDES ASTRA — full width sur toutes les pages journal
══════════════════════════════════════════════════════════════ */
body.bl-journal-active #page,
body.bl-journal-active .site,
body.bl-journal-active #content,
body.bl-journal-active .ast-container,
body.bl-journal-active .site-content,
body.bl-journal-active .content-area,
body.bl-journal-active #primary,
body.bl-journal-active main.site-main,
body.bl-journal-active .entry-content,
body.bl-journal-active .post-content,
body.bl-journal-active .ast-article-inner {
  max-width: 100% !important;
  width:     100% !important;
  padding:   0    !important;
  margin:    0    !important;
  float:     none !important;
}

body.bl-journal-active #secondary,
body.bl-journal-active .widget-area {
  display: none !important;
}

/* ── Reset commun ─────────────────────────────────────────────── */
.blj-page {
  background:  var(--blj-parchemin);
  font-family: 'EB Garamond', Georgia, serif;
  min-height:  100vh;
}

.blj-inner {
  max-width: var(--blj-inner);
  margin:    0 auto;
  padding:   0 48px;
}

@media (max-width: 768px) { .blj-inner { padding: 0 20px; } }

/* ── Utilitaires texte ───────────────────────────────────────── */
.blj-meta-sep  { color: rgba(196,149,74,.5); margin: 0 2px; }
.blj-meta-author,
.blj-meta-date,
.blj-meta-read {
  font-family:    'Jost', sans-serif;
  font-size:      11px;
  letter-spacing: .11em;
  text-transform: uppercase;
  color:          rgba(92,87,80,.65);
}
.blj-meta-author { color: var(--blj-gris); }

/* ── Rubriques ───────────────────────────────────────────────── */
.blj-rubrique {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  font-weight:    500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color:          var(--blj-or);
  text-decoration:none;
  display:        inline-block;
  border-bottom:  1px solid var(--blj-or);
  padding-bottom: 1px;
  margin-bottom:  10px;
  position:       relative;
  z-index:        2;           /* au-dessus du overlay cliquable */
  transition:     color .2s, border-color .2s;
}
.blj-rubrique:hover    { color: var(--blj-sepia); border-color: var(--blj-sepia); }
.blj-rubrique--hero    { font-size: 11px; margin-bottom: 14px; }
.blj-rubrique--sm      { font-size: 9px; }

/* ── Overlay cliquable (couvre toute la carte) ───────────────── */
.blj-card-overlay {
  position:  absolute;
  inset:     0;
  z-index:   1;
  display:   block;
}

/* ══════════════════════════════════════════════════════════════
   MASTHEAD
══════════════════════════════════════════════════════════════ */
.blj-masthead {
  background:    var(--blj-blanc);
  border-bottom: 3px solid var(--blj-encre);
  position:      sticky;
  top:           0;
  z-index:       200;
  transition:    box-shadow .3s;
}
.blj-masthead.blj-scrolled { box-shadow: 0 2px 20px rgba(26,23,20,.12); }

.blj-masthead-inner {
  max-width: var(--blj-inner);
  margin:    0 auto;
  padding:   0 48px;
}
@media (max-width: 768px) { .blj-masthead-inner { padding: 0 20px; } }

.blj-masthead-top {
  display:        flex;
  align-items:    center;
  justify-content:space-between;
  padding:        10px 0;
  border-bottom:  1px solid var(--blj-bordure);
  font-family:    'Jost', sans-serif;
  font-size:      11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color:          var(--blj-gris);
  flex-wrap:      wrap;
  gap:            8px;
}
.blj-date    { color: var(--blj-encre); font-weight: 500; }
.blj-edition { opacity: .6; }
.blj-issue   { color: var(--blj-or); }

.blj-ornament-rule {
  height:     1px;
  background: linear-gradient(90deg, transparent, var(--blj-or), transparent);
  margin:     14px 0;
}

.blj-masthead-title-wrap { text-align: center; padding: 8px 0 14px; }
.blj-masthead-link { text-decoration: none; display: inline-block; }

.blj-masthead-title {
  font-family:   'Cormorant Garamond', Georgia, serif;
  font-size:     clamp(40px, 6vw, 88px);
  font-weight:   700;
  letter-spacing:-.01em;
  color:         var(--blj-encre);
  margin:        0;
  line-height:   1;
  text-shadow:   1px 1px 0 rgba(0,0,0,.05);
  transition:    font-size .3s ease;
}
.blj-masthead-tagline {
  font-family: 'EB Garamond', Georgia, serif;
  font-style:  italic;
  font-size:   16px;
  color:       var(--blj-gris);
  margin:      6px 0 0;
}

.blj-nav {
  display:         flex;
  align-items:     center;
  justify-content: center;
  padding:         10px 0 14px;
  border-top:      1px solid var(--blj-bordure);
  margin-top:      6px;
  flex-wrap:       wrap;
}
.blj-nav-link {
  font-family:    'Jost', sans-serif;
  font-size:      11px;
  font-weight:    500;
  letter-spacing: .18em;
  text-transform: uppercase;
  color:          var(--blj-gris);
  text-decoration:none;
  padding:        6px 18px;
  position:       relative;
  transition:     color .2s;
}
.blj-nav-link::after {
  content:''; position:absolute; right:0; top:20%; bottom:20%;
  width:1px; background:var(--blj-bordure);
}
.blj-nav-link:last-child::after { display:none; }
.blj-nav-link:hover             { color: var(--blj-encre); }
.blj-nav-link--active           { color: var(--blj-or); }

/* Archive banner */
.blj-archive-banner {
  background: var(--blj-encre);
  padding:    16px 0;
  text-align: center;
}
.blj-archive-eyebrow {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color:          var(--blj-or);
  margin:         0 0 4px;
}
.blj-archive-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size:   28px;
  font-weight: 300;
  font-style:  italic;
  color:       var(--blj-parchemin);
  margin:      0;
}

/* ══════════════════════════════════════════════════════════════
   ARCHIVE — HERO
══════════════════════════════════════════════════════════════ */
.blj-main  { padding: 36px 0 60px; }

.blj-hero {
  position:     relative;
  margin-bottom:40px;
}

.blj-hero-link {
  position: absolute;
  inset:    0;
  z-index:  1;
  display:  block;
}

.blj-hero-inner {
  position:   relative;
  background: var(--blj-encre);
  min-height: 500px;
  display:    flex;
  align-items:flex-end;
  overflow:   hidden;
  /* Fond ligné journal si pas d'image */
  background-image: repeating-linear-gradient(
    transparent, transparent 27px,
    rgba(196,149,74,.05) 27px, rgba(196,149,74,.05) 28px
  );
}
.blj-hero--has-img .blj-hero-img {
  position:   absolute;
  inset:      0;
  background-size:    cover;
  background-position:center;
  filter:     brightness(.45) sepia(.15);
}
.blj-hero-content {
  position:  relative;
  z-index:   2;
  padding:   52px 60px;
  max-width: 820px;
}
.blj-hero-title {
  font-family:    'Cormorant Garamond', Georgia, serif;
  font-size:      clamp(32px, 4.5vw, 68px);
  font-weight:    600;
  color:          var(--blj-parchemin);
  line-height:    1.08;
  margin:         12px 0 18px;
  letter-spacing: -.01em;
}
.blj-hero-title a {
  color:          inherit;
  text-decoration:none;
  position:       relative;
  z-index:        2;
}
.blj-hero-excerpt {
  font-size:   19px;
  font-style:  italic;
  color:       rgba(246,241,233,.65);
  line-height: 1.75;
  margin:      0 0 28px;
  max-width:   580px;
}
.blj-hero-meta {
  display:    flex;
  align-items:center;
  gap:        10px;
  flex-wrap:  wrap;
  position:   relative;
  z-index:    2;
}
.blj-hero-cta {
  font-family:    'Jost', sans-serif;
  font-size:      11px;
  font-weight:    500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color:          var(--blj-or);
  margin-left:    auto;
  border-bottom:  1px solid rgba(196,149,74,.5);
  padding-bottom: 1px;
}

@media (max-width: 768px) {
  .blj-hero-inner  { min-height: 360px; }
  .blj-hero-content{ padding: 32px 24px; }
  .blj-hero-cta    { margin-left: 0; }
}

/* ══════════════════════════════════════════════════════════════
   SÉPARATEURS
══════════════════════════════════════════════════════════════ */
.blj-divider {
  display:    flex;
  align-items:center;
  gap:        20px;
  margin:     8px 0 32px;
}
.blj-divider::before,.blj-divider::after {
  content:''; flex:1; height:1px; background:var(--blj-encre);
}
.blj-divider span { font-size:12px; color:var(--blj-or); flex-shrink:0; }

.blj-section-header {
  display:    flex;
  align-items:center;
  gap:        16px;
  margin:     48px 0 28px;
}
.blj-section-line  { flex:1; height:1px; background:var(--blj-encre); }
.blj-section-label {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  font-weight:    500;
  letter-spacing: .24em;
  text-transform: uppercase;
  color:          var(--blj-gris);
  white-space:    nowrap;
}

/* ══════════════════════════════════════════════════════════════
   GRILLE PRINCIPALE (3 articles)
══════════════════════════════════════════════════════════════ */
.blj-grid {
  display:         grid;
  grid-template-columns: 1.65fr 1fr 1fr;
  gap:             2px;
  background:      var(--blj-bordure);
}
@media (max-width: 900px) { .blj-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 580px) { .blj-grid { grid-template-columns: 1fr; } }

.blj-card {
  background: var(--blj-blanc);
  position:   relative;         /* pour l'overlay cliquable */
  overflow:   hidden;
  display:    flex;
  flex-direction:column;
  transition: background .2s;
}
.blj-card:hover { background: var(--blj-parchemin); }

.blj-card-img {
  width:      100%;
  height:     210px;
  background-size:    cover;
  background-position:center;
  flex-shrink:0;
  transition: transform .4s ease;
}
.blj-card--large .blj-card-img { height: 270px; }
.blj-card:hover .blj-card-img  { transform: scale(1.03); }

.blj-card-body {
  padding:       24px 26px 28px;
  display:       flex;
  flex-direction:column;
  flex:          1;
}
.blj-card-title {
  font-family:   'Cormorant Garamond', Georgia, serif;
  font-size:     24px;
  font-weight:   600;
  color:         var(--blj-encre);
  line-height:   1.2;
  margin:        0 0 10px;
}
.blj-card--large .blj-card-title { font-size: 30px; }
.blj-card-title a {
  color:          inherit;
  text-decoration:none;
  position:       relative;
  z-index:        2;
}
.blj-card-title a:hover { color: var(--blj-or); }

.blj-card-excerpt {
  font-size:   16px;
  line-height: 1.75;
  color:       var(--blj-gris);
  margin:      0 0 16px;
  flex:        1;
}
.blj-card-meta {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color:          rgba(92,87,80,.5);
  margin-top:     auto;
  padding-top:    14px;
  border-top:     1px solid var(--blj-bordure);
  display:        flex;
  gap:            6px;
  align-items:    center;
  flex-wrap:      wrap;
  position:       relative;
  z-index:        2;
}

/* ══════════════════════════════════════════════════════════════
   BANDE COMPACTE (4 articles)
══════════════════════════════════════════════════════════════ */
.blj-band {
  display:    grid;
  grid-template-columns: repeat(4, 1fr);
  gap:        2px;
  background: var(--blj-encre);
}
@media (max-width: 900px) { .blj-band { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .blj-band { grid-template-columns: 1fr; } }

.blj-band-item {
  background: var(--blj-blanc);
  position:   relative;
  overflow:   hidden;
  transition: background .2s;
}
.blj-band-item:hover { background: var(--blj-parchemin); }
.blj-band-img {
  width:      100%;
  height:     150px;
  background-size:    cover;
  background-position:center;
  transition: transform .4s ease;
}
.blj-band-item:hover .blj-band-img { transform: scale(1.04); }
.blj-band-body { padding: 18px 20px 22px; }
.blj-band-title {
  font-family:   'Cormorant Garamond', Georgia, serif;
  font-size:     19px;
  font-weight:   600;
  color:         var(--blj-encre);
  line-height:   1.25;
  margin:        6px 0 8px;
}
.blj-band-title a { color:inherit; text-decoration:none; position:relative; z-index:2; }
.blj-band-title a:hover { color: var(--blj-or); }
.blj-band-meta {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color:          rgba(92,87,80,.5);
  position:       relative;
  z-index:        2;
}

/* ══════════════════════════════════════════════════════════════
   LISTE (articles restants)
══════════════════════════════════════════════════════════════ */
.blj-list { border:1px solid var(--blj-bordure); border-top:2px solid var(--blj-encre); }
.blj-list-item {
  display:    flex;
  position:   relative;
  border-bottom:1px solid var(--blj-bordure);
  background: var(--blj-blanc);
  overflow:   hidden;
  transition: background .2s;
}
.blj-list-item:last-child { border-bottom:none; }
.blj-list-item:hover      { background: var(--blj-parchemin); }
.blj-list-thumb {
  width:      130px;
  min-height: 100px;
  flex-shrink:0;
  background-size:    cover;
  background-position:center;
  transition: transform .4s ease;
}
.blj-list-item:hover .blj-list-thumb { transform:scale(1.04); }
.blj-list-body {
  padding:     18px 24px;
  flex:        1;
  border-left: 1px solid var(--blj-bordure);
}
.blj-list-top {
  display:        flex;
  align-items:    center;
  justify-content:space-between;
  margin-bottom:  6px;
  flex-wrap:      wrap;
  gap:            6px;
}
.blj-list-date {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color:          rgba(92,87,80,.5);
}
.blj-list-title {
  font-family:   'Cormorant Garamond', Georgia, serif;
  font-size:     22px;
  font-weight:   600;
  color:         var(--blj-encre);
  margin:        0 0 6px;
  line-height:   1.25;
}
.blj-list-title a { color:inherit; text-decoration:none; position:relative; z-index:2; }
.blj-list-title a:hover { color:var(--blj-or); }
.blj-list-excerpt { font-size:15px; line-height:1.65; color:var(--blj-gris); margin:0; }

@media (max-width:600px) {
  .blj-list-thumb { width:80px; }
  .blj-list-excerpt { display:none; }
}

/* ══════════════════════════════════════════════════════════════
   PAGINATION
══════════════════════════════════════════════════════════════ */
.blj-pagination {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             12px;
  margin-top:      52px;
  padding-top:     32px;
  border-top:      1px solid var(--blj-encre);
  flex-wrap:       wrap;
}
.blj-page-btn {
  font-family:    'Jost', sans-serif;
  font-size:      11px;
  font-weight:    500;
  letter-spacing: .14em;
  text-transform: uppercase;
  background:     var(--blj-encre);
  color:          var(--blj-parchemin);
  text-decoration:none;
  padding:        11px 24px;
  border-radius:  2px;
  display:        inline-block;
  transition:     background .2s;
}
.blj-page-btn:hover { background:#2c2822; color:var(--blj-parchemin); }
.blj-page-numbers { display:flex; align-items:center; gap:4px; }
.blj-page-num {
  font-family:'Jost',sans-serif; font-size:13px;
  width:36px; height:36px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:2px; text-decoration:none; color:var(--blj-gris);
  transition:background .2s, color .2s;
}
.blj-page-num:hover           { background:var(--blj-parchemin); color:var(--blj-encre); }
.blj-page-num--current        { background:var(--blj-or); color:#fff; font-weight:600; pointer-events:none; }
.blj-page-ellipsis            { color:var(--blj-gris); padding:0 4px; }
.blj-empty                    { text-align:center; padding:80px 40px; font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-size:22px; color:var(--blj-gris); }

/* ══════════════════════════════════════════════════════════════
   SINGLE — ARTICLE INDIVIDUEL
══════════════════════════════════════════════════════════════ */
.blj-single { background: var(--blj-blanc); }

/* Barre supérieure */
.blj-single-topbar {
  background:    var(--blj-encre);
  padding:       12px 0;
  border-bottom: 1px solid rgba(196,149,74,.2);
}
.blj-single-topbar .blj-inner {
  display:        flex;
  align-items:    center;
  justify-content:space-between;
  gap:            16px;
}
.blj-back-link {
  font-family:    'Jost', sans-serif;
  font-size:      11px;
  font-weight:    500;
  letter-spacing: .14em;
  text-transform: uppercase;
  color:          var(--blj-or);
  text-decoration:none;
  transition:     opacity .2s;
}
.blj-back-link:hover { opacity:.75; }
.blj-single-topbar-date {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color:          rgba(246,241,233,.35);
}

/* Main */
.blj-single-main { padding: 0 0 80px; }

.blj-single-inner {
  max-width: var(--blj-single-w);
  margin:    0 auto;
  padding:   60px 32px 40px;
}
@media (max-width: 600px) { .blj-single-inner { padding: 36px 20px 32px; } }

/* Header article */
.blj-single-header { text-align: center; margin-bottom: 48px; }

.blj-single-cats { margin-bottom: 16px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }

.blj-single-title {
  font-family:    'Cormorant Garamond', Georgia, serif;
  font-size:      clamp(36px, 5.5vw, 72px);
  font-weight:    700;
  color:          var(--blj-encre);
  line-height:    1.07;
  margin:         0 0 22px;
  letter-spacing: -.015em;
}

.blj-single-chapo {
  font-family: 'EB Garamond', Georgia, serif;
  font-size:   21px;
  font-style:  italic;
  color:       var(--blj-gris);
  line-height: 1.65;
  margin:      0 auto 28px;
  max-width:   560px;
}

/* Filet ornement */
.blj-single-rule {
  display:     flex;
  align-items: center;
  gap:         16px;
  margin:      0 auto 20px;
  max-width:   300px;
}
.blj-single-rule::before,
.blj-single-rule::after {
  content:''; flex:1; height:1px; background:var(--blj-bordure);
}
.blj-single-rule-ornement { color:var(--blj-or); font-size:13px; flex-shrink:0; }

/* Méta article */
.blj-single-meta {
  display:        flex;
  align-items:    center;
  justify-content:center;
  gap:            10px;
  flex-wrap:      wrap;
  font-family:    'Jost', sans-serif;
  font-size:      11px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color:          rgba(92,87,80,.6);
}
.blj-single-meta-author { color:var(--blj-gris); }
.blj-single-meta-author strong { font-weight:500; }

/* Image */
.blj-single-figure {
  margin:  0 -32px 48px;
  padding: 0;
}
.blj-single-img {
  width:       100%;
  max-height:  520px;
  object-fit:  cover;
  object-position:center;
  display:     block;
}
.blj-single-caption {
  font-family: 'Jost', sans-serif;
  font-size:   11px;
  color:       rgba(92,87,80,.6);
  text-align:  center;
  padding:     10px 16px 0;
  letter-spacing:.05em;
}
@media (max-width: 600px) {
  .blj-single-figure { margin: 0 -20px 36px; }
}

/* Contenu article */
.blj-single-content {
  font-family: 'EB Garamond', Georgia, serif;
  font-size:   20px;
  line-height: 1.85;
  color:       var(--blj-encre);
}

.blj-single-content p { margin-bottom: 1.5em; }

.blj-single-content h2,
.blj-single-content h3,
.blj-single-content h4 {
  font-family:   'Cormorant Garamond', Georgia, serif;
  font-weight:   600;
  color:         var(--blj-encre);
  margin:        1.8em 0 .6em;
  line-height:   1.15;
}
.blj-single-content h2 { font-size: 36px; }
.blj-single-content h3 { font-size: 28px; }
.blj-single-content h4 { font-size: 22px; }

.blj-single-content a {
  color:           var(--blj-or);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.blj-single-content a:hover { color: var(--blj-sepia); }

/* Citation style journal */
.blj-single-content blockquote {
  margin:        2em 0;
  padding:       24px 32px;
  border-left:   4px solid var(--blj-or);
  background:    var(--blj-parchemin);
  font-style:    italic;
  font-size:     22px;
  color:         var(--blj-gris);
  line-height:   1.65;
}
.blj-single-content blockquote p { margin:0; }

.blj-single-content img {
  max-width:    100%;
  height:       auto;
  border-radius:2px;
  margin:       1.5em 0;
}

.blj-single-content ul,
.blj-single-content ol {
  padding-left: 1.5em;
  margin-bottom:1.5em;
}
.blj-single-content li { margin-bottom:.5em; }

/* First letter style journal */
.blj-single-content > p:first-of-type::first-letter {
  font-family:  'Cormorant Garamond', Georgia, serif;
  font-size:    5.5em;
  font-weight:  700;
  line-height:  .75;
  float:        left;
  margin:       .05em .12em -.05em 0;
  color:        var(--blj-encre);
}

/* Pied d'article */
.blj-single-footer {
  margin-top:  52px;
  padding-top: 32px;
  border-top:  1px solid var(--blj-bordure);
}

/* Tags */
.blj-single-tags {
  display:    flex;
  flex-wrap:  wrap;
  gap:        8px;
  margin-bottom:28px;
}
.blj-tag {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color:          var(--blj-gris);
  text-decoration:none;
  border:         1px solid var(--blj-bordure);
  padding:        4px 12px;
  border-radius:  2px;
  transition:     border-color .2s, color .2s;
}
.blj-tag:hover { border-color:var(--blj-or); color:var(--blj-or); }

/* Partage */
.blj-single-share {
  display:     flex;
  align-items: center;
  gap:         10px;
  margin-bottom:32px;
}
.blj-share-label {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color:          var(--blj-gris);
  opacity:        .6;
}
.blj-share-btn {
  width:          34px;
  height:         34px;
  display:        inline-flex;
  align-items:    center;
  justify-content:center;
  background:     var(--blj-encre);
  color:          var(--blj-parchemin);
  text-decoration:none;
  font-family:    'Jost', sans-serif;
  font-size:      13px;
  font-weight:    500;
  border-radius:  2px;
  transition:     background .2s;
}
.blj-share-btn:hover { background: var(--blj-or); color: var(--blj-encre); }

/* Navigation précédent / suivant */
.blj-single-nav {
  display:    grid;
  grid-template-columns: 1fr 1fr;
  gap:        2px;
  background: var(--blj-bordure);
  margin-top: 8px;
}
@media (max-width:600px) { .blj-single-nav { grid-template-columns:1fr; } }

.blj-single-nav-item {
  background:     var(--blj-blanc);
  padding:        24px 28px;
  text-decoration:none;
  display:        flex;
  flex-direction: column;
  gap:            6px;
  transition:     background .2s;
}
.blj-single-nav-item:hover { background: var(--blj-parchemin); }
.blj-single-nav-next       { text-align: right; }
.blj-single-nav-dir {
  font-family:    'Jost', sans-serif;
  font-size:      10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color:          var(--blj-or);
}
.blj-single-nav-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size:   20px;
  font-weight: 600;
  color:       var(--blj-encre);
  line-height: 1.25;
}

/* ── Articles liés ─────────────────────────────────────────── */
.blj-related {
  background:   var(--blj-parchemin);
  padding:      60px 0;
  border-top:   2px solid var(--blj-encre);
  margin-top:   60px;
}
.blj-related-grid {
  display:    grid;
  grid-template-columns: repeat(3, 1fr);
  gap:        2px;
  background: var(--blj-bordure);
}
@media (max-width:768px) { .blj-related-grid { grid-template-columns:1fr; } }

.blj-related-card {
  background: var(--blj-blanc);
  position:   relative;
  overflow:   hidden;
  transition: background .2s;
}
.blj-related-card:hover { background: var(--blj-parchemin); }
.blj-related-img {
  width:      100%;
  height:     180px;
  background-size:    cover;
  background-position:center;
  transition: transform .4s ease;
}
.blj-related-card:hover .blj-related-img { transform: scale(1.03); }
.blj-related-body { padding: 20px 22px 24px; }
.blj-related-title {
  font-family:   'Cormorant Garamond', Georgia, serif;
  font-size:     21px;
  font-weight:   600;
  color:         var(--blj-encre);
  margin:        6px 0 8px;
  line-height:   1.25;
}
.blj-related-title a { color:inherit; text-decoration:none; position:relative; z-index:2; }
.blj-related-title a:hover { color:var(--blj-or); }

/* ══════════════════════════════════════════════════════
   OVERRIDES ASTRA — full width sur pages journal
   Ciblage précis via body.bl-journal-active
══════════════════════════════════════════════════════ */

body.bl-journal-active #page,
body.bl-journal-active .site,
body.bl-journal-active #content,
body.bl-journal-active .ast-container,
body.bl-journal-active .site-content,
body.bl-journal-active .content-area,
body.bl-journal-active .ast-article-inner,
body.bl-journal-active #primary {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

/* Désactiver le sidebar Astra si présent */
body.bl-journal-active #secondary,
body.bl-journal-active .widget-area {
  display: none !important;
}

/* S'assurer que la page journal prend toute la largeur */
body.bl-journal-active .blj-page {
  width: 100%;
}

/* Réinitialiser les paddings Astra sur le main content */
body.bl-journal-active .entry-content,
body.bl-journal-active .post-content,
body.bl-journal-active main.site-main {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}