/* ══════════════════════════════════════════════════════════════════════════
   POSTNIGHT — compléments propres à WordPress
   (les composants du site sont dans main.css, les utilitaires dans tailwind.css)
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Barre d’administration (visiteur connecté) : le header fixe passe dessous ── */
.admin-bar .site-header { top: 32px; }
.admin-bar .mobile-menu { top: 32px; }
.admin-bar section[id] { scroll-margin-top: calc(var(--header-h) + 31px); }
@media (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
  .admin-bar .mobile-menu { top: 46px; }
}
@media (max-width: 600px) {
  /* Sous 600 px, la barre d’administration défile avec la page */
  .admin-bar .site-header.is-scrolled { top: 0; }
}

/* ── Menu mobile : réseaux sociaux devenus des liens ── */
.mobile-menu .label a { transition: color .5s var(--ease); }
.mobile-menu .label a:hover { color: var(--bone); }

/* ── Texte lu uniquement par les lecteurs d’écran (balisage produit par WordPress) ── */
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}

/* ── Pages de texte : contenu saisi dans l’éditeur WordPress ── */
.entry-content { font-size: 1rem; line-height: 1.8; color: #c9c8c3; }
.entry-content > * + * { margin-top: 1.4em; }
.entry-content h2, .entry-content h3, .entry-content h4 {
  font-family: "Inter Tight", Inter, sans-serif; font-weight: 300; line-height: 1.15;
  letter-spacing: -.015em; color: var(--bone);
}
.entry-content h2 { margin-top: 2.6em; font-size: clamp(1.5rem, 2.4vw, 2rem); }
.entry-content h3 { margin-top: 2.2em; font-size: clamp(1.2rem, 1.8vw, 1.45rem); }
.entry-content h4 { margin-top: 2em; font-size: 1.05rem; font-weight: 400; }
.entry-content > :first-child { margin-top: 0; }
.entry-content strong, .entry-content b { font-weight: 500; color: var(--bone); }
.entry-content a {
  color: var(--bone); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .28em;
  text-decoration-color: var(--line-strong); transition: text-decoration-color .5s var(--ease);
}
.entry-content a:hover { text-decoration-color: var(--bone); }
.entry-content ul, .entry-content ol { padding-left: 1.3rem; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content li + li { margin-top: .5em; }
.entry-content li::marker { color: var(--smoke); }
.entry-content blockquote { padding-left: 1.4rem; border-left: 1px solid var(--line-strong); color: var(--bone); }
.entry-content hr { margin: 3em 0; border: 0; border-top: 1px solid var(--line); }
.entry-content img, .entry-content video { max-width: 100%; height: auto; }
.entry-content figcaption { margin-top: .7em; font-size: .8125rem; color: var(--smoke); }
.entry-content table { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.entry-content th, .entry-content td { padding: .8em 1em .8em 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.entry-content th { font-weight: 500; color: var(--bone); }

/* ── Pagination des listes d’articles ── */
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; font-size: .6875rem; letter-spacing: .28em; text-transform: uppercase; color: var(--smoke); }
.pagination .nav-links a:hover, .pagination .nav-links .current { color: var(--bone); }