/* =====================================================================
   pc-web-banner.css — Anasayfa + Pazar Yeri inline banner reklam slotu
   Prefix: pc-inline-ad-*
   Tasarim: inline blok (fixed/overlay degil), fluid gorsel, token renkler
   ===================================================================== */

/* Mobil goruntude gizle (UA guard'a ek CSS guard — AC8) */
@media (max-width: 768px) {
    .pc-inline-ad {
        display: none;
    }
}

/* Ana wrapper */
.pc-inline-ad {
    display: block;
    position: relative;
    margin: var(--space-6) auto;
    max-width: 1200px;
    padding: 0 var(--space-4);
    box-sizing: border-box;
}

/* Kapat butonu (closable reklamlar icin) */
.pc-inline-ad-close {
    position: absolute;
    top: var(--space-2);
    right: calc(var(--space-4) + var(--space-2));
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: var(--radius-sm);
    background: var(--bg-overlay);
    color: var(--bg-canvas);
    cursor: pointer;
    line-height: 1;
    transition: background 0.15s ease;
}

.pc-inline-ad-close:hover {
    background: var(--bg-elevated);
    color: var(--color-brand);
    border: 1px solid var(--border-1);
}

/* Tıklanabilir link sarmalayıcısı */
.pc-inline-ad-link {
    display: block;
    text-decoration: none;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--border-1);
    transition: box-shadow 0.15s ease, opacity 0.15s ease;
}

.pc-inline-ad-link:hover {
    box-shadow: var(--shadow-md);
    opacity: 0.95;
}

/* Link-siz wrapper (TargetUrl yoksa) */
.pc-inline-ad-image-wrap {
    display: block;
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--border-1);
}

/* Gorsel fluid — AC7 */
.pc-inline-ad-image {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
    object-fit: cover;
}

/* Dark mode uyumu — tokenlar zaten kayar, ek override gerekmiyor */
.theme-dark .pc-inline-ad-link {
    border-color: var(--border-1);
}

.theme-dark .pc-inline-ad-image-wrap {
    border-color: var(--border-1);
}