/* =========================================
   STYLE ADS OPTIMIZATION (CLEAN & RESPONSIVE)
   ========================================= */

/* 1. Container Utama Iklan (Konten Dalam) */
.iportal-ad-box {
    margin: 35px auto;
    max-width: 100%;
    clear: both;
}

/* 2. Style Kotak Abu-abu (Placeholder) */
.iportal-ad-placeholder {
    background-color: #e0e0e0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0px;
}

/* Ukuran Artikel */
.iportal-ad-placeholder.article-size {
    height: 250px;
    max-width: 600px;
    margin: 0 auto;
}

/* Ukuran Floating */
.iportal-ad-placeholder.floating-size {
    height: 90px;
    max-width: 728px;
    margin: 0 auto;
}

/* Teks "AD" */
.ad-label {
    color: #9e9e9e;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* =========================================
   STYLE FLOATING ADS (FIXED & RESPONSIVE)
   ========================================= */

/* 1. CONTAINER PEMBUNGKUS (LAYAR PENUH) */
.iportal-floating-ad-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    
    /* Container Utama Transparan (Tidak ada kotak putih) */
    background: transparent !important;
    box-shadow: none !important;
    padding: 0;
    border: none;

    /* Posisi: Flexbox untuk menaruh Tombol di atas Iklan */
    display: flex;
    flex-direction: column;
    align-items: center; /* Iklan rata tengah */

    /* Agar area kosong di kiri-kanan bisa diklik (tembus pandang) */
    pointer-events: none; 
    
    animation: slideUpAd 0.5s ease-out;
}

/* 2. TOMBOL TUTUP */
.close-float-ad {
    /* Kosmetik Tombol */
    background: #d32f2f; /* Merah */
    color: #fff;
    border: none;
    padding: 4px 20px;
    border-radius: 6px 6px 0 0; /* Lengkung atas */
    font-size: 11px;
    font-weight: bold;
    font-family: sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    
    /* Posisi: Nempel ke iklan tanpa jarak */
    margin-bottom: 0; 
    
    /* Agar tombol bisa diklik */
    pointer-events: auto; 
}

/* 3. AREA IKLAN (INI YANG MEMPERBAIKI MASALAH 'GEPENG') */
.iportal-floating-ad-container .iportal-ad-box {
    /* DESKTOP: Kunci lebar ke 728px (Standar Leaderboard) */
    width: 728px !important;
    min-height: 90px; /* Pastikan ada tinggi minimal biar tidak hilang */
    
    margin: 0 auto;
    padding: 0;
    
    /* Background Area Iklan (Boleh transparent atau abu-abu placeholder) */
    background: transparent; 
    
    /* Agar iklan bisa diklik */
    pointer-events: auto; 
    
    /* Pastikan konten di dalamnya (gambar/script) rata tengah */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 4. RESPONSIF MOBILE (HP) */
@media (max-width: 768px) {
    /* Di HP, paksa lebar kembali jadi 100% (Full Width) */
    .iportal-floating-ad-container .iportal-ad-box {
        width: 100% !important;
        max-width: 100% !important;
        background: #f0f0f0; /* Opsional: Warna background di HP biar rapi */
    }
}

/* Animasi Slide Naik */
@keyframes slideUpAd {
    from { bottom: -100px; }
    to { bottom: 0; }
}