/* ==========================================================================
   Le Carnet Cathare — page « À propos » (2026-07-28)
   Scope : .blga (page-a-propos.php). Même grammaire que le template article v2.
   ========================================================================== */

.page .site-content .ast-container > .blga,
.page .site-content .ast-container { width: 100%; }
.blga { width: 100%; flex: 1 1 100%; min-width: 0; }

.blga {
  --blga-ink: #2a2320;
  --blga-ink-soft: #574b41;
  --blga-mut: #6b5f53;
  --blga-ocre: #c0893b;
  --blga-ocre-deep: #9c6a24;
  --blga-grenat: #8a2f3b;
  --blga-cream: #faf6f0;
  --blga-mist: #f5f0e8;
  --blga-rule: #e2d8c8;
  color: var(--blga-ink);
}

/* ---------- Ouverture ---------- */
.blga-hero-img {
  height: clamp(340px, 52vw, 620px);
  background: var(--blga-mist) center 28% / cover no-repeat;
  position: relative;
}
.blga-hero-img::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(42,35,32,.22) 0%, rgba(42,35,32,0) 45%, rgba(42,35,32,.32) 100%);
}
.blga-hero-wrap { max-width: 1180px; margin: 0 auto; padding: 0 22px; position: relative; z-index: 2; }
.blga-plate {
  background: #fff; border: 1px solid var(--blga-rule); border-top: 3px double var(--blga-ink);
  padding: 30px clamp(18px, 3.6vw, 46px) 28px; max-width: 860px;
  margin-top: clamp(-118px, -9vw, -64px); box-shadow: 0 18px 44px rgba(42,35,32,.14);
}
.blga-crumb { font-size: .74rem; color: var(--blga-mut); margin: 0 0 12px; display: flex; gap: 8px; }
.blga-crumb a { color: var(--blga-mut); text-decoration: none; }
.blga-crumb a:hover { color: var(--blga-ocre-deep); }
.blga-crumb span { opacity: .55; }
.blga-kicker {
  display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .18em;
  text-transform: uppercase; color: var(--blga-ocre-deep);
  border-top: 1px solid var(--blga-ink); border-bottom: 1px solid var(--blga-ink);
  padding: 5px 0; margin: 0 0 16px;
}
.blga-plate h1 {
  font-family: 'Bitter', Georgia, serif; font-weight: 800; color: var(--blga-ink);
  font-size: clamp(1.8rem, 3.8vw, 2.6rem); line-height: 1.14; margin: 0 0 14px;
}
.blga-chapo { font-size: 1.08rem; line-height: 1.6; color: var(--blga-ink-soft); margin: 0; max-width: 62ch; }

/* ---------- Corps ---------- */
.blga-body { max-width: 900px; margin: 0 auto; padding: 44px 22px 0; font-size: 1.06rem; line-height: 1.78; color: #33302b; }
.blga-body h2 {
  font-family: 'Bitter', Georgia, serif; font-weight: 800; color: var(--blga-ink);
  font-size: clamp(1.3rem, 2.4vw, 1.65rem); margin: 2.2em 0 .7em; padding-bottom: 8px;
  border-bottom: 2px solid var(--blga-ocre);
}
.blga-body h3 { font-family: 'Bitter', Georgia, serif; font-weight: 700; color: var(--blga-ink); font-size: 1.1rem; margin: 0 0 8px; }
.blga-body p { margin: 0 0 1.1em; }
.blga-body a { color: var(--blga-grenat); text-decoration: underline; text-underline-offset: 3px; }
.blga-body a:hover { color: var(--blga-ocre-deep); }

/* Signature : portrait + texte */
.blga-sign { display: grid; grid-template-columns: 265px minmax(0, 1fr); gap: 32px; align-items: start; margin: 6px 0 34px; }
.blga-sign img { width: 100%; height: auto; display: block; border: 1px solid var(--blga-rule); }
.blga-sign figcaption { font-size: .78rem; color: var(--blga-mut); padding-top: 8px; line-height: 1.45; }
.blga-sign .name {
  font-family: 'Bitter', Georgia, serif; font-weight: 800; font-size: 1.5rem;
  color: var(--blga-ink); margin: 0 0 4px;
}
.blga-sign .role {
  font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase;
  color: var(--blga-ocre-deep); margin: 0 0 14px;
}
@media (max-width: 700px) { .blga-sign { grid-template-columns: 1fr; gap: 18px; } }

/* Repères EEAT */
.blga-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1px; background: var(--blga-rule); border: 1px solid var(--blga-rule); margin: 26px 0 34px; }
.blga-facts div { background: #fff; padding: 16px 18px; }
.blga-facts b { display: block; font-family: 'Bitter', Georgia, serif; font-size: 1.5rem; color: var(--blga-ocre-deep); line-height: 1.1; }
.blga-facts span { display: block; font-size: .84rem; color: var(--blga-mut); margin-top: 4px; }

/* Méthode en étapes */
.blga-steps { counter-reset: st; margin: 0 0 10px; padding: 0; list-style: none; }
.blga-steps li {
  counter-increment: st; position: relative; padding: 0 0 20px 56px; margin: 0;
  border-left: 1px solid var(--blga-rule); margin-left: 17px;
}
.blga-steps li:last-child { border-left-color: transparent; padding-bottom: 0; }
.blga-steps li::before {
  content: counter(st); position: absolute; left: -17px; top: 0;
  width: 34px; height: 34px; border-radius: 50%; background: var(--blga-ink); color: #fff;
  font-family: 'Bitter', Georgia, serif; font-weight: 700; font-size: .95rem;
  display: flex; align-items: center; justify-content: center;
}

/* Image d'appui pleine largeur */
.blga-shot { margin: 34px 0; }
.blga-shot img { width: 100%; height: auto; display: block; border: 1px solid var(--blga-rule); }
.blga-shot figcaption { font-size: .8rem; color: var(--blga-mut); padding-top: 8px; }

/* Deux colonnes trouverez / pas */
.blga-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 26px 0 10px; }
.blga-box { background: var(--blga-cream); border: 1px solid var(--blga-rule); border-top: 3px double var(--blga-ink); padding: 20px 22px; }
.blga-box ul { margin: 0; padding-left: 18px; }
.blga-box li { margin: 6px 0; line-height: 1.55; }
@media (max-width: 700px) { .blga-cols { grid-template-columns: 1fr; } }

.blga-body a.blga-cta, .blga-cta {
  display: inline-block; background: var(--blga-grenat); color: #fff; text-decoration: none;
  font-weight: 700; letter-spacing: .03em; padding: 13px 26px; margin-top: 8px;
}
.blga-body a.blga-cta:hover, .blga-cta:hover { background: var(--blga-ink); color: #fff; }

/* ---------- Les carnets ---------- */
.blga-carnets { max-width: 1180px; margin: 0 auto; padding: 48px 22px 64px; }
.blga-h { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; border-top: 3px double var(--blga-ink); padding-top: 14px; margin: 0 0 22px; }
.blga-h span { font-size: .7rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--blga-ocre-deep); }
.blga-h h2 { font-family: 'Bitter', Georgia, serif; font-weight: 800; font-size: 1.35rem; color: var(--blga-ink); margin: 0; }
.blga-carnets-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 20px; }
.blga-carnet { display: block; text-decoration: none; background: #fff; border: 1px solid var(--blga-rule); padding: 20px 22px 18px; }
.blga-carnet:hover { border-color: var(--blga-ocre); box-shadow: 0 12px 28px rgba(42,35,32,.10); }
.blga-carnet .n { display: block; font-family: 'Bitter', Georgia, serif; font-weight: 700; font-size: 1.08rem; color: var(--blga-ink); margin: 0 0 8px; }
.blga-carnet .d { display: block; font-size: .88rem; color: var(--blga-mut); line-height: 1.5; margin: 0 0 12px; }
.blga-carnet .g { display: block; font-size: .78rem; font-weight: 700; color: var(--blga-grenat); }

@media (max-width: 640px) {
  .blga-hero-img { height: 56vw; min-height: 250px; }
  .blga-plate { margin-top: -40px; }
  .blga-hero-wrap, .blga-body, .blga-carnets { padding-left: 14px; padding-right: 14px; }
}