/* ============================================================
   Han Sofrası Catering — Responsive Stil Kuralları
   Mobil (<768px), Tablet (768px–1024px), Masaüstü (>1024px)
   ============================================================ */

/* --- 1. MASAÜSTÜ & GENİŞ EKRANLAR (1024px ve üzeri) --- */
@media (min-width: 1024px) {
    .hamburger {
        display: none !important;
    }
    .mobile-drawer {
        display: none !important;
    }
    .mobile-sticky-bar {
        display: none !important;
    }
}

/* --- 2. TABLET VE KÜÇÜK MASAÜSTÜ (768px – 1023px) --- */
@media (max-width: 1023px) {
    .main-nav {
        display: none; /* Masaüstü menüyü gizle, hamburger kullan */
    }

    .hamburger {
        display: flex;
    }

    .header__inner {
        height: 70px;
    }

    .topbar__text--hide-mobile {
        display: none;
    }

    .hero__inner {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footer-top__grid {
        grid-template-columns: 1fr 1fr;
        gap: 36px;
    }

    .footer-col--brand {
        grid-column: span 2;
    }

    .cta__inner {
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }
    .cta__actions {
        justify-content: center;
    }
}

/* --- 3. MOBİL CİHAZLAR (767px ve altı) --- */
@media (max-width: 767px) {
    /* Mobil alt çubuğun içeriği kapatmaması için body alt boşluğu */
    body {
        padding-bottom: 64px;
    }

    .mobile-sticky-bar {
        display: flex;
    }

    .header__phone-btn {
        display: none; /* Mobilde header'da yer kazanmak için gizlenip hamburger ve alt bar kullanılır */
    }

    .header__cta {
        display: none;
    }

    .topbar__left .topbar__text,
    .topbar__sep {
        display: none;
    }

    .topbar__inner {
        justify-content: space-between;
    }

    .hero {
        padding: 44px 0;
    }

    .hero__actions {
        flex-direction: column;
        width: 100%;
    }
    .hero__actions .btn {
        width: 100%;
    }

    .hero__stats {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .hero__stat-item:nth-child(3) {
        grid-column: span 2;
        text-align: center;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .regions-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .contact-hub {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .contact-map-iframe {
        height: 320px;
    }

    .cta-inline {
        flex-direction: column;
        text-align: center;
    }
    .cta-inline__btns {
        width: 100%;
        flex-direction: column;
    }
    .cta-inline__btns .btn {
        width: 100%;
    }

    .footer-top__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .footer-col--brand {
        grid-column: span 1;
    }

    .footer-bottom__inner {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
}

/* --- 4. ÇOK KÜÇÜK MOBİL EKRANLAR (400px ve altı) --- */
@media (max-width: 400px) {
    .header__logo-title {
        font-size: 1.15rem;
    }
    .header__logo-sub {
        font-size: 0.58rem;
    }

    .regions-grid {
        grid-template-columns: 1fr;
    }

    .hero__stats {
        grid-template-columns: 1fr;
    }
    .hero__stat-item:nth-child(3) {
        grid-column: span 1;
        text-align: left;
    }
}