/* ========== RESPONSIVE ========== */

@media (max-width: 1400px) { .ad-left_float, .ad-right_float { display: none !important; } }

@media (max-width: 1024px) {
    .manset-layout { grid-template-columns: 1fr; }
    .manset-right { display: none; }
    .gundem-mid-cards { grid-template-columns: repeat(3, 1fr); }
    .ekonomi-bottom { grid-template-columns: repeat(3, 1fr); }
    .spor-small-row { grid-template-columns: repeat(2, 1fr); }
    .magazin-grid { grid-template-columns: repeat(3, 1fr); }
    .saglik-bottom { grid-template-columns: repeat(3, 1fr); }
    .teknoloji-layout { grid-template-columns: 1fr; }
    .video-layout { grid-template-columns: 1fr; }
    .video-main { height: 260px; }
    .tumhaber-grid { grid-template-columns: repeat(3, 1fr); }
    .single-wrapper { grid-template-columns: 1fr; }
    .single-sidebar { position: static; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .related-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
    .nav-center { display: none; }
    .nav-social { display: none; }
    .mobile-menu-btn { display: flex !important; }

    .gundem-top { grid-template-columns: 1fr; }
    .gundem-mid-cards { grid-template-columns: repeat(2, 1fr); }
    .ekonomi-top { grid-template-columns: 1fr; }
    .ekonomi-bottom { grid-template-columns: repeat(2, 1fr); }
    .spor-big-row { grid-template-columns: 1fr; }
    .politika-grid { grid-template-columns: 1fr; }
    .magazin-grid { grid-template-columns: repeat(2, 1fr); }
    .saglik-top { grid-template-columns: 1fr; }
    .saglik-bottom { grid-template-columns: repeat(2, 1fr); }
    .tumhaber-grid { grid-template-columns: repeat(2, 1fr); }
    .related-grid { grid-template-columns: repeat(2, 1fr); }

    .numbered-slider { height: 300px; }
    .slide-title { font-size: 18px !important; }
    .slide-subtitle { font-size: 12px !important; }
    .numbered-nav-item { min-width: 36px; padding: 8px 4px; font-size: 12px; }

    .article-title { font-size: 20px; }
    .single-sidebar { grid-template-columns: 1fr; }
    .reactions-row { gap: 5px; }
    .reaction-btn { min-width: 50px; padding: 8px 10px; }

    .footer-grid { grid-template-columns: 1fr 1fr !important; gap: 20px; }

    /* Mobil: PWA bar */
    .pwa-bottom-bar { display: flex !important; }
    body { padding-bottom: 60px; }
}

/* ===== Mobil Genel Düzeltmeler ===== */
@media (max-width: 768px) {
    /* Arama popup mobil */
    .search-popup { width: 95%; max-width: 95%; border-radius: 12px; }
    .search-popup-input { font-size: 14px; padding: 12px 14px; }
    .search-popup-btn { padding: 12px 16px; font-size: 13px; }

    /* Hesap sayfası mobil */
    .account-grid { grid-template-columns: 1fr !important; }
    .account-sidebar { margin-bottom: 16px; }
    .auth-card { padding: 24px 16px; margin: 0 10px; }

    /* Kategori sayfası mobil */
    .category-header { padding: 18px 0; }
    .category-header h1 { font-size: 20px; }
    .cat-hero { grid-template-columns: 1fr !important; }
    .cat-news-grid { grid-template-columns: 1fr !important; gap: 12px; }
    .cat-news-card .card-img { height: 180px; }

    /* İletişim mobil */
    .contact-grid { grid-template-columns: 1fr !important; }

    /* Anket mobil */
    .poll-card-h { flex-direction: column; }
    .poll-card-img { width: 100%; height: 180px; }
    .poll-card-content { padding: 16px; }
}

/* ===== Mobil Haber Detay: Instagram Hikaye/Post Görünümü ===== */
@media (max-width: 768px) {
    .single-content .article-hero { position: relative; margin: 0 -10px; border-radius: 0; }
    .single-content .article-featured-img { border-radius: 0; width: calc(100% + 20px); margin-left: -10px; }
    .single-content .article-header { padding: 0; }
    .single-content .article-title { font-size: 20px; line-height: 1.3; }
    .single-content .article-spot { font-size: 14px; }

    /* Instagram post tarzı - görsel + üzerinde başlık */
    .single-content .article-hero::after {
        content: '';
        position: absolute; bottom: 0; left: 0; right: 0; height: 60%;
        background: linear-gradient(transparent, rgba(0,0,0,0.7));
        pointer-events: none;
    }
    .single-content .article-hero-spot {
        position: absolute; bottom: 0; left: 0; right: 0;
        padding: 16px; z-index: 2;
        color: #fff; font-size: 13px; line-height: 1.5;
    }

    /* Paylaşım butonları - alt kısımda sabit */
    .single-content .share-buttons {
        position: sticky; bottom: 60px; z-index: 50;
        background: #fff; padding: 8px 10px; margin: 0 -10px;
        border-top: 1px solid #eee;
        box-shadow: 0 -2px 8px rgba(0,0,0,0.05);
    }

    /* Emoji tepkiler mobilde */
    .reactions-row { justify-content: center; }
    .reaction-btn { flex: 1; min-width: 0; }
}

@media (max-width: 480px) {
    .container { padding: 0 10px; }
    .gundem-mid-cards { grid-template-columns: 1fr; }
    .ekonomi-bottom { grid-template-columns: 1fr; }
    .spor-small-row { grid-template-columns: 1fr; }
    .magazin-grid { grid-template-columns: 1fr; }
    .saglik-bottom { grid-template-columns: 1fr; }
    .tumhaber-grid { grid-template-columns: 1fr; }
    .related-grid { grid-template-columns: 1fr 1fr; }

    .numbered-slider { height: 240px; }
    .slide-text-overlay { padding: 16px 18px !important; }
    .slide-title { font-size: 16px !important; }

    .article-title { font-size: 18px; }
    .article-content { font-size: 14px; }
    .footer-grid { grid-template-columns: 1fr !important; }

    .reaction-btn { min-width: 44px; padding: 6px 8px; }
    .reaction-label { display: none; }
}

/* PWA Standalone */
@media (display-mode: standalone) {
    .pwa-bottom-bar { display: flex !important; }
    body { padding-bottom: 60px; }
    .main-nav { padding-top: env(safe-area-inset-top, 0); }
    .pwa-bottom-bar { padding-bottom: env(safe-area-inset-bottom, 0); }
}

/* PWA Bottom Bar */
.pwa-bottom-bar {
    display: none; position: fixed; bottom: 0; left: 0; right: 0;
    background: #fff; border-top: 1px solid #eee; padding: 4px 0;
    z-index: 9999; justify-content: space-around;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.06);
}
.pwa-bottom-bar a {
    display: flex; flex-direction: column; align-items: center;
    font-size: 9px; color: #888; gap: 2px; text-decoration: none;
    padding: 6px 10px; border-radius: 8px;
}
.pwa-bottom-bar a i { font-size: 18px; }
.pwa-bottom-bar a.active { color: var(--primary); }