/**
 * Gelişmiş Reklam Yönetimi - Frontend Stilleri
 */

/* Genel reklam alanı stilleri */
.greklam-zone {
    margin: 20px 0;
    padding: 10px;
    text-align: center;
    clear: both;
    overflow: hidden;
    transition: opacity 0.3s ease;
}

/* İçerik reklamları */
.greklam-zone-icerik_baslangici {
    margin-bottom: 25px;
}

.greklam-zone-icerik_ortasi {
    margin: 30px 0;
}

.greklam-zone-icerik_sonu {
    margin-top: 25px;
}

/* Sidebar reklamları */
.greklam-zone-sidebar_ust,
.greklam-zone-sidebar_alt {
    margin: 15px 0;
}

/* Yorum reklamları */
.greklam-zone-yorumlar_ustu {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.greklam-zone-yorumlar_alti {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

/* Header ve Footer reklamları */
.greklam-zone-header_alti {
    margin: 15px 0;
    padding: 15px 0;
    background: #f9f9f9;
}

.greklam-zone-footer_ustu {
    margin: 15px 0;
    padding: 15px 0;
    background: #f9f9f9;
}

/* Mobil özel alan */
.greklam-zone-mobil_ozel {
    display: none;
}

/* Mobil görünüm */
@media screen and (max-width: 768px) {
    .greklam-zone {
        margin: 15px 0;
        padding: 8px;
    }
    
    .greklam-zone-mobil_ozel {
        display: block;
    }
    
    /* Mobilde daha küçük margin */
    .greklam-zone-icerik_baslangici,
    .greklam-zone-icerik_ortasi,
    .greklam-zone-icerik_sonu {
        margin: 15px 0;
    }
}

/* Gizlenme animasyonu */
.greklam-zone.greklam-hiding {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

/* Responsive iframe'ler için */
.greklam-zone iframe {
    max-width: 100%;
}

/* Admin bar varken ayarlama */
body.admin-bar .greklam-zone-header_alti {
    margin-top: calc(32px + 15px);
}

@media screen and (max-width: 782px) {
    body.admin-bar .greklam-zone-header_alti {
        margin-top: calc(46px + 15px);
    }
}