/**
 * LSXC-79 — mobile homepage hero overlap + Elementor nav arrow guard
 * Cursor agent change — 2026-10-02
 * See: .cursor/plans/lsxc-79-mobile-layout-cache.plan.md
 */

@media (max-width: 767px) {
    /*
     * Homepage hero uses stacked Elementor containers; when cache/CSS load order
     * breaks, the background section renders below the headline block. Pull the
     * background container up so headline/buttons sit on the hero image again.
     */
    .elementor-157400 .elementor-element.elementor-element-5c8cc689 {
        margin-top: -999px;
        position: relative;
        z-index: 0;
    }

    .elementor-157400 .elementor-element.elementor-element-3b79bce1 {
        position: relative;
        z-index: 1;
        background: transparent;
    }

    /* Prevent legacy theme mobile-menu chevrons doubling Elementor sub-arrows */
    .elementor-nav-menu .menu-item-has-children > a:after,
    .elementor-nav-menu--dropdown .menu-item-has-children > a:after {
        content: none !important;
        display: none !important;
    }
}