/* AB Ad Rotator — Frontend */

/* Container: hidden until JS renders the ad */
.abar-ad {
    text-align: center;
}

/* Unloaded: completely invisible and takes NO space */
.abar-ad:not(.abar-loaded) {
    display: none !important;
}

/* Loaded: visible with fade-in */
.abar-ad.abar-loaded {
    display: block;
    margin: 1em 0;
    animation: abarFadeIn .35s ease forwards;
}

@keyframes abarFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.abar-link {
    display: inline-block;
    line-height: 0;
}

.abar-img {
    max-width: 100%;
    height: auto;
    display: block;
}

.abar-iframe {
    display: block;
    max-width: 100%;
    border: 0;
}

.abar-html {
    line-height: normal;
}