/* 
 * AD-FRIENDLY CSS FIX for ACADEMIE
 * Removes backdrop-filter that interferes with AdSense
 */

/* Remove backdrop-filter from all elements that have it */
.academie-hero,
.access-message,
.module-card,
.lesson-count,
.sponsored-content-wrapper,
.native-ad-wrapper,
.footer-ad-wrapper {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Replace backdrop-filter with solid backgrounds for better ad compatibility */
.academie-hero {
    background: rgba(255, 255, 255, 0.08) !important;
}

.access-message {
    background: rgba(255, 255, 255, 0.1) !important;
}

.module-card {
    background: rgba(255, 255, 255, 0.08) !important;
}

.lesson-count {
    background: rgba(150, 215, 0, 0.2) !important;
}

/* Ensure ad containers have clean styling */
.sponsored-content-wrapper,
.native-ad-wrapper,
.footer-ad-wrapper {
    background: rgba(255, 255, 255, 0.05) !important;
    transform: none !important;
    filter: none !important;
}

/* Remove any transforms that might interfere with ads */
.module-card:hover {
    transform: translateY(-4px) !important; /* Reduced from -8px */
}

/* Ensure ads are not clipped */
.sponsored-ad-unit,
.native-ad-content,
.footer-ad-unit {
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
}

/* Remove any animations that might interfere */
.bg-animation {
    display: none !important;
}