/*
 * Coffict auth sayfaları (login / register / phone-login) marka teması.
 * Palet (müşteri talebi):
 *   Alt metinler (kahve)      : #493c2f
 *   Arkaplan (krem)           : #f5eadc
 *   Butonlar (yeşil)          : #84bf41
 *   Bilgi kutucuğu (açık ton) : #f7f3ed
 *   İkon arkaplanı (krem)     : #f2e5d5
 * Font: Poppins (regular 400 / bold 700)
 */

:root {
  --auth-text: #493c2f;
  --auth-bg: #f5eadc;
  --auth-green: #84bf41;
  --auth-green-dark: #74aa37;
  --auth-box: #f7f3ed;
  --auth-icon-bg: #f2e5d5;
  --auth-border: #e3d5c2;
}

html,
body {
  font-family: 'Poppins', sans-serif !important;
  background-color: var(--auth-bg) !important;
  color: var(--auth-text);
}

/* Krem arkaplan — tema görselini kaldır */
.page-bg,
.dark .page-bg {
  background-image: none !important;
  background-color: var(--auth-bg);
}

/* Form kartı (bilgi kutucuğu — açık ton) */
.kt-card {
  background-color: var(--auth-box) !important;
  border-color: var(--auth-border) !important;
}

/* Metinler — kahve tonu */
.kt-card h3,
.kt-card p,
.kt-card label,
.kt-card .kt-form-label,
.kt-card .kt-checkbox-label,
.kt-card .text-mono,
.kt-card .text-secondary-foreground,
.kt-card .text-muted-foreground {
  color: var(--auth-text) !important;
}

.kt-card .text-secondary-foreground,
.kt-card .text-muted-foreground {
  opacity: 0.75;
}

/* Bağlantılar — yeşil vurgu */
.kt-card a.link,
.kt-card a.kt-link {
  color: var(--auth-green) !important;
  font-weight: 700;
}

.kt-card a.link:hover,
.kt-card a.kt-link:hover {
  color: var(--auth-green-dark) !important;
}

/* Ana buton — yeşil */
.kt-btn-primary {
  background-color: var(--auth-green) !important;
  border-color: var(--auth-green) !important;
  color: #ffffff !important;
  font-weight: 700;
}

.kt-btn-primary:hover:not(:disabled) {
  background-color: var(--auth-green-dark) !important;
  border-color: var(--auth-green-dark) !important;
}

/* Dış çizgili butonlar (Google / telefon ile giriş) */
.kt-card .kt-btn-outline {
  background-color: #ffffff;
  border-color: var(--auth-border) !important;
  color: var(--auth-text) !important;
}

.kt-card .kt-btn-outline:hover {
  background-color: var(--auth-icon-bg) !important;
}

/* Girdi alanları */
.kt-card .kt-input {
  background-color: #ffffff !important;
  border-color: var(--auth-border) !important;
  color: var(--auth-text) !important;
}

.kt-card .kt-input:focus-within,
.kt-card .kt-input:focus {
  border-color: var(--auth-green) !important;
  box-shadow: 0 0 0 2px rgba(132, 191, 65, 0.2) !important;
}

.kt-card .kt-input::placeholder,
.kt-card .kt-input input::placeholder {
  color: var(--auth-text);
  opacity: 0.45;
}

/* İç içe input (şifre göster/gizle) — çift arkaplanı engelle */
.kt-card .kt-input .kt-input {
  border: none !important;
  box-shadow: none !important;
}

/* Onay kutuları — yeşil */
.kt-card .kt-checkbox {
  accent-color: var(--auth-green);
}

.kt-card .kt-checkbox:checked {
  background-color: var(--auth-green) !important;
  border-color: var(--auth-green) !important;
}

/* Bilgi/uyarı kutucukları ve ikon arkaplanları */
.kt-card .kt-alert {
  background-color: var(--auth-box) !important;
  border-color: var(--auth-border) !important;
  color: var(--auth-text) !important;
}

.kt-card .kt-alert-icon {
  background-color: var(--auth-icon-bg);
  border-radius: 9999px;
  padding: 6px;
  color: var(--auth-text);
}

/* Telefon girişindeki ikon dairesi */
.kt-card .bg-primary\/10 {
  background-color: var(--auth-icon-bg) !important;
}

.kt-card .bg-primary\/10 i {
  color: var(--auth-green) !important;
}

/* Doğrulama kodu kutuları (phone-login) */
.code-input:focus {
  border-color: var(--auth-green) !important;
  box-shadow: 0 0 0 2px rgba(132, 191, 65, 0.2) !important;
}