/* Directory show — header (V2 hero: title, notary metadata bar, primary action) */

/* Layout: eyebrow + title stacked top-left, notary metadata below the title,
   primary action pinned top-right (matches the V2 dossier-header design). */
.lc-directory-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: var(--sp-4);
  row-gap: var(--sp-3);
  margin-bottom: var(--sp-6);
}

.lc-directory-header__title {
  grid-column: 1;
  grid-row: 1;
}

.lc-directory-header__actions {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: var(--sp-2);
}

/* The header action sits at the 32px control height (--control-h-sm),
   matching the design proposal — the default .lc-btn is 40px. */
.lc-directory-header__actions .lc-btn {
  height: var(--control-h-sm);
}

.lc-directory-header__title h1 {
  margin-top: 0;
  margin-bottom: var(--sp-1);
  font-family: var(--font-serif);
  font-size: var(--fs-38);
  font-weight: var(--fw-medium);
  letter-spacing: var(--tracking-tight);
  line-height: var(--lh-tight);
}

.lc-directory-header__eyebrow {
  margin-bottom: var(--sp-2);
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
  color: var(--color-ink-muted);
}

/* Notary metadata: inline label/value pairs (NOTAIRE ACQUÉREUR  Alice Dupont),
   on its own row beneath the title. */
.lc-directory-header__meta {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--sp-2) var(--sp-5);
  margin: 0;
}

.lc-directory-header__role {
  display: flex;
  align-items: baseline;
  gap: var(--sp-2);
}

.lc-directory-header__role dt {
  font-size: var(--fs-12);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--color-ink-muted);
}

.lc-directory-header__role dd {
  margin: 0;
  font-weight: var(--fw-medium);
  color: var(--color-ink);
}