/* Site-wide fixes layered on top of the Elementor output (loaded in <head> on every page). */

/* Phone menu: hidden from screen readers and keyboard focus while closed (it sits off-screen). */
.mobile-menu-container:not(.active) {
    visibility: hidden;
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1), visibility 0s 0.4s;
}
.mobile-menu-container.active {
    visibility: visible;
}

/* Never scroll sideways on phones (decorative glows sit past the edge on purpose). */
html, body {
    overflow-x: clip;
}

@media (max-width: 768px) {
    /* Two-column blocks written inline on the town pages: stack them on phones. */
    [style*="grid-template-columns: 1fr 1fr"],
    [style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }
}