/* =============================================
   Ad Manager - Frontend Styles
   ============================================= */

/* Container */
.adm-ad-container {
    overflow: hidden;
    line-height: 0;
    font-size: 0;
}

/* Link */
.adm-ad-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

/* Image responsive */
.adm-ad-image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Canvas iframe */
.adm-canvas-wrapper {
    position: relative;
    display: block;
    width: 100%;
}

.adm-canvas-iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
    pointer-events: none;
}

/* Overlay để bắt click trên canvas iframe */
.adm-canvas-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    background: transparent;
}

.adm-ad-canvas-wrap {
    display: block;
    width: 100%;
    height: 100%;
}

/* Slider */
.adm-slider-wrapper .adm-swiper {
    width: 100%;
}

.adm-slider-wrapper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.adm-slider-wrapper .adm-swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
}

.adm-slider-wrapper .adm-swiper-slide iframe {
    width: 100%;
    display: block;
}

/* Ẩn arrows & pagination cho ad slider */
.adm-slider-wrapper .adm-swiper-buttons,
.adm-slider-wrapper .adm-swiper-pagination {
    display: none;
}

.elementor-widget-container .adm-ad-container {
    padding-bottom: 20px;
}


@media (max-width: 768px) {
    .adm-hide-mobile {
        display: none !important;
    }
}