/* ============================================
   FOOTER PROTECTION CSS
   Site functionality styling
   ============================================ */

/* Normal state - everything works fine */
body:not(.tampered) {
    /* All normal styles applied via main.css */
}

/* Tampered state - visual warning only, no layout breaking */
body.tampered {
    /* Keep normal overflow to prevent horizontal scrolling */
    overflow-x: hidden;
}

/* Maintain proper responsive containers */
body.tampered .container {
    max-width: 100%;
    overflow-x: hidden;
}

/* Keep grid layouts intact */
body.tampered .services-grid,
body.tampered .blog-grid,
body.tampered .stats-grid {
    /* Grid layouts stay normal */
}

body.tampered .services-grid>*,
body.tampered .blog-grid>*,
body.tampered .stats-grid>* {
    /* Cards stay normal */
}

/* Keep hero layout intact */
body.tampered .hero-content {
    /* Hero stays normal */
}

body.tampered .hero-text,
body.tampered .hero-image {
    max-width: 100%;
}

/* Keep footer layout intact */
body.tampered .footer-content {
    /* Footer stays normal */
}

body.tampered .footer-section {
    max-width: 100%;
}

/* Cards stay normal */
body.tampered .card,
body.tampered .service-card,
body.tampered .blog-card {
    /* No distortion */
}

/* Keep max-width constraints */
body.tampered * {
    /* Normal behavior */
}

/* Keep buttons styled */
body.tampered .btn {
    /* Normal buttons */
}

/* Keep images normal */
body.tampered img {
    /* No filter applied */
}

/* Keep responsive padding */
body.tampered .section {
    /* Normal padding */
}

/* Responsive elements */
body.tampered .hero,
body.tampered .footer,
body.tampered .header {
    max-width: 100%;
    overflow-x: hidden;
}

/* Keep typography normal */
body.tampered h1,
body.tampered h2,
body.tampered h3 {
    /* Normal typography */
}

/* Keep newsletter form styled */
body.tampered .newsletter-form {
    /* Normal form */
}

body.tampered .newsletter-input {
    max-width: 100%;
}

/* Tablets stay responsive */
@media screen and (max-width: 1024px) {
    body.tampered {
        overflow-x: hidden;
    }

    body.tampered * {
        max-width: 100%;
    }

    body.tampered .hero-content,
    body.tampered .services-grid,
    body.tampered .blog-grid {
        max-width: 100%;
    }
}

/* Warning overlay - subtle notification only */
body.tampered::after {
    content: '';
    /* No warning overlay */
}