/**
 * AdSense Styles - Simplified
 *
 * Uses responsive AdSense ads that automatically size to container.
 * No show/hide logic needed - AdSense handles responsive sizing natively.
 */

/* ==========================================================================
   Base Ad Container
   ========================================================================== */

.ad-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 300px;
    margin: 1.5rem auto;
    overflow: hidden;
}

/* ==========================================================================
   Multiplex (Grid) - Full width grid of related content
   ========================================================================== */

.ad-multiplex {
    min-height: 250px;
    width: 100%;
    max-width: 100%;
}

/* ==========================================================================
   Ad Section Wrapper (for spacing around ads)
   ========================================================================== */

.ad-section {
    margin: 1.5rem 0;
}

.ad-section-sm {
    margin: 1rem 0;
}

.ad-section-lg {
    margin: 2rem 0;
}

/* ==========================================================================
   Loading State (prevents layout shift)
   ========================================================================== */

.ad-container ins.adsbygoogle {
    background-color: transparent;
}

.ad-container ins.adsbygoogle[data-ad-status="unfilled"] {
    min-height: inherit;
}