/* ==========================================
   GenZClass AdSense & Ad Container Styles
   ========================================== */

/* While waiting for AdSense approval or when unfilled, collapse ad slots smoothly so no blank boxes appear */
.genz-ad-slot:empty,
.genz-ad-slot[data-ad-status="unfilled"],
.genz-sponsor-card:empty,
#genzAdblockToast {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Active Ad Container styling (used when AdSense populates live ads) */
.genz-ad-slot {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 16px auto;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    contain: layout paint;
}

.genz-ad-slot ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-decoration: none !important;
}

/* Responsive ad container heights */
.genz-ad-slot[data-format="auto"] {
    min-height: 100px;
    height: auto;
}

.genz-ad-slot[data-format="rectangle"] {
    min-height: 250px;
    max-width: 300px;
}

.genz-ad-slot[data-format="horizontal"] {
    min-height: 90px;
    max-width: 728px;
}

.genz-ad-slot[data-format="mobile"] {
    min-height: 50px;
    max-width: 320px;
}

@media (max-width: 768px) {
    .genz-ad-slot {
        margin: 12px auto;
    }
}