/* ==========================================================================
   Biletstore — auth grubu: giriş / kayıt / hoş geldin / 404
   Token'lar, butonlar, formlar, bb-card, bb-seg global kitten gelir (tokens/theme/components/bb-site).
   Burada yalnızca sayfaya özel düzen kuralları var; renkler sadece token.
   ========================================================================== */

/* --- Giriş / kayıt kabı ---------------------------------------------------- */
.bb-auth {
  min-height: calc(100vh - 160px);
}
.bb-auth .auth-card {
  max-width: 460px;
}

/* Sekme içerikleri (JS .active sınıfı ile değiştirir) */
.auth-card .form-content { display: none; }
.auth-card .form-content.active { display: block; }

/* Hata kutuları: varsayılan gizli, JS .show sınıfı ya da .show() ile açar */
.auth-card .alert-danger { display: none; font-size: .875rem; padding: .75rem 1rem; }
.auth-card .alert-danger.show { display: block; }
.auth-card .alert-danger ul { margin: 0; padding-left: 1.25rem; }

/* Onay kutuları: uzun metinlerde kutu ilk satıra hizalı */
.bb-auth-consent .form-check { display: flex; align-items: flex-start; gap: .5rem; padding-left: 0; margin: 0; }
.bb-auth-consent .form-check-input { float: none; margin: .125rem 0 0; flex-shrink: 0; }
.bb-auth-consent .form-check-label { line-height: 1.5; color: var(--text-secondary); }

.bb-auth-terms { line-height: 1.6; }
.bb-auth-terms a { color: var(--text-accent); text-decoration: none; }
.bb-auth-terms a:hover { text-decoration: underline; }

/* Sosyal giriş ikonları (dolgu ikon — marka logosu, tek renk) */
.bb-ico.bb-ico-fill { fill: currentColor; stroke: none; }

/* Yükleniyor durumunda buton */
.auth-card .btn .spinner-border-sm { vertical-align: -.125em; }

/* --- Hoş geldin ------------------------------------------------------------ */
.bb-welcome-card { max-width: 500px; }
.bb-welcome-icon {
  width: 4.5rem; height: 4.5rem;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-full);
  background: var(--accent-soft);
  color: var(--text-accent);
  border: 1px solid var(--border-accent);
}
.bb-welcome-icon .bb-ico { width: 2rem; height: 2rem; stroke-width: 2; }
.bb-welcome-card .spinner-border { color: var(--accent-solid); width: 2.25rem; height: 2.25rem; }

/* --- Standalone kayıt (auth/register.blade.php) ---------------------------- */
.bb-auth-standalone { background: var(--surface-canvas); color: var(--text-primary); }
.bb-auth-standalone .bb-logo { height: 40px; width: auto; }

/* --- 404 ------------------------------------------------------------------- */
.bb-404 { padding-block: 6rem; min-height: calc(100vh - 200px); }
.bb-404-number {
  font-size: clamp(5rem, 22vw, 8.75rem);
  font-weight: 600; line-height: 1; letter-spacing: -.04em;
  color: var(--text-accent);
}
.bb-404-text { max-width: 56ch; }

@media (max-width: 575.98px) {
  .bb-404 { padding-block: 3.5rem; }
}

/* 404 arama kutusu (tasarım: max 560px) */
.bb-404-search { max-width: 560px; margin-inline: auto; }