/**
 * Sticky Sidebar Ads - CSS Styles
 * Viết lại để đảm bảo banner bám vào nội dung và không bị override
 */

.ssa-banners-container {
    position: relative !important;
    z-index: 9998 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

.ssa-banner {
    position: fixed !important;
    z-index: 99999 !important;
    transition: opacity 0.5s ease, visibility 0.5s ease, left 0.3s ease !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    pointer-events: auto !important;
    will-change: transform !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    /* Đảm bảo không có nền trắng */
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Override mọi background white có thể từ theme */
.ssa-banner * {
    background-color: transparent !important;
    background: transparent !important;
}

.ssa-banner img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border: 0 !important;
    max-width: 100% !important;
    object-fit: contain !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
    /* Đảm bảo hình ảnh không có nền trắng */
    mix-blend-mode: normal !important;
}

.ssa-banner a {
    display: block !important;
    text-decoration: none !important;
    border: 0 !important;
    outline: none !important;
    position: relative !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ssa-banner a:hover {
    opacity: 0.9 !important;
}

/* Banner bên trái - ẩn cho đến khi JS tính toán xong */
.ssa-banner-left {
    left: -9999px !important;
    right: auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Banner bên phải - ẩn cho đến khi JS tính toán xong */
.ssa-banner-right {
    left: -9999px !important;
    right: auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Hiển thị banner sau khi JS tính toán xong */
.ssa-banner-left.ssa-positioned,
.ssa-banner-right.ssa-positioned {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Banner đã đóng */
.ssa-banner.closed {
    display: none !important;
}

/* Responsive - Ẩn trên màn hình nhỏ */
@media (max-width: 768px) {
    .ssa-banner {
        display: none !important;
    }
}

/* Hiệu ứng fade khi scroll */
.ssa-banner.fade-out {
    opacity: 0.5 !important;
}