/**
 * Seznam Ads Styles
 *
 * Controls visibility of Seznam ad containers based on:
 * - Body class: .non-seznam-traffic (default) vs .seznam-traffic (Seznam visitors)
 * - Screen size: .desktop-only-ad vs .mobile-only-ad
 * - Pre-reserves space for ads to prevent CLS (Cumulative Layout Shift)
 */

/* ========== Hide ads for non-Seznam visitors ========== */

.non-seznam-traffic .seznam-ad,
.non-seznam-traffic [id^="ssp-zone-"],
.non-seznam-traffic .seznam-content {
    display: none !important;
}

/* ========== Show/hide based on Seznam-specific content ========== */

body:not(.non-seznam-traffic) .seznam-hidden {
    display: none;
}

body:not(.non-seznam-traffic) .denikalarmalarm-top-ad-rotation>br {
    display: none !important;
}

body:not(.non-seznam-traffic) .denikalarmpred-footerem.seznam-content {
    margin-top: 22px;
}

body:not(.non-seznam-traffic) .denikalarmalarm-top-ad-rotation .top-ad {
    padding-bottom: 22px;
}

/* ========== Ad container base styles ========== */

.seznam-ad {
    margin: auto;
    box-sizing: border-box;
}

/* Center ads within single posts */
.single .seznam-ad,
.single [id^="ssp-zone-"] {
    max-width: 36rem;
}




/* .seznam-ad .sssp-resizeCont {
    position: relative !important;
} */

/* Archive pagination spacing */
#paginate+[class*="archive-categories-footer"] {
    margin-top: 1rem;
}

/* ========== CLS Prevention - Pre-reserve space ========== */

/* Desktop leaderboard (970x210) */
.seznam-ad.seznam-leaderboard {
    min-height: 210px;
    max-width: 970px;
}

/* Desktop/mobile footer rectangle (970x310 desktop, variable mobile) */
.seznam-ad.seznam-footer-ad {
    max-width: 970px;
}

.seznam-ad.seznam-footer-ad.desktop-only-ad {
    min-height: 310px;
}

.seznam-ad.seznam-footer-ad.mobile-only-ad {
    min-height: 0;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: min(480px, calc(100vw-1rem));
}

/* Desktop in-content ad (480x300) */
.seznam-ad.desktop-only-ad:not(.seznam-leaderboard):not(.seznam-footer-ad) {
    min-height: 300px;
    max-width: 480px;
}

/* Mobile ads (480x480 - square aspect ratio) */
.seznam-ad.mobile-only-ad:not(.seznam-footer-ad) {
    min-height: 0;
    aspect-ratio: 1 / 1;
    width: 100%;
    max-width: min(480px, calc(100vw-1rem));
}

/* Native/flexible ads (111x111 - expand based on content) */
.seznam-ad[data-h="111"] {
    min-height: 0;
    aspect-ratio: auto;
}

/* ========== Responsive visibility ========== */

/* Hide desktop ads on mobile */
@media (max-width: 768px) {
    .seznam-ad.desktop-only-ad {
        display: none !important;
    }
}

/* Hide mobile ads on desktop */
@media (min-width: 769px) {
    .seznam-ad.mobile-only-ad {
        display: none !important;
    }
}