/*
 TIBIA OTBR PREMIUM V4
 Correcao de alinhamento e acabamento dos menus.
 Exclusivo do laboratorio.
*/

/* Mantem todas as categorias dentro do trilho */

#MenuColumn .MenuButton,
#MenuColumn .MenuButton:hover {
    transform: none !important;
    box-sizing: border-box;
    width: 170px;
    height: 32px;
    margin-left: 0;
}

/* Brilho sem deslocar a categoria */

#MenuColumn .MenuButton:hover {
    border-color: #f4d89d;
    filter: brightness(1.15);
    box-shadow:
        inset 0 1px 0 rgba(255,241,193,.45),
        inset 0 0 8px rgba(232,184,95,.18),
        0 0 10px rgba(225,177,76,.3);
}

/* Mantem icones e textos alinhados */

#MenuColumn .MenuButton .Icon {
    left: 8px;
}

#MenuColumn .MenuButton .Label {
    left: 42px;
}

#MenuColumn .SubmenuitemLabel,
#MenuColumn .Submenuitem:hover .SubmenuitemLabel {
    padding-left: 22px !important;
    box-sizing: border-box;
}

/* Acabamento medieval no lugar das correntes sobrepostas */

#MenuColumn .Submenuitem > .LeftChain,
#MenuColumn .Submenuitem > .RightChain {
    display: none !important;
}

#MenuColumn .Submenu {
    border-left: 2px solid #9e763a;
    border-right: 2px solid #9e763a;
    background: linear-gradient(
        90deg,
        #061626 0%,
        #102c46 50%,
        #061626 100%
    );
    box-shadow:
        inset 2px 0 0 rgba(245,205,131,.13),
        inset -2px 0 0 rgba(245,205,131,.13);
}

/* Destaque elegante dos itens */

#MenuColumn .SubmenuitemLabel {
    position: relative;
    border-bottom: 1px solid rgba(190,151,83,.22);
    transition:
        background .2s ease,
        color .2s ease,
        box-shadow .2s ease;
}

#MenuColumn .Submenuitem:hover .SubmenuitemLabel {
    background: linear-gradient(
        90deg,
        rgba(218,164,73,.2),
        rgba(35,91,144,.2)
    );
    box-shadow: inset 3px 0 0 #eac16c;
    color: #ffe2a5 !important;
}

/* Evita movimento nos componentes laterais */

#MenuColumn .menuitem,
#MenuColumn .Submenuitem {
    transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
    #MenuColumn .MenuButton,
    #MenuColumn .SubmenuitemLabel {
        transition: none !important;
    }
}