/* ==========================================================================
   Spécifique WordPress : barre d'administration, contenus de l'éditeur,
   commentaires, pagination native. (Ne fait pas partie de shared/.)
   ========================================================================== */

/* Barre d'administration (connecté) */
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }
.admin-bar .split__sticky { top: calc(var(--nav-h) + 32px); }

/* Fin des listes du Journal */
.page-journal main { padding-bottom: 140px; }
.page-journal .planche + .wrap .pagination { margin-top: 110px; }

/* Images absentes : aplat « Photo » au bon format */
.feature__img.placeholder,
.journal__photo.placeholder { aspect-ratio: 1; }

/* --- Contenu des articles (blocs Gutenberg et anciens articles) ------------ */

.article__body > * { margin-top: 1.1em; margin-bottom: 0; }
.article__body > .article__chapo { margin-top: 0; }
.article__body a:not(.btn-cartouche) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.article__body a:not(.btn-cartouche):hover { font-style: italic; }

.article__body h2,
.article__body h3,
.article__body h4 {
  margin-top: 64px;
  font-family: var(--font-text);
  font-weight: 500;
  font-style: italic;
  text-align: center;
  line-height: 1.25;
}
.article__body h2 { font-size: 30px; }
.article__body h3 { font-size: 24px; }
.article__body h4 { font-size: 20px; }

.article__body ul,
.article__body ol { padding-left: 1.4em; }
.article__body ul { list-style: "— "; }
.article__body ol { list-style: decimal; }
.article__body li + li { margin-top: .35em; }

.article__body blockquote,
.article__body .wp-block-quote,
.article__body .wp-block-pullquote {
  margin: 56px 0;
  padding: 0;
  border: 0;
  font-family: var(--font-display);
  font-style: italic;
  font-size: 30px;
  line-height: 1.35;
  text-align: center;
}
.article__body blockquote p { text-align: center; hyphens: manual; }
.article__body blockquote cite { display: block; margin-top: 14px; font-family: var(--font-label); font-style: normal; font-weight: 700; font-size: var(--fs-label-sm); letter-spacing: var(--tracking); text-transform: uppercase; }

/* Images : toujours à la largeur de la colonne (y compris anciens articles alignés) */
.article__body figure,
.article__body .wp-block-image { margin: 56px 0; }
.article__body img { display: block; width: 100%; height: auto; border: var(--rule); }
.article__body .alignleft,
.article__body .alignright,
.article__body .aligncenter { float: none; margin-left: 0; margin-right: 0; }
.article__body p > img,
.article__body p > a > img { margin: 56px 0; }
.article__body figcaption,
.article__body .wp-caption-text,
.article__body .wp-element-caption {
  margin-top: 12px;
  font-style: italic;
  font-size: var(--fs-link);
  text-align: center;
}
.article__body .wp-caption { width: auto !important; max-width: 100%; }

/* Galeries */
.article__body .wp-block-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.article__body .wp-block-gallery figure { margin: 0; }
.article__body .wp-block-gallery img { height: 100%; object-fit: cover; }

/* Vidéos et intégrations */
.article__body iframe,
.article__body video,
.article__body .wp-block-embed { width: 100%; max-width: 100%; }
.article__body .wp-block-embed iframe { aspect-ratio: 16 / 9; height: auto; }

.article__body hr { margin: 56px auto; width: 120px; border: 0; border-top: var(--rule); }

/* --- Commentaires --------------------------------------------------------- */

.comments ol ol { margin-left: 28px; border-left: 1px solid rgba(51, 36, 31, .25); padding-left: 20px; }
.comment-reply-link {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin-top: 4px;
  font-family: var(--font-label);
  font-weight: 700;
  font-size: var(--fs-label-sm);
  letter-spacing: var(--tracking);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.comment p + p { margin-top: .6em; }
.comment-respond { margin-top: 56px; }
.comment-form > p { margin: 0; }
.comment-form .form-submit { margin-top: 4px; }
#reply-title { font-family: var(--font-display); font-style: italic; font-weight: 400; font-size: var(--fs-newsletter); margin-bottom: 18px; }
#reply-title small { display: block; margin-top: 6px; font-family: var(--font-label); font-style: normal; font-size: var(--fs-label-sm); letter-spacing: var(--tracking); text-transform: uppercase; }

/* --- Pagination native ---------------------------------------------------- */

.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: var(--tap); min-height: var(--tap); }
.pagination .page-numbers.current { text-decoration: underline; text-underline-offset: 6px; }

/* Bouton d'envoi des commentaires (input natif de WordPress) */
.comment-form input[type="submit"] {
  width: auto;
  height: 46px;
  padding: 0 28px;
  border: var(--rule);
  background: var(--ink);
  color: #fff;
  font-family: var(--font-label);
  font-weight: 700;
  font-size: var(--fs-label-sm);
  letter-spacing: var(--tracking);
  text-transform: uppercase;
  cursor: pointer;
}
.comment-form input[type="submit"]:hover { background: #4a3a34; }

/* Laboratoire : image fixe en attendant la scène interactive */
.labo__scene { overflow: hidden; }
.labo__scene picture, .labo__scene img { display: block; width: 100%; height: 100%; }
.labo__scene img { object-fit: cover; }