/**
 * Kamo Sutra – Reklame (frontend)
 * Klase su nezavisne od teme; koriste njene CSS varijable ako postoje.
 */

.ks-ads-section {
    padding: 12px 0;
}

.ks-ads-section--secondary {
    padding: 24px 0;
}

/* Rotator: vidljiv je samo aktivni slajd. */
.ks-ads-rotator .ks-ad-slide {
    display: none;
}

.ks-ads-rotator .ks-ad-slide.is-active {
    display: block;
}

/* Bez JS-a prvi baner ostaje vidljiv (već ima .is-active iz PHP-a). */

.ks-ad {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: var(--radius-md, 12px);
    overflow: hidden;
    text-decoration: none;
    transition: transform 0.3s ease;
}

a.ks-ad:hover {
    transform: translateY(-2px);
}

.ks-ad--wide {
    max-width: 1140px;
}

.ks-ad--narrow {
    max-width: 820px;
}

.ks-ad-img {
    display: block;
    width: 100%;
    height: auto;
}

.ks-ad picture {
    display: block;
}

/* Reklama unutar grida događaja – zauzima cijeli red. */
.ks-ads-section--grid {
    grid-column: 1 / -1;
    padding: 8px 0;
}

@media (max-width: 768px) {
    .ks-ads-section,
    .ks-ads-section--secondary {
        padding: 12px 0;
    }
}