/**
 * Yazı İçi Reklam Stilleri
 * Blog post içindeki reklam shortcode'ları için
 */

/* Genel wrapper */
.in-content-ad {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0;
    padding: 0;
}

/* Sola yaslanmış */
.in-content-ad-left {
    float: left;
    margin: 1rem 1.5rem 1rem 0;
    max-width: 300px;
    clear: left;
}

/* Sağa yaslanmış */
.in-content-ad-right {
    float: right;
    margin: 1rem 0 1rem 1.5rem;
    max-width: 300px;
    clear: right;
}

/* Ortalanmış */
.in-content-ad-center {
    margin: 2rem auto;
    text-align: center;
    max-width: 728px;
    clear: both;
    display: block !important;
}

/* Tam genişlik */
.in-content-ad-full {
    margin: 2rem 0;
    width: 100%;
    clear: both;
    display: block !important;
}

/* Banner container - Modern Card Görünümü */
.in-content-ad .ad-container {
    background: transparent; /* Arkaplan yok */
    border: none; /* Kenarlık yok */
    border-radius: 12px;
    padding: 0;
    transition: all 0.3s ease;
    display: block !important;
    visibility: visible !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 
                0 4px 16px rgba(0, 0, 0, 0.06); /* Hafif gölge */
    overflow: hidden;
}

.in-content-ad .ad-container:hover {
    transform: translateY(-2px); /* Hafif yukarı kalk */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 
                0 8px 32px rgba(0, 0, 0, 0.08); /* Daha belirgin gölge */
}

/* Başlıklar ile reklamlar arasına boşluk */
h2 + .in-content-ad,
h3 + .in-content-ad,
h4 + .in-content-ad {
    margin-top: 1.5rem;
}

.in-content-ad + h2,
.in-content-ad + h3,
.in-content-ad + h4 {
    margin-top: 2rem;
    clear: both;
}

/* Banner içindeki resim */
.in-content-ad .ad-banner img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 12px; /* Container ile aynı radius */
}

/* Banner link */
.in-content-ad .ad-banner a {
    display: block;
    text-decoration: none;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .in-content-ad-left,
    .in-content-ad-right {
        float: none !important;
        margin: 1.5rem auto !important;
        max-width: 100% !important;
    }
    
    .in-content-ad-center,
    .in-content-ad-full {
        max-width: 100% !important;
    }
    
    .in-content-ad .ad-container {
        text-align: center;
    }
}

/* Float temizleme - tüm ekranlar */
.post-content::after,
.in-content-ad::after {
    content: "";
    display: table;
    clear: both;
}

/* Küçük ekranlar için float temizleme */
@media (max-width: 576px) {
    .post-content {
        clear: both;
    }
}

/* Dark mode desteği (opsiyonel) */
@media (prefers-color-scheme: dark) {
    .in-content-ad .ad-container {
        background: transparent;
        box-shadow: 0 2px 8px rgba(255, 255, 255, 0.08), 
                    0 4px 16px rgba(255, 255, 255, 0.06);
    }
    
    .in-content-ad .ad-container:hover {
        box-shadow: 0 4px 16px rgba(255, 255, 255, 0.12), 
                    0 8px 32px rgba(255, 255, 255, 0.08);
    }
}