.submenu-parent-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Plus (existing SVG) */
/* .submenu-parent-icon svg {
    width: 14px;
    height: 14px;
    transition: opacity 0.2s ease;
} */

/* Minus line */
.submenu-parent-icon::after {
    content: "";
    position: absolute;
    width: 12px;      /* minus length */
    margin-left: 7px;
    margin-top: -7px;
    height: 2.5px;    /* minus thickness */
    background-color: currentColor;
    opacity: 0;
    transition: opacity 0.2s ease;
}

/* ========================= */
/* DESKTOP ONLY (hover effect) */
/* ========================= */
@media (hover: hover) and (pointer: fine) {

    .menu-link:hover .submenu-parent-icon svg {
        opacity: 0;
    }

    .menu-link:hover .submenu-parent-icon::after {
        opacity: 1;
    }
}

/* ========================= */
/* MOBILE ONLY (NO hover) */
/* ========================= */
@media (hover: none) and (pointer: coarse) {

    /* PLUS */
    .submenu-parent-icon svg {
        opacity: 1;
    }

    .submenu-parent-icon::after {
        opacity: 0;
    }

    /* MINUS */
    .menu-link.is-open .submenu-parent-icon svg {
        opacity: 0;
    }

    .menu-link.is-open .submenu-parent-icon::after {
        opacity: 1;
        margin-top: -8px;
    }

}