/* ==============================================
   ADS: Placement styles + CLS prevention
   ============================================== */

.ad-wrapper {
    min-height: 280px; /* Reserve space before ad loads — prevents CLS */
    margin: var(--space-8) 0;
    background: var(--color-bg-subtle);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ad-wrapper:empty {
    display: none;
}

/* Sidebar ad */
.ad-sidebar {
    min-height: 260px;
    margin-bottom: var(--space-6);
}

/* Mobile: smaller min-height */
@media (max-width: 767px) {
    .ad-wrapper {
        min-height: 100px;
    }
}