/* ==========================================================================
   MOBİL UYUMLULUK (RESPONSIVE KONTROLLERİ)
   ========================================================================== */

/* Tablet ve Telefonlar İçin (768px ve altı) */
@media (max-width: 768px) {
    /* Masaüstü iletişim numarasını gizle */
    .hidden-mobile { 
        display: none !important; 
    }
    
    /* Mobil alt iletişim barını göster */
    .mobile-action-bar { 
        display: flex; 
    }
    
    /* Alt bar menünün üstünü örtmesin diye body'e boşluk ver */
    body { 
        padding-bottom: 70px; 
    }
    
    /* HEADER VE MOBİL MENÜ DÜZENİ */
    .header-container { 
        flex-wrap: wrap; 
    }
    
    .mobile-menu-btn {
        display: block; /* Hamburger ikonunu mobilde göster */
        font-size: 1.8rem;
        color: var(--taksi-sarisi);
        cursor: pointer;
    }
    
    /* Ana menüyü mobilde gizle ve JS ile açılacak hale getir */
    .main-nav { 
        display: none; 
        width: 100%;
        margin-top: 20px;
        background-color: var(--koyu-gri);
        border-radius: 8px;
        padding: 15px 0;
        box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    }
    
    .main-nav.active {
        display: block; /* JS bu class'ı ekleyince menü açılır */
    }
    
    .main-nav ul {
        flex-direction: column;
        gap: 0;
        text-align: center;
    }
    
    .main-nav ul li {
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .main-nav ul li:last-child {
        border-bottom: none;
    }
    
    .main-nav ul li a {
        display: block;
        padding: 15px 0;
        font-size: 1.1rem;
    }

    /* KAHRAMAN (HERO) ALANI DARALTMALARI */
    .hero-section {
        padding: 80px 0;
    }
    .hero-content h1 { 
        font-size: 2rem; 
    }
    .hero-content p {
        font-size: 1rem;
    }
    .hero-buttons { 
        flex-direction: column; 
        padding: 0 20px; 
    }
    .hero-buttons .btn { 
        width: 100%; 
        margin-bottom: 10px; 
    }

    /* GENEL YAZI VE BOŞLUK KÜÇÜLTMELERİ */
    .section-title h2, .page-header h1 { 
        font-size: 1.8rem; 
    }
    .content-section {
        padding: 40px 0;
    }
    .feature-card {
        padding: 30px 20px;
    }
}

/* Masaüstü Ekranlar İçin (769px ve üzeri) */
@media (min-width: 769px) {
    .mobile-menu-btn { 
        display: none; /* Masaüstünde hamburger ikonu görünmez */
    }
}