/* Függőleges menüpontok alapbeállítása */
.mod-menu .nav,
.metismenu, 
.menu-vertical {
    display: flex !important;
    flex-direction: column !important; /* Egymás alá rendezi a pontokat */
    gap: 4px; /* Távolság a menüpontok között */
    padding-left: 0 !important;
    list-style: none !important;
}

/* Egyedi link formázás: 12px, félkövér és belső igazítás */
.mod-menu .nav-link,
.metismenu .nav-link,
.menu-vertical .nav-link {
    font-size: 12px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px; /* Távolság az ikon és a szöveg között */
    padding: 8px 12px !important;
    width: 100% !important; /* Kitölti a modul szélességét */
    border-radius: 4px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

/* Jobbra nyíl ikon elhelyezése a függőleges szöveg elé */
.mod-menu .nav-link::before,
.metismenu .nav-link::before,
.menu-vertical .nav-link::before {
    content: "➔" !important; /* Univerzális nyíl karakter */
    font-size: 11px !important;
    flex-shrink: 0; /* Megakadályozza, hogy az ikon összenyomódjon */
}

/* Egér rámutatás (Hover): halványkék háttér az oldalsó sávban */
.mod-menu .nav-link:hover,
.metismenu .nav-link:hover,
.menu-vertical .nav-link:hover {
    background-color: #e6f2ff !important;
    color: #0056b3 !important;
}