/* ============================================================
 * Reklam yerleşim + responsive — tüm reklam alanları için
 * Render edilen HTML: <div class="pn-item pn-{alan_kodu}"><img></div>
 * ============================================================ */

/* Genel: tüm reklam görselleri responsive */
.pn-item {
    text-align: center;
    line-height: 0;
}
.pn-item img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.pn-item a { display: inline-block; line-height: 0; }

/* === 1. Tepe banner: boşluk yok, yükseklik 60px, edge-to-edge === */
.t2-tepe-reklam {
    padding: 0 !important;
    margin: 0;
    background: transparent;
    text-align: center;
}
.pn-tepe-banner { line-height: 0; }
.pn-tepe-banner img {
    width: 100%;
    height: 60px;
    object-fit: cover;
    display: block;
}

/* === 2. Header banner: sağ kenara dayalı, logoya bitişik değil === */
.t2-brand-inner .hd-promo {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.pn-header-banner {
    display: inline-block;
    margin-right: 24px;
    max-width: 420px;
}
.pn-header-banner img {
    max-height: 70px;
    width: 100%;
    height: auto;
    display: block;
}

/* === 3. Manşet altı: ortalanmış, eşit boşluk === */
.pn-manset-alti {
    margin: 24px auto;
    text-align: center;
    max-width: 100%;
    display: block;
}

/* === 4. Blok arası: yükseklik geri (90), ortalanmış, eşit boşluk üst/alt === */
.pn-blok-arasi-1,
.pn-blok-arasi-2 {
    margin: 24px auto;
    text-align: center;
    max-width: 728px;
    display: block;
}

/* === 5. Hero slider içi reklam: tüm hero blokları için slide'ı TAM doldur === */
.swiper-slide-ad,
.sa-slide-ad {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    background: #eaeaea;
}
.swiper-slide-ad > div {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    background: #eaeaea !important;
}
.swiper-slide-ad > div::before,
.swiper-slide-ad > div::after {
    display: none !important;
}
.swiper-slide-ad .pn-item,
.sa-slide-ad .pn-item {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.swiper-slide-ad .pn-item a,
.sa-slide-ad .pn-item a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 0;
}
.swiper-slide-ad .pn-item img,
.sa-slide-ad .pn-item img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
}

/* === 6. Galeri / video reklamı grid kutusuyla eşit boy (300x250) === */
.pn-galeri-arasi,
.pn-video-ustu,
.pn-video-alti {
    margin: 12px auto;
    max-width: 300px;
    display: block;
}

/* === Paragraf-içi reklam (mobile-first: default blok, masaüstünde float) === */
.paragraf-reklam-injekte {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 14px auto;
    text-align: center;
    clear: both;
    float: none;
}
.paragraf-reklam-injekte .pn-item {
    margin: 0;
    display: block;
}
.paragraf-reklam-injekte .pn-item a { display: block; }
.paragraf-reklam-injekte .pn-item img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
}
@media (min-width: 769px) {
    .paragraf-reklam-injekte {
        width: 300px;
        max-width: 45%;
        margin: 4px 0 10px 0;
    }
    .paragraf-reklam-right { float: right; margin-left: 18px; clear: none; }
    .paragraf-reklam-left  { float: left;  margin-right: 18px; clear: none; }
}

/* === 7+9. İçerik arası (makale başı) + içerik altı (kategori altı) === */
/* haberdetay/yazardetay/makaledetay üstünde tek reklam */
.detay-content + .pn-icerik-arasi,
.pn-icerik-arasi {
    margin: 20px auto;
    text-align: center;
    max-width: 728px;
}
/* İçerik altı (ilgili haberlerin altı): full width, üst boşluk yok */
.pn-icerik-alti {
    margin: 0 auto 24px;
    padding: 0;
    text-align: center;
    max-width: 100%;
    width: 100%;
}
.pn-icerik-alti img {
    width: 100%;
    max-height: 120px;
    object-fit: cover;
}

/* === Sidebar reklam === */
.pn-sidebar-top,
.pn-sidebar-bottom,
.pn-manset-yani {
    margin: 12px auto;
    text-align: center;
    max-width: 100%;
}

/* === Makale detay nd-makale-strip mobile fix === */
@media (max-width: 768px) {
    .nd-makale-strip {
        flex-direction: column !important;
        gap: 12px !important;
        align-items: stretch !important;
    }
    .nd-makale-strip-left {
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        width: 100%;
    }
    .nd-makale-strip-left .nd-makale-yazar-kart {
        flex-direction: row !important;
        align-items: center;
        gap: 10px;
        flex: 1;
        min-width: 0;
    }
    .nd-makale-strip-left .nd-makale-avatar {
        width: 56px !important;
        height: 56px !important;
        flex-shrink: 0;
    }
    .nd-makale-strip-left .nd-makale-yazar-isim {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .nd-makale-strip-right {
        padding-left: 0 !important;
        width: 100%;
    }
    .nd-makale-strip-right .nd-title,
    .nd-makale-strip-right .nd-makale-baslik {
        font-size: 1.35rem !important;
        line-height: 1.3;
        margin: 0;
    }
    .nd-makale-strip-right .nd-ms-tools {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }
    .nd-makale-strip-right .nd-ms-tools .hd-tool-btn {
        font-size: 12px;
        padding: 4px 8px;
    }
}

/* === Mobile responsive — kayma yok, taşma yok === */
/* === Yorum üstü (içerik metni sonrası reklam) — altta ekstra boşluk === */
.pn-yorum-ustu {
    margin: 16px auto 36px;
    text-align: center;
    max-width: 728px;
}

@media (max-width: 768px) {
    /* Header reklam mobilde gizlensin (logo zaten dar) */
    .hd-promo,
    .pn-header-banner { display: none !important; }

    /* Sol/Sağ kule mobilde gizlensin */
    .pn-sol-kule,
    .pn-sag-kule { display: none !important; }

    /* Tepe banner mobilde daha ince */
    .pn-tepe-banner img { height: 50px; }

    /* Manşet arası geniş, mobilde container'a sığsın */
    .pn-manset-arasi img,
    .pn-manset-alti img,
    .pn-blok-arasi-1 img,
    .pn-blok-arasi-2 img,
    .pn-icerik-arasi img,
    .pn-icerik-alti img,
    .pn-footer-banner img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* Galeri/video reklam mobilde küçülsün */
    .pn-galeri-arasi,
    .pn-video-ustu,
    .pn-video-alti { max-width: 100%; }

    /* Margin sıkıştır */
    .pn-blok-arasi-1,
    .pn-blok-arasi-2,
    .pn-manset-alti,
    .pn-icerik-arasi { margin: 16px auto; }
}

@media (max-width: 480px) {
    /* Çok küçük ekranda blok arası, manşet altı daha sıkı */
    .pn-blok-arasi-1,
    .pn-blok-arasi-2,
    .pn-manset-alti { margin: 12px auto; }
    .pn-tepe-banner img { height: 42px; }
}