/* ================================================================
   Menu Icon Manager – Frontend Styles
   ================================================================ */

/* Wrapper keeps icon and text vertically centred */
.menu-item a,
li.menu-item a {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
}

/* Icon wrapper */
.mim-icon-wrap {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}

.mim-icon-wrap--before {
    order: -1;
}

.mim-icon-wrap--after {
    order: 10;
}

/* SVG icons */
.mim-icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    /* Colour is set via `color` CSS property; SVG uses currentColor */
}

/* Library SVG inherits link colour */
.mim-icon--lib {
    fill: none;
    stroke: currentColor;
}

/* Custom uploaded SVG – colour-control depends on SVG structure */
.mim-icon--custom {
    /* If the SVG uses currentColor it will inherit; otherwise it uses its own colours */
}

/* Title span */
.mim-item-title {
    display: inline;
}

/* ── Elementor Nav Menu overrides ─────────────────────────────── */
.elementor-nav-menu .menu-item a,
.elementor-nav-menu--main .menu-item a,
nav.elementor-nav-menu a {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
}

/* Mobile / hamburger menu */
.elementor-nav-menu--dropdown .menu-item a {
    gap: 0.5em;
}

/* Ensure icons don't break wrapping in tight nav layouts */
@media (max-width: 767px) {
    .mim-icon-wrap {
        display: inline-flex;
    }
}