/* ==========================================================================
   KAGERER ANHÄNGER — STYLES GLOBAUX DU THÈME
   ==========================================================================
   Chargé après design-system.css et components.css. Contient uniquement
   des styles structurels génériques (site-content, alignements WordPress).
   Le header et le footer définitifs (identité, navigation, informations
   légales) sont hors périmètre de cette phase — voir Phase 3 du plan.
   ========================================================================== */

.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.site-content {
  flex: 1 0 auto;
}

::selection {
  background-color: var(--color-primary-tint);
  color: var(--color-primary-dark);
}

.site-content h1,
.site-content h2 {
  letter-spacing: -0.018em;
}

/* Alignements de blocs WordPress natifs */
.alignwide {
  max-width: calc(var(--container-max) + var(--space-8));
}

.alignfull {
  max-width: none;
  width: 100%;
}

.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* Contenu éditorial générique (fallback, hors design de sections dédiées) */
.entry-content > * + * {
  margin-top: var(--space-4);
}

/* ==========================================================================
   Fil d'Ariane (breadcrumb) — composant sitewide
   ==========================================================================
   Réutilisé sur la boutique/archives de catégorie (Phase 6) ET la fiche
   produit (Phase 7B) : woocommerce/global/breadcrumb.php est appelé par
   woocommerce_breadcrumb() sur les deux, donc ce composant doit être
   chargé sitewide plutôt que conditionné à shop.css (is_shop() /
   is_product_category() / is_product_taxonomy() seulement). Poids visuel
   volontairement réduit : petit, atténué, ne doit jamais concurrencer le H1.
   ========================================================================== */

.breadcrumbs {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  margin-bottom: var(--space-3);
  font-weight: var(--font-weight-medium);
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs__item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.breadcrumbs__item:not(:first-child)::before {
  content: "/";
  color: var(--color-text-subtle);
}

.breadcrumbs__link {
  color: var(--color-text-muted);
  text-decoration: none;
}

.breadcrumbs__link:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.breadcrumbs__current {
  color: var(--color-text-muted);
  font-weight: var(--font-weight-medium);
}