/* ============================================================
   1. PROJE ANAYASASI & DEĞİŞKENLER
   ============================================================ */
:root {
    --primary-orange: #ff4500;
    --primary-black: #111111;
    --primary-white: #ffffff;
    --glass-bg: rgba(255, 255, 255, 0.9);
    --nav-height: 4.5rem;
    --section-margin: 2rem;
    --nav-transition: all 0.3s ease;
}

/* ============================================================
   2. RESET & BASIS
   ============================================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

/* Master Boy Ayarı: Masaüstünde sabit, mobilde özgür */
html, body {
    width: 100%;
    height: 100%; /* Masaüstü için varsayılan tam boy */
    background-color: var(--primary-white);
    color: var(--primary-black);
    line-height: 1.6;
    overflow-x: hidden; /* Sinsi yan kaymaları her zaman engelle */
}

/* ============================================================
   3. GLOBAL RESPONSIVE ADJUSTMENTS (Basis Level)
   ============================================================ */
@media (max-width: 992px) {
    /* Mobilde boy zincirini genel olarak kırıyoruz */
    html, body {
        height: auto !important; 
    }

    section {
        height: auto !important; 
        min-height: 100vh;
        padding: 6rem 1.5rem 4rem 1.5rem; /* Header'ın altında kalmasın diye üstten boşluk */
    }

    /* Grid/Row Yapılarını Evrensel Olarak Alt Alta Diz */
    .form-row, 
    .modal-grid-form, 
    .checkbox-master-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 1.2rem;
    }

    /* Mobilde Formları Genişlet */
    .form-group, .form-group.flex-row {
        width: 100% !important;
        flex-direction: column;
    }

    /* Font Optimizasyonu */
    h1 { font-size: 2.2rem !important; }
    h2 { font-size: 1.6rem !important; }
    p, input, select, textarea { font-size: 1rem !important; }

    /* Modal İçerik Ayarı */
    .pars-modal .modal-content-elite {
        width: 92% !important;
        margin: 5% auto;
        padding: 1.5rem;
        max-height: 85vh;
        overflow-y: auto; /* İçerik çoksa modal içinde kaydır */
    }

    .submit-btn-elite {
        width: 100% !important;
        padding: 1.2rem;
    }
}
@media (max-width: 992px) {
    section {
        height: auto !important; /* Yükseklik hapsinden kurtar */
        min-height: 100vh;      /* Ama boş kalmasın, en az ekran kadar olsun */
        display: flex;
        flex-direction: column;
        justify-content: center; /* İçerik azsa ortada dursun */
        padding: 80px 20px;     /* İçeriğin nefes alması için şart */
    }
}