/* MENU LATERAL  */
.menu_lateral {
    width: 205px;
    float: left;
    background: linear-gradient(to bottom, #333, var(--tenant-blue-850));
    height: 100vh;
}
.menu_lateral .logo a {
	padding: 12px 18px;
	width: 100%;
	display: table;
	border-bottom: solid 1px #444;
}
.menu_lateral ul {
    list-style: none;
    padding: 0;
}
.menu_lateral ul a, .menu_lateral > ul > li {
	width: 100%;
	padding: 7px 0px 9px 12px;
	color: #EEE;
	display: table;
	text-decoration: none;
	cursor: pointer;
	font-size: 83%;
}
.menu_lateral ul a:hover,
.menu_lateral ul li:hover {
    background: #ffffff10;
    color: #FFF;
}
.menu_lateral ul i {
    margin-right: 9px;
    font-size: 110%;
    color: var(--tenant-blue-400);
}
/* SUBMENU */
.menu_lateral > ul > li:hover ul {
    display: block;
}
.menu_lateral ul li ul {
	display: none;
    background: linear-gradient(to bottom, #444, var(--tenant-blue-750));
	border-bottom: solid 1px #555;
	position: absolute;
	margin-left: 193px;
	margin-top: 0;
	z-index: 1;
	height: 100vh;
	top: 0;
	cursor: default;
    width: 250px;
}
.menu_lateral ul li ul li {
    color: #EEE;
    border-bottom: solid 1px #666;
    text-decoration: none;
    cursor: pointer;
}
.menu_lateral ul li ul li a {
    padding: 7px 16px 9px 16px;
    width: 100%;
    color: #EEE;
    text-decoration: none;
    font-size: 100%;
    display: table;
}
.menu_lateral ul li ul li a {
    display: table;
}
.menu_lateral ul li ul li a:hover {
    background: #ffffff05;
    color: #FFF;
}


/* Estilo geral do menu mobile */
.menu_mobile {
    width: 100%;
    background: #f8f9fa; /* Fundo claro */
    padding: 0;
    border-bottom: 1px solid #ddd; /* Linha sutil para separação */
}

/* Botão de toggle do menu */
.menu_mobile__toggle {
    width: 100%;
    padding: 12px;
    background: #ffffff; /* Fundo branco */
    color: #333; /* Texto escuro */
    font-size: 100%;
    text-align: left;
    border: 1px solid #ddd !important;
    cursor: pointer;
    display: block;
    transition: background 0.3s ease;
}

.menu_mobile__toggle:hover {
    background: #f1f1f1; /* Efeito hover */
}

/* Lista principal do menu */
.menu_mobile__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none; /* Escondido por padrão */
    background: #ffffff;
    border-top: 1px solid #ddd;
}

.menu_mobile__list li {
    border-bottom: 1px solid #eee;
}

/* Links do menu */
.menu_mobile__list li a {
    display: flex;
    align-items: center;
    padding: 12px;
    color: #333;
    text-decoration: none;
    font-size: 96%;
    transition: background 0.3s ease, color 0.3s ease;
}

.menu_mobile__list li a i {
    margin-right: 10px;
}

.menu_mobile__list li a:hover {
    background: #f1f1f1; /* Hover sutil */
    color: #000;
}

/* Submenus */
.menu_mobile__submenu {
    list-style: none;
    padding: 0;
    display: none;
    background: #fdfdfd;
    border-left: 3px solid #ddd;
}

.menu_mobile__submenu li {
    border-bottom: 1px solid #eee;
}

.menu_mobile__submenu li a {
    padding-left: 30px;
    font-size: 90%;
    color: #555;
}

.menu_mobile__submenu li a:hover {
    background: #eaeaea;
    color: #000;
}

/* Ícone do submenu */
.menu_mobile__toggle-icon {
    margin-left: auto;
    font-size: 90%;
    transition: transform 0.3s ease;
    color: #666;
}

.menu_mobile__has-submenu.submenu-open .menu_mobile__toggle-icon {
    transform: rotate(180deg);
}
.menu_mobile__toggle {
    outline: none !important;  /* Remove o contorno padrão */
    box-shadow: none !important; /* Remove qualquer sombra ao focar */
    -webkit-tap-highlight-color: transparent; /* Remove o efeito de destaque no toque (Android e iOS) */
}

.menu_mobile__toggle:focus,
.menu_mobile__toggle:active {
    outline: none !important;
    box-shadow: none !important;
}