/* 
 * Custom CSS cho phần Ads (Quảng cáo)
 * Bạn có thể viết CSS vào đây, file này đã được enqueue và sẽ tự động hiển thị.
 */
.wg-ad-content {
    position: relative;
    background-color: rgba(255, 255, 255, 0.05);
}

.wg-ad-label {
    font-size: 9px;
    color: #bdbfce;
    letter-spacing: 1px;
    margin-top: 3px;
    text-transform: uppercase;
}

.wg-sidebar-ad-wrapper {
    display: grid;
    place-items: center;
}

.wg-sidebar-ad-wrapper .wg-ad-content {
    width: 300px;
    height: 250px;
    max-width: 300px;
    max-height: 250px;
    overflow: hidden;
}

/* Quảng cáo dưới Player (970x90) */
.webgames-under-player-ad {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 0.05);
}

.webgames-under-player-ad .wg-ad-content {
    width: 100%;
    max-width: 970px;
    height: 90px;
    max-height: 90px;
    overflow: hidden;
    background-color: transparent;
    margin: 0 auto;
}

/* Macbook / Laptop Screens */
@media (max-width: 1599px) {
    .webgames-under-player-ad .wg-ad-content {
        max-width: 728px;
    }
}

/* Tablet / Mobile Screens */
@media (max-width: 991px) {
    .webgames-under-player-ad .wg-ad-content {
        max-width: 100%;
        height: auto; /* Allow height to adapt for mobile banners (e.g. 320x100) */
        max-height: 100px; /* Safely bound it to standard mobile ad heights */
    }
}

.webgames-under-player-ad .wg-ad-label {
    display: none;
}

/* Quảng cáo bên trái Player (160x600) */
.webgames-left-player-ad {
    display: grid;
    place-items: center;
    text-align: center;
}

.webgames-left-player-ad .wg-ad-content {
    width: 160px;
    height: 600px;
    max-width: 160px;
    max-height: 600px;
    overflow: hidden;
}

/* Tối ưu quảng cáo dưới Player trên màn hình nhỏ */
@media (max-width: 991px) {
    .webgames-under-player-ad .wg-ad-content {
        width: 100%;
        height: auto;
        min-height: 90px;
    }
}