/* public/member-header.css — bandeau compte partagé + marque logo seul (V17, lot A).
   Aucun overlay, menu déroulant ou scroll capturé. Le contenu de [data-member-header]
   est monté par le contrôleur ; ici, uniquement sa présentation. */

/* ---- Bandeau ---- */
.member-topbar {
  background: var(--lt-cream, #fbf9f4);
  border-bottom: 1px solid var(--lt-stone-3, #e4ded2);
  color: var(--lt-ink, #1c2a3a);
}
.member-topbar-inner.wrap { width:min(calc(100% - 2.5rem),72rem); margin-inline:auto; padding-inline:0; display: flex; justify-content: flex-end; min-height: 44px; }
[data-member-header] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0 .5rem;
  min-width: 0;
  max-width: 100%;
  font-family: var(--lt-sans, "Segoe UI", system-ui, sans-serif);
  font-size: .8125rem;
  line-height: 1.4;
}
.member-header-link,
.member-header-signout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  max-width: 100%;
  padding: .35rem .5rem;
  border: 0;
  border-radius: var(--lt-r, 6px);
  background: transparent;
  color: var(--lt-ocean, #234c6c);
  font: inherit;
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: var(--lt-gold-soft, rgba(133, 96, 32, .28));
  text-underline-offset: 4px;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease;
}
.member-header-link:hover,
.member-header-signout:hover { color: var(--lt-navy, #13283f); background: var(--lt-stone-2, #ebe6db); text-decoration-color: var(--lt-gold, #856020); }
.member-header-signout { position: relative; margin-inline-start: .25rem; }
.member-header-signout::before {
  content: "";
  position: absolute;
  left: -.375rem;
  top: 25%;
  height: 50%;
  width: 1px;
  background: var(--lt-stone-3, #d8c8a9);
}
.member-header-signout[hidden] { display: none !important; }
.member-header-signout:disabled { cursor: default; color: var(--lt-ink-3, #64727f); background: transparent; text-decoration-color: transparent; }
.member-header-status { color: var(--lt-ink-3, #5b6976); font-size: .8125rem; overflow-wrap: anywhere; }
.member-header-status:empty { display: none; }
.member-header-status[data-kind="verified"] { color: #355d53; }
.member-header-status[data-kind="attention"] { color: #6b4c17; }
.member-header-link:focus-visible,
.member-header-signout:focus-visible { outline: 3px solid #ba8b3e; outline-offset: 2px; }

/* ---- En-tête principal sous le bandeau ---- */
body.has-member-topbar.lt-finish > .site-header .header-inner { padding-block: .25rem; min-height: 0; }

/* ---- Marque : logo seul, nom conservé pour les technologies d'assistance ---- */
.lt-finish .brand { display: inline-flex; align-items: center; gap: 0; min-height: 44px; }
.lt-finish .brand img { width: 60px; height: 60px; object-fit: contain; display: block; }
.lt-finish .brand .brand-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.lt-finish .brand:focus-visible { outline: 3px solid #ba8b3e; outline-offset: 2px; border-radius: var(--lt-r, 6px); }

@media (max-width: 63.99rem) {
  .lt-finish .brand img { width: 56px; height: 56px; }
}
@media (max-width: 40rem) {
  .member-topbar-inner.wrap { width:calc(100% - 1.75rem); }
  [data-member-header] { gap: 0 .35rem; }
  .member-header-link, .member-header-signout { padding-inline: .4rem; }
  .member-header-status { flex-basis: auto; }
}

@media (prefers-reduced-motion: reduce) {
 .member-header-link, .member-header-signout { transition: none; }
}