/* ============================================================
 * 03. BREADCRUMB (RGAA 12.8)
 * ============================================================ */

/* Reset wrapper legacy parent (.page-titlebar .breadcrumbs absolute + jaune fluo)
   Le child injecte <div class="breadcrumbs"> autour de <nav class="breadcrumb-nav">
   pour conserver compat templates parent. Neutralise positionnement et fond. */
/* .page-titlebar .breadcrumbs {
  position: static;
  transform: none;
  background: transparent;
  color: inherit;
  padding: 0;
  text-transform: none;
} */

.breadcrumb-nav { margin: 8px 0 16px; font-size: .9em; }
.breadcrumb-nav .breadcrumb {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 6px;
}
.breadcrumb-nav .breadcrumb-item { display: inline; }
.breadcrumb-nav .breadcrumb-sep { color: var(--color-text-muted); margin: 0 4px; }
.breadcrumb-nav .breadcrumb-item.current span[aria-current] {
  font-weight: 600; color: #1a1a1a;
}

/* ============================================================
 * Mode "as_heading" — breadcrumb rendu inline DANS <h1 class="page-title page-title-breadcrumb">
 *
 * IMPORTANT : ces règles s'appliquent UNIQUEMENT aux H1 d'archives
 * (rendus via alone-child/inc/breadcrumb.php en mode as_heading).
 * Les pages SIMPLES (alone-child/template-parts/page-titlebar/page-titlebar-page.php)
 * utilisent <h1 class="page-title"> sans la classe `page-title-breadcrumb`
 * pour hériter du style block standard et conserver le rendu cible #002866 / 32px
 * (cf. bloc "Pages simples" plus bas dans ce fichier).
 *
 * Reproduit pattern Yoast prod : <h1>Projets | Isère</h1>
 * HTML5 : <h1> accepte phrasing content uniquement (<a>, <span>, pas <nav>/<ol>)
 * Activé via alone_child_breadcrumb([ 'as_heading' => true ])
 * ============================================================ */
.page-title.page-title-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  gap: 0;
}
.page-title.page-title-breadcrumb a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: inherit;
}
.page-title.page-title-breadcrumb a:hover,
.page-title.page-title-breadcrumb a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.page-title.page-title-breadcrumb .breadcrumb-sep {
  font-weight: 400;
  white-space: pre;
  color: inherit;
}
.page-title.page-title-breadcrumb .breadcrumb_last {
  color: var(--color-primary);
  font-weight: 600;
}

/* === Scope archive projet : centrage + focus visible RGAA 10.7 === */
body.tax-project_category .page-title.page-title-breadcrumb,
body.post-type-archive-project .page-title.page-title-breadcrumb {
  text-align: center;
  color: var(--color-primary);
  text-transform: none;
}
body.tax-project_category .page-title.page-title-breadcrumb a:hover,
body.tax-project_category .page-title.page-title-breadcrumb a:focus-visible,
body.post-type-archive-project .page-title.page-title-breadcrumb a:hover,
body.post-type-archive-project .page-title.page-title-breadcrumb a:focus-visible {
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* ============================================================
 * Pages simples — H1 sans classe `page-title-breadcrumb`
 * Override parent alone-main.css (.page-titlebar .page-title 30px/uppercase/#002866).
 * Cible : 32px / 600 / initial / #002866 / block / margin 0
 * Spécificité 0,3,0 (:not adds 0,1,0) > parent 0,2,0 → override fiable
 * indépendamment de l'ordre d'enqueue.
 * Sélecteur :not() évite collision avec mode as_heading des archives.
 * ============================================================ */
.page-titlebar .page-title:not(.page-title-breadcrumb) {
  display: block;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.25;
  text-transform: initial;
  color: var(--color-primary);
  margin: 0;
}

/* ============================================================
 * Page titlebar wrapper — override parent alone-main.css:739-743
 * (background:#f0f0f0; padding:75px 0) qui prévaut sur critical.css
 * (cf. cascade : critical inliné AVANT parent → source order parent gagne).
 * Module chargé APRÈS parent → notre règle gagne (specificity 0,1,0 = parent,
 * source order décide).
 *
 * Padding aligné sur PROD (mesuré 200px 0 30px) :
 *   - 200px top : passe SOUS le header fixed (height ~115px + top 20px).
 *     75px parent insuffisant → H1 masqué par le header.
 *   - 30px bottom : respiration avant contenu page.
 * ============================================================ */
.page-titlebar {
  background: #fff;
  padding: 200px 0 30px;
}