/* The existing menu-item classes identify just the mobile Call and Contact actions. */
@media (max-width: 1024px) {
    nav.elementor-nav-menu--dropdown ul.elementor-nav-menu > li.sc-mnav-cta {
        flex: 0 0 calc(50% - 18px) !important;
        width: calc(50% - 18px) !important;
        min-width: 0;
    }
    .elementor-nav-menu--dropdown .sc-mnav-cta > a.elementor-item {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 12px;
        font-family: "Open Sans", sans-serif;
        font-weight: 600;
        text-align: center;
        text-decoration: none;
    }
    .elementor-nav-menu--dropdown .sc-mnav-call > a.elementor-item {
        color: #fff !important;
        background-color: #00466a !important;
    }
    /* The theme adds a phone icon via ::before on hover; it obscures the label. */
    .elementor-nav-menu--dropdown .sc-mnav-call > a.elementor-item::before {
        display: none !important;
    }
    .elementor-nav-menu--dropdown .sc-mnav-contact > a.elementor-item {
        color: #00466a !important;
        background-color: #a1e4ca !important;
    }
    .elementor-nav-menu--dropdown .sc-mnav-cta > a.elementor-item:focus-visible {
        outline: 3px solid #005075;
        outline-offset: 2px;
    }
}