/* AdSense-prep: reserveert advertentieruimte zodat layout-shift (CLS) minimaal blijft
   wanneer AdSense later wordt geactiveerd. Voorlopig gevuld met lichte placeholder. */

.ad-slot {
    display: block;
    margin: 28px auto;
    background: #FFFDE7;
    border: 1px dashed #E0CBA8;
    border-radius: 8px;
    text-align: center;
    color: #8D6E63;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 8px;
    line-height: 1.4;
    overflow: hidden;
}
.ad-slot::after {
    content: "advertentie";
    display: block;
    color: #C9B791;
}

/* Standaard formaten */
.ad-slot--leaderboard {
    max-width: 728px;
    min-height: 90px;
}
.ad-slot--rectangle {
    max-width: 336px;
    min-height: 280px;
}
.ad-slot--mobile-banner {
    max-width: 320px;
    min-height: 50px;
}
.ad-slot--in-article {
    max-width: 100%;
    min-height: 120px;
}

@media (min-width: 768px) {
    .ad-slot--responsive {
        min-height: 250px;
    }
}

/* Verberg zolang AdSense niet actief is (toggle via .ads-enabled op body) */
body:not(.ads-enabled) .ad-slot {
    display: none;
}