/**
 * AdSense Ads Styling
 * Ensures AdSense ads display properly with responsive design
 */

/* AdSense Container - Full width with proper spacing */
.adsense-container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: transparent;
}

/* AdSense Wrapper - Controls max width and centering */
.adsense-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
}

/* Ensure AdSense ins elements are responsive */
.adsense-container ins,
.adsense-wrapper ins {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center;
}

/* AdSense in header/footer areas */
.adsense-header,
.adsense-footer {
    background: rgba(0, 0, 0, 0.02);
    padding: 20px 0;
    margin: 0;
}

[data-theme="dark"] .adsense-header,
[data-theme="dark"] .adsense-footer {
    background: rgba(255, 255, 255, 0.02);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .adsense-wrapper {
        padding: 0 10px;
    }

    .adsense-header,
    .adsense-footer {
        padding: 15px 0;
    }
}

/* Prevent layout shift while ads load */
.adsense-container ins.adsbygoogle[data-ad-status="unfilled"] {
    min-height: 90px;
}

/* Sidebar ads */
.adsense-sidebar {
    margin-bottom: 20px;
    text-align: center;
}

.adsense-sidebar ins {
    display: block !important;
    width: 100% !important;
}

/* Prevent white space below footer */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.footer {
    margin-top: auto;
}

/* Ensure no overflow issues */
html,
body {
    overflow-x: hidden;
    max-width: 100%;
}