/* Wordmark UNIFY — pages de connexion (partagé : brand-wordmark.css) */
@import url('brand-wordmark.css');

:root {
  --login-brand-gold: #c9a96a;
  --login-brand-navy: #142033;
  --login-brand-font: 'Syne', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.login-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.15;
  overflow: visible;
}

.login-brand-name {
  font-family: var(--login-brand-font);
  font-style: normal;
  font-weight: 600;
  text-transform: none;
}

.login-brand-unify {
  letter-spacing: 0.06em;
}

.login-brand--md .login-brand-name {
  font-size: 20px;
}

.login-brand--lg .login-brand-name {
  font-size: clamp(1.75rem, 3.5vw, 2.25rem);
}

.login-brand--on-dark .login-brand-unify {
  color: #fff;
}

.login-brand--on-light .login-brand-unify {
  color: var(--login-brand-navy);
}

/* Variantes layout — pages login uniquement (header catalogue inchangé) */
.login-brand--left {
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  width: 100%;
}

.login-brand--left .login-brand-name {
  justify-content: flex-start;
}

.login-brand--stacked .login-brand-name {
  flex-direction: column;
  align-items: center;
  gap: 7px;
}

/* Admin : UNIFY + pill « for Estate » empilés (sidebar sombre, login clair) */
.login-brand--admin-stacked .login-brand-name {
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.login-brand--sm .login-brand-name {
  font-size: 15px;
}

.brand-estate-pill--navy,
.brand-estate-pill--blue {
  border: 1px solid var(--navy, var(--login-brand-navy, #142033));
  color: var(--navy, var(--login-brand-navy, #142033));
}

.login-brand--on-dark .brand-estate-pill--navy,
.login-brand--on-dark .brand-estate-pill--blue {
  background: rgba(255, 255, 255, 0.96);
}