/* Mobile-only fixes that must load after Kadence responsive/header CSS. */
@media (max-width: 980px) {
    html,
    body,
    .expon-homepage {
        max-width: 100%;
        overflow-x: hidden;
    }

    .expon-site-header .expon-menu-toggle[aria-expanded="true"],
    .expon-site-header.is-menu-open .expon-menu-toggle {
        background: var(--expon-primary-dark) !important;
        background-color: var(--expon-primary-dark) !important;
        border-color: var(--expon-primary-dark) !important;
    }

    .expon-site-header .expon-menu-toggle[aria-expanded="true"] .expon-menu-toggle__bar,
    .expon-site-header.is-menu-open .expon-menu-toggle .expon-menu-toggle__bar {
        background: #fff !important;
        background-color: #fff !important;
    }

    .expon-site-header .expon-menu-toggle[aria-expanded="true"] .expon-menu-toggle__bar--top,
    .expon-site-header.is-menu-open .expon-menu-toggle .expon-menu-toggle__bar--top {
        transform: translateY(7px) rotate(45deg) !important;
    }

    .expon-site-header .expon-menu-toggle[aria-expanded="true"] .expon-menu-toggle__bar--middle,
    .expon-site-header.is-menu-open .expon-menu-toggle .expon-menu-toggle__bar--middle {
        opacity: 0 !important;
    }

    .expon-site-header .expon-menu-toggle[aria-expanded="true"] .expon-menu-toggle__bar--bottom,
    .expon-site-header.is-menu-open .expon-menu-toggle .expon-menu-toggle__bar--bottom {
        transform: translateY(-7px) rotate(-45deg) !important;
    }
}

@media (max-width: 560px) {
    .lovable-hero__bg {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        transform: none !important;
    }

    .lovable-green-block {
        right: 0 !important;
        width: 76px !important;
        height: 76px !important;
    }
}