/**
 * Site-wide mobile / small-viewport safeguards.
 * Loaded after Bootstrap + style.css from header.php
 */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Prevent accidental horizontal scroll from wide children */
body {
    overflow-x: hidden;
}

img,
svg,
video,
canvas {
    max-width: 100%;
    height: auto;
}

main,
section,
article {
    max-width: 100%;
}

/* Tables in content: allow horizontal scroll instead of breaking layout */
table {
    max-width: 100%;
}

/* Footer: pill newsletter breaks on very narrow screens — stack */
@media (max-width: 480px) {
    .footer-card__newsletter-form {
        flex-direction: column;
        align-items: stretch;
        border-radius: 14px;
        padding: 10px 12px 12px;
        gap: 10px;
    }

    .footer-card__newsletter-form input {
        padding: 8px 4px;
        width: 100%;
    }

    .footer-card__newsletter-form button {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .footer .container {
        padding-left: 16px;
        padding-right: 16px;
    }
}