/* ================================================================
   Haberdijital — Duyarlı Tasarım
   Breakpoints: 1200 / 992 / 768 / 576 / 480
   ================================================================ */

/* ----------------------------------------------------------------
 * 1200px — Geniş tablet / küçük masaüstü
 * -------------------------------------------------------------- */
@media (max-width: 1200px) {
    .hd-container { max-width: 960px; }
    .hd-main-layout { grid-template-columns: 1fr 280px; gap: 16px; }
    .hd-posts-grid { grid-template-columns: repeat(3, 1fr); }
    .hd-footer-widget-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .hd-weather-forecast { grid-template-columns: repeat(5, 1fr); gap: 8px; }
    .hd-prayer-grid { grid-template-columns: repeat(4, 1fr); }
    .hd-authors-grid { grid-template-columns: repeat(3, 1fr); }
    .hd-horoscope-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ----------------------------------------------------------------
 * 992px — Tablet
 * -------------------------------------------------------------- */
@media (max-width: 992px) {
    :root { --hd-container: 100%; }

    /* Header */
    .hd-masthead-inner { flex-direction: column; text-align: center; gap: 10px; }
    .hd-header-ad { max-width: 100%; }

    /* Navbar */
    .hd-hamburger { display: flex; }
    .hd-nav-menu { display: none; }
    .hd-navbar-inner { padding: 0 16px; }

    /* Layout */
    .hd-main-layout { grid-template-columns: 1fr; }
    .hd-sidebar { position: static; }

    /* Anasayfa */
    .hd-homepage-layout { grid-template-columns: 1fr; }
    .hd-homepage-layout .hd-sidebar { display: none; }
    .hd-featured-grid { grid-template-columns: 1fr; }
    .hd-featured-side { grid-template-rows: none; grid-template-columns: repeat(2, 1fr); }
    .hd-cat-grid { grid-template-columns: 1fr; }
    .hd-cat-grid-featured { grid-row: auto; }

    /* Homepage */
    .hd-featured-side { flex-direction: row; flex-wrap: wrap; gap: 12px; }
    .hd-featured-side .hd-card { flex: 1 1 calc(50% - 6px); }
    .hd-posts-grid { grid-template-columns: repeat(2, 1fr); }

    /* Footer */
    .hd-footer-widget-grid { grid-template-columns: repeat(2, 1fr); }
    .hd-footer-bottom-inner { flex-direction: column; align-items: flex-start; gap: 8px; }

    /* Hava durumu */
    .hd-weather-forecast { grid-template-columns: repeat(3, 1fr); }
    .hd-prayer-grid { grid-template-columns: repeat(4, 1fr); }

    /* Authors */
    .hd-authors-grid { grid-template-columns: repeat(2, 1fr); }
    .hd-horoscope-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ----------------------------------------------------------------
 * 992px — Slider yan panel daralt
 * -------------------------------------------------------------- */
@media (max-width: 992px) {
    .hd-slider-layout { grid-template-columns: 1fr 200px; height: 320px; }
    .hd-slider-main-wrap { height: 320px; }
    .hd-main-slider .swiper-slide, .hd-slider-slide { height: 320px; }
    .hd-side-thumb-title { font-size: 11px; }
    .hd-slider-side-panel { height: 320px; }
}

/* ----------------------------------------------------------------
 * 768px — Küçük tablet / büyük telefon
 * -------------------------------------------------------------- */
@media (max-width: 768px) {
    /* Slider — tek sütun, yan panel gizle */
    .hd-slider-layout { grid-template-columns: 1fr; height: 280px; }
    .hd-slider-side-panel { display: none; }
    .hd-slider-main-wrap { height: 280px; }

    /* Slider */
    .hd-main-slider .swiper-slide, .hd-slider-slide { height: 280px; }
    .hd-slider-body { padding: 20px; }
    .hd-slider-title { font-size: 18px; }

    /* Grid */
    .hd-posts-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .hd-grid-4 { grid-template-columns: repeat(2, 1fr); }

    /* Featured */
    .hd-featured-side .hd-card { flex: 1 1 100%; }

    /* Single */
    .hd-single-article { padding: 16px; }
    .hd-single-title { font-size: 22px; }
    .hd-content-body { font-size: 17px; }
    .hd-author-box { flex-direction: column; }

    /* Footer */
    .hd-footer-widget-grid { grid-template-columns: 1fr; }
    .hd-footer-widgets { padding: 32px 0 20px; }

    /* Sayfalar */
    .hd-weather-forecast { grid-template-columns: repeat(2, 1fr); }
    .hd-prayer-grid { grid-template-columns: repeat(3, 1fr); }
    .hd-horoscope-grid { grid-template-columns: repeat(3, 1fr); }
    .hd-authors-grid { grid-template-columns: repeat(2, 1fr); }

    /* Floating share — tablet'te gizle */
    .hd-floating-share { display: none; }

    /* Currency tablo */
    .hd-currency-table, .hd-prayer-table { font-size: 13px; }
    .hd-currency-table th, .hd-prayer-table th,
    .hd-currency-table td, .hd-prayer-table td { padding: 8px 10px; }
}

/* ----------------------------------------------------------------
 * 576px — Telefon
 * -------------------------------------------------------------- */
@media (max-width: 576px) {
    /* Topbar */
    .hd-top-bar { padding: 4px 0; }
    .hd-currency-item .hd-currency-code { display: none; }
    .hd-user-actions .hd-btn-register { display: none; }

    /* Header */
    .hd-site-branding a.hd-site-name { font-size: 22px; }

    /* Slider */
    .hd-slider-slide { height: 240px; }
    .hd-slider-title { font-size: 16px; }
    .hd-slider-meta { display: none; }

    /* Grid — tek sütun */
    .hd-posts-grid { grid-template-columns: 1fr; }
    .hd-grid-4 { grid-template-columns: 1fr; }
    .hd-grid-2 { grid-template-columns: 1fr; }
    .hd-featured-grid { grid-template-columns: 1fr; }
    .hd-cat-extra-grid { grid-template-columns: 1fr; }

    /* Card liste */
    .hd-card-list .hd-card-img-wrap { width: 90px; }

    /* Son dakika bandı */
    .hd-breaking-label span:last-child { display: none; }

    /* Single */
    .hd-single-article { padding: 12px; }
    .hd-single-title { font-size: 20px; }
    .hd-content-body { font-size: 16px; }
    .hd-content-body blockquote { font-size: 16px; }

    /* Sosyal butonlar */
    .hd-share-btn span { display: none; }
    .hd-share-btn { padding: 7px 10px; }

    /* Hava */
    .hd-weather-forecast { grid-template-columns: repeat(2, 1fr); }
    .hd-prayer-grid { grid-template-columns: repeat(2, 1fr); }
    .hd-horoscope-grid { grid-template-columns: repeat(3, 1fr); }
    .hd-authors-grid { grid-template-columns: 1fr; }

    /* Sayfalama */
    .hd-pagination .page-numbers li:not(.current):not(.prev):not(.next) { display: none; }

    /* Mobil Bottom Nav */
    .hd-mobile-bottom-nav {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        background: #fff;
        border-top: 1px solid #dee2e6;
        padding: 6px 0;
        padding-bottom: calc(6px + env(safe-area-inset-bottom));
    }
    .hd-bottom-nav-list {
        display: flex;
        justify-content: space-around;
        width: 100%;
        list-style: none;
    }
    .hd-bottom-nav-list a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
        font-size: 10px;
        color: #6c757d;
        padding: 4px 12px;
    }
    .hd-bottom-nav-list a svg { width: 22px; height: 22px; }
    .hd-bottom-nav-list a.active { color: var(--hd-primary); }

    /* Mobil bottom nav için sayfa padding */
    body { padding-bottom: 60px; }

    /* Footer */
    .hd-footer-ad-bar { display: none; }
    .hd-bottom-ticker { display: none; }

    /* Galeri */
    .hd-gallery-thumb img { width: 56px; height: 42px; }
}

/* ----------------------------------------------------------------
 * 480px — Küçük telefon
 * -------------------------------------------------------------- */
@media (max-width: 480px) {
    .hd-slider-slide { height: 200px; }
    .hd-slider-body { padding: 12px; }
    .hd-slider-title { font-size: 14px; }
    .hd-slider-cat { display: none; }

    .hd-horoscope-grid { grid-template-columns: repeat(2, 1fr); }
    .hd-prayer-grid { grid-template-columns: repeat(2, 1fr); }

    .hd-weather-forecast { grid-template-columns: 1fr 1fr; }

    .hd-single-title { font-size: 18px; }
    .hd-content-body { font-size: 15px; }

    .hd-page-title { font-size: 20px; }

    .hd-404-code { font-size: 80px; }
    .hd-404-title { font-size: 22px; }
}

/* ----------------------------------------------------------------
 * Yeni Footer Responsive
 * -------------------------------------------------------------- */
@media (max-width: 1200px) {
    .hd-footer-grid { grid-template-columns: 1.2fr 1fr 1fr; gap: 24px; }
    .hd-footer-grid > .hd-footer-widget-col:last-child { grid-column: 1 / -1; }
    .hd-cat-compact-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 992px) {
    .hd-footer-grid { grid-template-columns: 1fr 1fr; }
    .hd-footer-brand-col { grid-column: 1 / -1; flex-direction: row; align-items: flex-start; flex-wrap: wrap; }
    .hd-footer-tagline { max-width: 340px; }
    .hd-footer-nl-inner { flex-direction: column; gap: 12px; align-items: stretch; }
    .hd-footer-nl-form { max-width: 400px; }
    .hd-cat-featured-layout { grid-template-columns: 1fr; }
    .hd-cat-featured-side { flex-direction: row; flex-wrap: wrap; }
    .hd-cat-featured-side .hd-cat-side-item { flex: 1 1 calc(50% - 1px); }
    .hd-cat-compact-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .hd-footer-grid { grid-template-columns: 1fr; gap: 20px; }
    .hd-footer-brand-col { grid-column: auto; }
    .hd-footer-nl-form input { width: 100%; }
    .hd-cat-compact-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .hd-sb-social-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 576px) {
    .hd-footer-nl-form { flex-direction: column; border-radius: 0; }
    .hd-footer-nl-form input { width: 100%; border-radius: 4px 4px 0 0; }
    .hd-footer-nl-form button { border-radius: 0 0 4px 4px; }
    .hd-cat-compact-grid { grid-template-columns: repeat(2, 1fr); }
    .hd-sb-social-grid { grid-template-columns: 1fr 1fr; }
    .hd-cat-featured-layout { grid-template-columns: 1fr; }
    .hd-cat-featured-side .hd-cat-side-item { flex: 1 1 100%; }
}

/* ----------------------------------------------------------------
 * Print
 * -------------------------------------------------------------- */
@media print {
    .hd-top-bar, .hd-navbar, .hd-breaking-bar,
    .hd-sidebar, .hd-footer-widgets, .hd-footer-bottom,
    .hd-mobile-bottom-nav, .hd-floating-share,
    .hd-social-share, .hd-post-reaction, .hd-related-posts,
    .hd-comments-wrap, .hd-ads, [class*="hd-reklam"],
    .hd-scroll-top { display: none !important; }

    .hd-main-layout { display: block; }
    .hd-single-article { box-shadow: none; padding: 0; }
    .hd-content-body { font-size: 14pt; line-height: 1.6; }
    a::after { content: " (" attr(href) ")"; font-size: 10pt; }
}