@charset "UTF-8";

/* Varsayılan Koyu Tema İçin Sabitler */
.bg-lsmsDark { background-color: #0b0f19; }
.bg-lsmsCard { background-color: #131b2e; }
.bg-lsmsRed { background-color: #ef4444; }
.text-lsmsRed { color: #ef4444; }
.border-lsmsRed { border-color: #ef4444; }

.signature-font {
    font-family: 'Great Vibes', cursive !important;
    font-weight: 400 !important;
}

@keyframes popIn {
    0% { transform: scale(0.5); opacity: 0; }
    70% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

.animate-pop {
    animation: popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #1e293b transparent;
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #ef4444; }

.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #334155; border-radius: 10px; }
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #ef4444; }


/* ======================================================= */
/* 🎨 LIGHT TEMA (AÇIK RENK) - KESİN EZİCİ (OVERRIDE)      */
/* ======================================================= */

/* 1. Ana Arkaplanlar ve Gradyan İptali */
body.light-theme,
body.light-theme .bg-lsmsDark,
body.light-theme .bg-lsmsDark\/90,
body.light-theme .bg-slate-900,
body.light-theme .bg-slate-900\/40,
body.light-theme .bg-slate-900\/50,
body.light-theme .bg-slate-900\/80,
body.light-theme .bg-slate-950,
body.light-theme .bg-slate-950\/95,
body.light-theme .bg-gradient-to-b,
body.light-theme .from-slate-900,
body.light-theme .to-lsmsDark {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    background-image: none !important; 
}

/* 2. Kartlar, Menüler ve Kutular */
body.light-theme .bg-lsmsCard,
body.light-theme .bg-slate-800,
body.light-theme .bg-slate-800\/80 {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
}

/* 3. BEYAZ/GÖRÜNMEZ YAZILARI SİYAHA ÇEVİRME */
body.light-theme {
    color: #0f172a !important; /* Genel metin rengi koyu lacivert */
}

/* Tailwind .text-white vs. sınıflarını EZ (Yazıların kaybolmasını engeller) */
body.light-theme .text-white,
body.light-theme .text-gray-100,
body.light-theme .text-gray-200,
body.light-theme .text-gray-300 {
    color: #0f172a !important;
}

/* Soluk gri yazılar */
body.light-theme .text-gray-400,
body.light-theme .text-gray-500 {
    color: #475569 !important;
}

/* 4. Navbar ve Çizgiler (Borders) */
body.light-theme nav {
    background-color: rgba(248, 250, 252, 0.95) !important;
    border-bottom-color: #e2e8f0 !important;
}

body.light-theme .border-gray-700,
body.light-theme .border-gray-800,
body.light-theme .border-gray-800\/40,
body.light-theme .border-gray-800\/60,
body.light-theme .border-gray-800\/80 {
    border-color: #e2e8f0 !important;
}

/* 5. Randevu ve Başvuru formları */
body.light-theme input,
body.light-theme textarea,
body.light-theme select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}

body.light-theme input::placeholder,
body.light-theme textarea::placeholder {
    color: #94a3b8 !important;
}

/* 6. İSTİSNA: Kırmızı Butonları, İkonları ve Metinlerini Koru */
body.light-theme .bg-lsmsRed,
body.light-theme .bg-lsmsRed .text-white {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}
body.light-theme .text-lsmsRed {
    color: #ef4444 !important;
}

/* "Kadromuza Katıl" (İkincil Buton) Açık Temada Beyaz ve Çerçeveli Olsun */
body.light-theme .lsms-btn.bg-lsmsCard {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
}
body.light-theme .lsms-btn.bg-lsmsCard:hover {
    background-color: #e2e8f0 !important;
}

/* Uyarı ve Modallar */
body.light-theme #customAlertBox,
body.light-theme #welcomeModalBox,
body.light-theme #mobileMenuPanel {
    background-color: #ffffff !important;
}

/* Mobil Menü Linkleri */
body.light-theme .mobile-link {
    color: #0f172a !important;
    border-bottom-color: #e2e8f0 !important;
}