/**
 * Aloxovn Ads - CSS frontend
 *
 * Giữ ở mức tối thiểu để không ảnh hưởng tới giao diện của theme.
 */

.aloxovn-ad-wrapper {
    text-align: center;
    margin: 15px 0;
    max-width: 100%;
}

.aloxovn-ad-wrapper img,
.aloxovn-ad-wrapper iframe {
    max-width: 100%;
}

/* Giữ chỗ khi quảng cáo chưa tải xong để hạn chế nhảy layout (CLS) */
.aloxovn-ad-lazy:not(.aloxovn-ad-loaded) {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aloxovn-ad-loader {
    width: 22px;
    height: 22px;
    border: 2px solid rgba(0, 0, 0, 0.12);
    border-top-color: rgba(0, 0, 0, 0.35);
    border-radius: 50%;
    animation: aloxovn-ad-spin 0.8s linear infinite;
}

.aloxovn-ad-loaded .aloxovn-ad-loader {
    display: none;
}

@keyframes aloxovn-ad-spin {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .aloxovn-ad-loader {
        animation: none;
    }
}