/* ==========================================================================
   Responsive CSS — Breakpoints up to 1024px
   ========================================================================== */

/* ── 1024px Ekranlar (Laptop/Tablet Landscape) ── */
@media screen and (max-width: 1024px) {
    /* Header */
    .header__inner {
        padding: 0 var(--space-sm);
    }
    .header__nav {
        display: none; /* Desktop menu gizle */
    }
    .header__buttons .btn {
        display: none; /* CTA gizle */
    }
    .hamburger {
        display: flex; /* Hamburger göster */
    }

    /* Footer */
    .footer-columns {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-2xl);
    }

    /* Sidebar/Social */
    .social-sidebar {
        display: none; /* Mobilde gizle */
    }

    /* Homepage Sections */
    .hero-section .container,
    .blog-section__inner {
        grid-template-columns: 1fr;
    }

    .hero-content {
        margin: 0 auto;
        text-align: center;
    }

    .hero-content__typing {
        min-height: auto;
    }

    .info-cards-grid,
    .news-grid__items,
    .feature-panels__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .stats-floating-box {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-3xl);
    }

    .newsletter-section__inner {
        flex-direction: column;
        text-align: center;
    }
}

/* ── 768px Ekranlar (Tablet Portrait/Mobil Büyük) ── */
@media screen and (max-width: 768px) {
    :root {
        --h1-size: 36px;
        --h2-size: 28px;
        --h3-size: 22px;
        --space-5xl: 60px;
        --space-4xl: 48px;
    }

    .info-cards-grid,
    .news-grid__items,
    .feature-panels__grid,
    .blog-cards {
        grid-template-columns: 1fr;
    }

    .info-card, .news-card, .blog-card {
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }

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

    .footer-bottom__inner {
        flex-direction: column;
        text-align: center;
        gap: var(--space-md);
    }

    .stats-floating-box {
        grid-template-columns: 1fr;
        gap: var(--space-2xl);
    }

    .cookie-consent__inner {
        flex-direction: column;
        text-align: center;
    }
    
    .single-post__meta {
        flex-direction: column;
        gap: var(--space-xs);
    }

    .cta-section__inner {
        flex-direction: column;
        text-align: center;
        padding: var(--space-2xl) 0;
    }
}

/* ── 480px Ekranlar (Mobil Küçük) ── */
@media screen and (max-width: 480px) {
    :root {
        --h1-size: 32px;
    }
    
    .header__logo span {
        display: none; /* "SolarBaba" yazısını gizle sadece logo kalsın vs. */
    }
    
    .btn {
        width: 100%;
        text-align: center;
    }

    .search-overlay__form {
        flex-direction: column;
        gap: var(--space-md);
    }

    .search-overlay__submit {
        position: relative;
        right: auto;
        width: 100%;
        border-radius: var(--radius-pill);
    }
}