/* ==========================================================================
   ADS.CSS - Modular Responsive Styling for Ad Placements
   Sarkari Rahat Portal (sarkarirahat.com)
   ========================================================================== */

/* Standard Responsive Banner Slot (728x90 Desktop & 320x50 Mobile) */
.ad-responsive-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 16px auto;
    width: 100%;
    max-width: 100%;
    min-height: 90px;
    overflow: hidden;
    text-align: center;
    background: transparent;
    box-sizing: border-box;
}

.ad-responsive-container iframe {
    display: block;
    margin: 0 auto;
    border: none;
    overflow: hidden;
    background: transparent;
}

/* Native Sponsored Ad Container */
.ad-native-container {
    width: 100%;
    margin: 15px auto;
    min-height: 120px;
    overflow: hidden;
    text-align: center;
}

/* Fallback legacy slot classes */
.ad-desktop-slot {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.ad-mobile-slot {
    display: none;
    justify-content: center;
    align-items: center;
    margin: 12px auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

/* Mobile Screens (<= 768px): Reserve 50px height so page never jumps/freezes */
@media (max-width: 768px) {
    .ad-responsive-container {
        min-height: 50px;
        margin: 12px auto;
    }

    .ad-native-container {
        min-height: 100px;
        margin: 10px auto;
    }

    .ad-desktop-slot {
        display: none !important;
    }

    .ad-mobile-slot {
        display: flex !important;
    }
}