/* ============================================================
   mavi11.com — Light / Minimal White Theme
   ------------------------------------------------------------
   tw.min.css'ten SONRA yüklenir. Koyu (dark) Tailwind temasını
   temiz, beyaz, tek-mavi ve gradyansız bir görünüme çevirir.
   Strateji: tema CSS değişkenlerini açık paletle ezmek + koyu
   zemin varsayan birkaç sınıfı (gradyan/şeffaf-beyaz kenar)
   düzeltmek. Çoğu bileşen color-mix(var(--color-surface)...)
   kullandığı için değişken ezince otomatik beyazlaşır.
   ============================================================ */

:root,
:host {
  /* Zeminler → beyaz / çok açık */
  --color-ground: #ffffff;
  --color-surface: #ffffff;
  --color-surface-2: #f5f7fb;

  /* Metin → beyaz üzerine koyu */
  --color-ink: #0f172a;
  --color-muted: #5a6b86;

  /* Tüm "glow"/accent renklerini TEK maviye çök → gradyanlar düzleşir */
  --color-brand-400: #2f7bff;
  --color-brand-500: #2f7bff;
  --color-brand-600: #1f6bf0;
  --color-brand-700: #1a5cd6;
  --color-cyan-glow: #2f7bff;
  --color-sky-glow: #2f7bff;

  /* Neon glow yerine yumuşak gölge */
  --shadow-glow: 0 1px 2px rgba(15, 23, 42, .05), 0 16px 40px -18px rgba(15, 23, 42, .18);
}

/* Gövde: saf beyaz, radial ışıltı yok */
body {
  background-color: #ffffff;
  background-image: none;
  color: var(--color-ink);
}

/* ---------- İnce çizgi (hairline) kenarlar: koyu ---------- */
.border-white\/10,
.border-white\/5,
.glass,
.card,
.chip,
.btn-outline,
.btn-ghost,
.m-sub,
.m-menu,
.m-totop,
.m-header.is-stuck {
  border-color: rgba(15, 23, 42, .10) !important;
}

/* ---------- Şeffaf-beyaz dolgular → açık gri ---------- */
.bg-white\/5,
.bg-white\/10 {
  background-color: rgba(15, 23, 42, .035) !important;
}
.hover\:bg-white\/5:hover,
.hover\:bg-white\/10:hover {
  background-color: rgba(15, 23, 42, .055) !important;
}

/* ---------- Gradyan metin → düz mavi ---------- */
.text-grad {
  background: none !important;
  color: var(--color-brand-500) !important;
  -webkit-text-fill-color: var(--color-brand-500) !important;
}

/* ---------- Birincil buton: düz mavi, gradyansız ---------- */
.btn-primary {
  background-image: none !important;
  background-color: var(--color-brand-500) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px -12px rgba(47, 123, 255, .65) !important;
}
.btn-primary:hover {
  background-image: none !important;
  background-color: var(--color-brand-600) !important;
}

/* ---------- Çerçeveli / hayalet / açık butonlar ---------- */
.btn-outline {
  color: var(--color-ink);
}
.btn-outline:hover {
  border-color: var(--color-brand-500) !important;
  color: var(--color-brand-600);
  background-color: rgba(47, 123, 255, .06);
}
.btn-ghost {
  color: var(--color-ink) !important;
  background-color: rgba(15, 23, 42, .04);
}
.btn-ghost:hover {
  background-color: rgba(15, 23, 42, .07);
}
.btn-light {
  background-color: var(--color-brand-500);
  color: #ffffff;
}
.btn-light:hover {
  background-color: var(--color-brand-600);
  color: #ffffff;
}

/* ---------- Kartlar / glass: beyaz, ince çizgi, yumuşak gölge ---------- */
.card {
  background-color: #ffffff;
}
.glass {
  background-color: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 14px 36px -20px rgba(15, 23, 42, .22) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.glass-hover:hover {
  border-color: rgba(47, 123, 255, .35) !important;
  background-color: #ffffff !important;
}

/* ---------- Çipler / eyebrow ---------- */
.chip {
  background-color: #f3f6fc;
  color: var(--color-ink);
}
.eyebrow {
  background-color: rgba(47, 123, 255, .07);
  color: var(--color-brand-600);
  border-color: rgba(47, 123, 255, .22) !important;
}

/* ---------- Header: beyaz, blur, alt ince çizgi ---------- */
.m-header.is-stuck {
  background-color: rgba(255, 255, 255, .85) !important;
  box-shadow: 0 8px 28px -18px rgba(15, 23, 42, .35) !important;
}

/* Açılır menü panelleri beyaz */
.m-sub {
  background-color: #ffffff !important;
  box-shadow: 0 24px 50px -20px rgba(15, 23, 42, .28) !important;
}

/* Mobil yan menü beyaz (değişkenle zaten beyazlaşıyor; gölge ekle) */
.m-menu {
  box-shadow: -20px 0 50px -24px rgba(15, 23, 42, .28);
}

/* Yukarı-çık butonu beyaz zemin + ince çizgi (değişkenle beyazlaşır) */
.m-totop {
  box-shadow: 0 8px 24px -12px rgba(15, 23, 42, .28) !important;
}

/* Menü öğesi hover/alt-menü iç hover arka planları */
.m-sub a:hover {
  background-color: rgba(47, 123, 255, .06) !important;
}

/* ---------- Form alanları ---------- */
input,
select,
textarea {
  color: var(--color-ink);
}