/**
 * Ad Slot Component Styles
 * CLS prevention via min-height reservations.
 * Unfilled/blocked ads hidden cleanly.
 */

.ad-slot {
    text-align: center;
    overflow: hidden;
}

.ad-slot--display {
    min-height: 90px;
    margin: 1.5rem 0;
}

.ad-slot--infeed {
    min-height: 100px;
    margin: 1.5rem 0;
}

.ad-slot .adsbygoogle {
    display: block;
}

/* Hide empty ad slots when ad is unfilled (blocked or no inventory) */
.ad-slot .adsbygoogle[data-ad-status="unfilled"] {
    display: none;
}

/* Collapse container when ad is hidden */
.ad-slot:has(.adsbygoogle[data-ad-status="unfilled"]) {
    min-height: 0;
    margin: 0;
}