/* Fresh Dark Theme for Menu - Larger Font for Improved Readability */

.r-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #2c3036; /* Tmavší pozadie pre lepší kontrast */
    border: 1px solid #3a3f45; /* Jemnejší tmavý okraj */
    border-radius: 0.5rem; /* Mierne väčší border-radius */
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.6); /* Výraznejší tieň */
    overflow: hidden;
}

.r-menu > li {
    position: relative;
}

.r-menu > li > a {
    display: flex;
    align-items: center;
    padding: 1.5rem 2rem; /* Väčšie padding pre lepšiu čitateľnosť */
    text-decoration: none;
    color: #e9ecef; /* Svetlejší text pre lepší kontrast */
    font-weight: 600; /* Zvýraznené písmo */
    font-size: 1.5rem; /* Väčšia veľkosť písma */
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.r-menu > li > a:hover {
    background-color: #495057; /* Jemnejší hover efekt */
    color: #0dcaf0; /* Bootstrap info farba */
}

.r-menu .r-menu-title {
    flex-grow: 1;
    font-size: 1.5rem; /* Väčšia veľkosť písma */
}

.r-menu .r-menu-expand-icon {
    margin-left: 1.5rem; /* Väčšie odsadenie ikon od textu */
    font-size: 1.5rem; /* Väčšia veľkosť ikon */
    color: #adb5bd; /* Svetlejšia farba ikon */
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}

.r-menu .r-menu-expand-icon:hover {
    color: #0dcaf0; /* Bootstrap info farba */
}

.r-menu .r-menu-expanded .r-menu-expand-icon {
    transform: rotate(90deg);
}

.r-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    background-color: #1f2327; /* Tmavšie pozadie pre podmenu */
    border-left: 3px solid #3a3f45; /* Výraznejší okraj pre hierarchiu */
}

.r-menu ul li {
    border-top: 1px solid #3a3f45; /* Jemnejší okraj medzi položkami */
}

.r-menu ul li:first-child {
    border-top: none;
}

.r-menu ul li a {
    padding: 1.25rem 2rem; /* Väčší padding pre podmenu */
    font-size: 1.375rem; /* Väčšia veľkosť písma pre podmenu */
    color: #ced4da; /* Svetlejší text pre podmenu */
}

.r-menu ul li a:hover {
    background-color: #343a40; /* Jemný hover efekt pre podmenu */
    color: #0dcaf0; /* Bootstrap info farba */
}

.r-menu ul[data-menulevel="2"] {
    padding-left: 2rem; /* Väčší odsadenie pre hierarchiu */
}

.r-menu ul[data-menulevel="3"] {
    padding-left: 3rem; /* Väčší odsadenie pre hlbšie úrovne */
}