/*ILETISIM*/
html,
body {
    height: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #f8fafc;
}

/* Boşluğu dolduran ve footer'ı aşağı iten ana kapsayıcı */
/* 2. ANA KAPSAYICI - YAPIŞMAYI BU ÇÖZER */
.modern-contact-area {
    flex: 1 0 auto !important;
    /* Footer'ı dibe iter */
    display: flex !important;
    align-items: center !important;
    /* Dikeyde ortalar */
    justify-content: center !important;
    /* Yatayda ortalar */

    /* ÖNEMLİ: Karta nefes aldıracak boşluk. 
           Footer'ın üzerine binmesini bu engeller */
    padding: 100px 0 !important;
    width: 100%;
    min-height: calc(100vh - 350px);
}

/* 3. KARTIN KENDİSİ */
.tech-contact-card {
    background: #ffffff;
    border-radius: 35px;
    box-shadow: 0 30px 80px rgba(67, 97, 238, 0.08);
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    overflow: hidden;
    border: 1px solid rgba(67, 97, 238, 0.05);
    max-width: 860px;
    width: 100%;
    margin: 0 auto !important;
    position: relative;
    /* Footer'ın -1.5px'lik overlap saldırısından korunmak için katman ayarı */
    z-index: 10;
}

body.dark-mode {
    background-color: #18181b !important;
}

/* SOL PANEL */
.contact-side-info {
    flex: 1;
    min-width: 280px;
    background: var(--main-grad);
    padding: 40px;
    color: #ffffff !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info-title {
    font-weight: 850;
    color: #fff;
    font-size: 1.7rem;
    margin-bottom: 12px;
}

.info-desc {
    opacity: 0.9;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 25px;
}

/* DMCA UYARI KUTUSU */
.dmca-alert-box {
    background: rgba(255, 255, 255, 0.12);
    border-left: 4px solid #fff;
    padding: 15px;
    border-radius: 12px;
    margin-top: 25px;
    font-size: 12px;
    line-height: 1.6;
    backdrop-filter: blur(5px);
    color: #fff;
}

/* RENKLİ SOSYAL MEDYA BUTONLARI */
.tech-social-row {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.social-oval-btn {
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none !important;
}

.social-oval-btn.fb:hover {
    background: #1877F2;
    transform: translateY(-5px) scale(1.1);
}

.social-oval-btn.tw:hover {
    background: #000000;
    transform: translateY(-5px) scale(1.1);
}

.social-oval-btn.ig:hover {
    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    transform: translateY(-5px) scale(1.1);
}

.social-oval-btn.yt:hover {
    background: #FF0000;
    transform: translateY(-5px) scale(1.1);
}

/* SAĞ FORM ALANI */
.contact-side-form {
    flex: 1.4;
    min-width: 320px;
    padding: 45px;
    background: #fff;
}

.form-head-mini {
    font-weight: 850;
    color: #1e293b;
    font-size: 1.3rem;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.input-wrapper {
    position: relative;
    margin-bottom: 15px;
}

.input-wrapper i {
    position: absolute;
    left: 15px;
    top: 15px;
    color: #94a3b8;
    font-size: 14px;
    transition: 0.3s;
}

.tech-input {
    width: 100%;
    padding: 12px 18px 12px 42px;
    background: #f8fafc;
    border: 2px solid #edf2f7;
    border-radius: 12px;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 600;
}

.tech-input:focus {
    border-color: #4361ee;
    background: #fff;
    outline: none;
}

.tech-btn-submit {
    width: 100%;
    padding: 15px;
    border: none;
    background: var(--main-grad);
    color: #fff;
    border-radius: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    letter-spacing: 1px;
}

.tech-btn-submit:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(67, 97, 238, 0.25);
}

@media (max-width: 768px) {
    .modern-contact-area {
        display: block;
        padding: 30px 0;
    }

    .tech-contact-card {
        flex-direction: column;
        margin: 0 15px;
        width: calc(100% - 30px);
    }
}

/* =======================================================
   SWEETALERT2 DARK MODE ADAPTASYONU
   ======================================================= */
body.dark-mode .swal2-popup {
    background-color: #18181b !important;
    /* Senin ana dark rengin */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 25px !important;
    /* Win11 yuvarlaklığı */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

/* Başlık Rengi */
body.dark-mode .swal2-title {
    color: #ffffff !important;
    font-weight: 850 !important;
}

/* İçerik Metni Rengi */
body.dark-mode .swal2-html-container {
    color: #cbd5e1 !important;
    font-weight: 600 !important;
}

/* İkonların Arka Planı ve Çizgileri */
body.dark-mode .swal2-icon {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

body.dark-mode .swal2-success-circular-line-left,
body.dark-mode .swal2-success-circular-line-right,
body.dark-mode .swal2-success-fix {
    background-color: transparent !important;
}

/* Onay Butonu (Senin Gradyanınla Eşleşsin) */
body.dark-mode .swal2-confirm {
    background: linear-gradient(135deg, #7209b7, #4361ee) !important;
    border-radius: 12px !important;
    padding: 12px 35px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(67, 97, 238, 0.3) !important;
}

/* Dark Modda Input/Textarea Odaklanma Rengi (Eğer alert içinde input varsa) */
body.dark-mode .swal2-input:focus {
    border-color: #4361ee !important;
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2) !important;
}

/* =======================================================
   FOOTER DARK MODE OPTİMİZASYONU (WIN11 STYLE)
   ======================================================= */

/* 1. ANA KAPSAYICI */
body.dark-mode .modern-footer-compact {
    background-color: #18181b !important;
    /* Gece rengi */
}

/* 2. LOGO ALANI */
body.dark-mode .logo-text-outside {
    filter: brightness(1.2);
    /* Gradyan yazıyı dark modda biraz parlatır */
}

body.dark-mode .logo-box-inside {
    box-shadow: 0 4px 15px rgba(114, 9, 183, 0.25) !important;
}

/* 3. SLOGAN VE AYRAÇ */
body.dark-mode .v-divider {
    background: rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .footer-mini-slogan {
    color: #71717a !important;
    /* Soft gri */
}

/* 4. AKSİYON BAR (ORTA KISIM) */
body.dark-mode .footer-action-bar {
    background: #111113 !important;
    /* Daha koyu iç bar */
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .footer-inline-link {
    color: #a1a1aa !important;
}

body.dark-mode .footer-inline-link:hover {
    color: #4361ee !important;
}

/* 5. SOSYAL MEDYA İKONLARI */
body.dark-mode .footer-social-side {
    border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .social-circle {
    color: #71717a !important;
}

/* Twitter/X için özel beyazlatma (Dark modda beyaz ikon daha şık durur) */
body.dark-mode .social-circle.tw:hover {
    color: #ffffff !important;
}

/* 6. COPYRIGHT KISMI */
body.dark-mode .copyright-mini {
    color: #e4e4e7 !important;
}

body.dark-mode .legal-warning {
    color: #52525b !important;
}

/* 7. YASAL HAKLAR MODAL */
body.dark-mode .modal-card {
    background: #18181b !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5) !important;
}

body.dark-mode .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .modal-title,
body.dark-mode .modal-inner-scroll h4 {
    color: #ffffff !important;
}

body.dark-mode .modal-inner-scroll p {
    color: #a1a1aa !important;
}

body.dark-mode .modal-close {
    background: #27272a !important;
    color: #fff !important;
}

body.dark-mode .legal-alert-mini {
    background: rgba(67, 97, 238, 0.1) !important;
    color: #4361ee !important;
    border-left: 4px solid #4361ee !important;
}

/* SWEETALERT AÇILDIĞINDA FOOTER'I YERİNDE TUT */
body.swal2-shown {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    /* Ekran yüksekliğine sabitle */
    overflow: hidden !important;
    /* Kaymayı engelle */
}

/* EĞER ALERT VARKEN SAYFA KAYIYORSA BUNU DA EKLE */
.swal2-container {
    height: 100vh !important;
}

/* FOOTER'I EN DİBE ÇİVİLEME GARANTİSİ */
.modern-footer-compact {
    opacity: 1 !important;
    background-color: #f8fafc !important;
    /* Gündüz rengi */
    transition: none !important;
}

/* FLAŞ ÖNLEYİCİ ANA YAPI */
html,
body {
    height: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #f8fafc !important;
    /* Sayfa açılışında beyazı engeller */
}

/* İLETİŞİM ALANI RENK SABİTLEME */
.modern-contact-area {
    flex: 1 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 100px 0 !important;
    width: 100%;
    min-height: calc(100vh - 350px);
    background-color: #f8fafc !important;
    /* Kartın arkasını hep gri tutar */
}

/* ALERT GELDİĞİNDE ARKA PLANI KİTLEME (BEYAZLIĞI ÖNLER) */
body.swal2-shown {
    background-color: #f8fafc !important;
}

body.dark-mode.swal2-shown {
    background-color: #18181b !important;
}

/* KARTIN KENDİSİ BEYAZ KALSIN */
.tech-contact-card {
    background: #ffffff !important;
    z-index: 10;
    /* ... diğer kart stillerin ... */
}

/* DARK MODE AYARLARI */
body.dark-mode {
    background-color: #18181b !important;
}

body.dark-mode .modern-contact-area {
    background-color: #18181b !important;
}

/* ALERT (ALET) GELİNCE SAYFAYI VE RENKLERİ KİLİTLE */
body.swal2-shown,
body.swal2-shown .modern-contact-area {
    background-color: #f8fafc !important;
    /* Gündüz patlamaz */
}

body.dark-mode.swal2-shown,
body.dark-mode.swal2-shown .modern-contact-area {
    background-color: #18181b !important;
    /* Gece patlamaz */
}

/* Footer'ın alet geldiğinde yukarı zıplamasını engelle */
body.swal2-shown .modern-footer-compact {
    margin-top: auto !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
}

/* =======================================================
   KİNG ÇÖZÜM: AUTOFILL RENGİNİ EZME (HACK)
   ======================================================= */

/* 1. LIGHT MODE (Varsayılan) */
/* Tarayıcının sarı arka planını senin gri (#f8fafc) renginle eziyoruz */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    /* Kutunun içini "gölge" ile boyuyoruz. Tarayıcı bunu engelleyemez. */
    -webkit-box-shadow: 0 0 0 1000px #f8fafc inset !important;

    /* Yazı rengini zorla senin rengin yapıyoruz */
    -webkit-text-fill-color: #334155 !important;

    /* Arka plan değişim animasyonunu sonsuza uzatıp geçişi donduruyoruz */
    transition: background-color 5000s ease-in-out 0s;

    /* İmleç rengini düzeltir */
    caret-color: #334155;
}

/* 2. DARK MODE AYARI */
/* Eğer body'de 'dark-mode' class'ı varsa kutu içini siyaha boya */
body.dark-mode input:-webkit-autofill,
body.dark-mode input:-webkit-autofill:hover,
body.dark-mode input:-webkit-autofill:focus,
body.dark-mode input:-webkit-autofill:active,
body.dark-mode textarea:-webkit-autofill,
body.dark-mode textarea:-webkit-autofill:hover,
body.dark-mode textarea:-webkit-autofill:focus,
body.dark-mode textarea:-webkit-autofill:active {

    /* Dark mod arka plan rengin (#18181b) */
    -webkit-box-shadow: 0 0 0 1000px #18181b inset !important;

    /* Dark mod yazı rengin (Beyaz) */
    -webkit-text-fill-color: #ffffff !important;

    caret-color: #ffffff;
}

/*ILETISIM BITIS*/