/* Ad Slots */
.sa-ad-slot {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: var(--sa-gap) auto;
    position: relative;
    max-width: 100%;
}

.sa-ad-label {
    display: block;
    font-size: 9px;
    font-weight: 600;
    color: var(--sa-text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 2px;
}

/* Placeholder styling */
.sa-ad-placeholder {
    background: #FAFAFA;
    border: 1px dashed #DDD;
    color: var(--sa-text-muted);
    font-size: 13px;
}

.sa-ad-placeholder-text {
    font-weight: 600;
    color: #BBB;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Location specific */
.sa-ad-slot--header_leaderboard {
    margin: var(--sa-gap) auto;
}

.sa-ad-slot--sidebar_top,
.sa-ad-slot--sidebar_sticky {
    margin: 0 0 var(--sa-gap);
}

.sa-ad-slot--inline_1,
.sa-ad-slot--inline_2,
.sa-ad-slot--inline_3 {
    margin: var(--sa-gap-xl) auto;
}

.sa-ad-slot--footer_banner {
    margin: var(--sa-gap-lg) auto;
}

.sa-ad-slot--article_top {
    margin: 0 0 var(--sa-gap-lg);
}

.sa-ad-slot--article_mid {
    float: right;
    margin: 0 0 var(--sa-gap) var(--sa-gap);
}

.sa-ad-slot--article_bottom {
    margin: var(--sa-gap-lg) auto 0;
}

/* ===== Sticky rotating sidebar ad columns ===== */
.sa-ad-column-inner {
    position: sticky;
    top: calc(var(--sa-header-height) + var(--sa-gap));
}

.sa-ad-column-inner .sa-ad-slot {
    margin: 0 0 var(--sa-gap-lg);
}

/* Sidebar column placeholders - narrow 160px style */
.sa-ad-left .sa-ad-placeholder,
.sa-ad-right .sa-ad-placeholder {
    font-size: 10px;
}

/* Hide ad columns on screens too narrow for 3-col */
@media (max-width: 1560px) {
    .sa-ad-left {
        display: none;
    }
}

@media (max-width: 1260px) {
    .sa-ad-left,
    .sa-ad-right {
        display: none;
    }
}