/* ==========================================================================
   AdSense Reklam Yerleşimleri
   --------------------------------------------------------------------------
   Bu dosya elle yazılmıştır, Tailwind derlemesine bağlı DEĞİLDİR.
   output.css yeniden derlense bile bu dosya etkilenmez.

   KRİTİK: ins.adsbygoogle display:block olmalı ve yüklenmeden önce yer
   ayrılmalı. Aksi halde reklam geldiğinde sayfa kayar (CLS) ve görünürlük
   oranı düşer. min-height kuralları kaldırılmamalıdır.
   ========================================================================== */

/* --- 1. Kapsayıcı -------------------------------------------------------- */
.ad-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 2.5rem auto;
    clear: both;
}

ins.adsbygoogle {
    display: block !important;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

/* --- 2. "Reklam" etiketi ------------------------------------------------- */
/* Google politikası "Reklam" / "Sponsorlu" etiketine izin verir; içerikle
   karışmasını engeller ve kazara tıklamayı (geçersiz trafik) azaltır. */
.ad-label {
    display: block;
    margin: 0 0 6px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #9ca3af;
    opacity: 0.8;
}

/* --- 3. Yerleşim bazlı ölçüler ------------------------------------------ */

/* Yazı içi (In-article): okuma sütununun genişliğini kullanır */
.ad-wrap[data-ad-placement="slot_article"] ins.adsbygoogle {
    min-height: 250px;
    max-width: 100%;
}

/* Yazı sonu Multiplex */
.ad-wrap[data-ad-placement="slot_multiplex"] {
    margin: 2rem 0 0;
}

.ad-wrap[data-ad-placement="slot_multiplex"] ins.adsbygoogle {
    min-height: 300px;
}

/* Sidebar: masaüstünde sabit 300x600 (yalnızca lg ve üstü ekranlarda basılır) */
.ad-wrap[data-ad-placement="slot_sidebar"] {
    margin: 0 0 1.5rem;
}

.ad-wrap[data-ad-placement="slot_sidebar"] ins.adsbygoogle {
    width: 300px;
    height: 600px;
}

/* Liste arası / araç sayfası duyarlı birimleri */
.ad-wrap[data-ad-placement="slot_feed"] ins.adsbygoogle,
.ad-wrap[data-ad-placement="slot_tool_in"] ins.adsbygoogle {
    min-height: 250px;
    max-width: 970px;
}

/* Site geneli alt banner */
.ad-wrap[data-ad-placement="slot_horizontal"] {
    margin: 0 auto;
    padding-top: 2.5rem;
}

.ad-wrap[data-ad-placement="slot_horizontal"] ins.adsbygoogle {
    min-height: 90px;
    max-width: 970px;
}

/* --- 4. Mobil uyarlama --------------------------------------------------- */
@media (max-width: 767px) {
    .ad-wrap {
        margin: 2rem auto;
    }

    .ad-wrap[data-ad-placement="slot_feed"] ins.adsbygoogle,
    .ad-wrap[data-ad-placement="slot_tool_in"] ins.adsbygoogle {
        min-height: 280px;
    }

    .ad-wrap[data-ad-placement="slot_horizontal"] ins.adsbygoogle {
        min-height: 100px;
    }
}

/* --- 5. Yüklenme ve boş durumlar ------------------------------------------ */
.ad-wrap[data-ad-state="pending"] ins.adsbygoogle {
    background: rgba(127, 127, 127, 0.06);
    border-radius: 8px;
}

/* AdSense reklam bulamazsa data-ad-status="unfilled" verir: boş kutu
   bırakmak yerine alanı tamamen kapat. */
/* GELİŞTİRİCİ İSTEĞİ: Reklam alanları kapanmasın, yerlerini göstersin. */
ins.adsbygoogle[data-ad-status="unfilled"],
.ad-wrap:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.ad-wrap[data-ad-state="blocked"] {
    display: flex !important;
}

ins.adsbygoogle[data-ad-status="unfilled"],
.ad-wrap[data-ad-state="blocked"] ins.adsbygoogle,
.ad-wrap[data-ad-state="pending"] ins.adsbygoogle {
    background: rgba(59, 130, 246, 0.05) !important;
    border: 1px dashed rgba(59, 130, 246, 0.2) !important;
    border-radius: 8px;
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

ins.adsbygoogle[data-ad-status="unfilled"]::after,
.ad-wrap[data-ad-state="blocked"] ins.adsbygoogle::after,
.ad-wrap[data-ad-state="pending"] ins.adsbygoogle::after {
    content: "Boş Reklam Alanı";
    font-size: 14px;
    color: rgba(59, 130, 246, 0.6);
    font-weight: 600;
}

/* --- 6. Tailwind Typography (prose) ile çakışma -------------------------- */
/* Blog yazıları prose sınıfı ile sarılı; eklentinin margin/renk kuralları
   reklam kutusunu bozmasın. */
.prose .ad-wrap {
    margin: 2.5rem auto;
    max-width: 100%;
}

.prose .ad-wrap .ad-label {
    margin: 0 0 6px;
    text-align: center;
}

.prose ins.adsbygoogle {
    float: none;
    color: initial;
    font-weight: inherit;
    line-height: inherit;
}

/* --- 7. Grid içi tam satır ----------------------------------------------- */
/* Blog listesi grid'inde reklam tüm satırı kaplar, kart hizası bozulmaz. */
.ad-row {
    grid-column: 1 / -1;
}

.ad-row .ad-wrap {
    margin: 0.5rem auto;
}