/**
 * Composant : en-tête de section (inc/components.php → lobstetricien_section_header)
 * et surtitre réutilisable .lobst-eyebrow.
 */

/* Surtitre : seul style de libellé en majuscules du site. */
.lobst-eyebrow {
  margin: 0 0 var(--wp--preset--spacing--20);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--xs);
  font-weight: var(--wp--custom--font-weight--bold);
  letter-spacing: var(--wp--custom--letter-spacing--label);
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--wp--preset--color--primary);
}

:is(.has-primary-background-color, .has-primary-dark-background-color, .is-style-section-dark) .lobst-eyebrow {
  color: var(--wp--preset--color--secondary);
}

.lobst-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
  margin: 0 0 var(--wp--preset--spacing--60);
  padding-bottom: var(--wp--preset--spacing--40);
  border-bottom: 1px solid var(--wp--preset--color--border);
}

.lobst-section-head__titles {
  min-width: 0;
  flex: 1 1 22rem;
}

.lobst-section-head__title {
  margin: 0;
  font-size: var(--wp--preset--font-size--3-x-large);
  line-height: var(--wp--custom--line-height--heading);
  color: var(--wp--preset--color--contrast);
}

.lobst-section-head__link {
  display: inline-flex;
  align-items: center;
  min-height: 44px; /* cible tactile */
  font-size: var(--wp--preset--font-size--sm);
  font-weight: var(--wp--custom--font-weight--medium);
  color: var(--wp--preset--color--primary);
  text-decoration: none;
  white-space: nowrap;
}

.lobst-section-head__link:hover {
  color: var(--wp--preset--color--primary-dark);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}