/*
Plugin Name: Nova Sidebar Menu Tree 12L3
Description: Estilos para el menú jerárquico.
*/

/* Contenedor principal */
.novasidemenu-main {
  font-family: inherit;
  /* background: #ffffff; */
  padding: 0;
  /* border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
}

/* Reset básico para las listas */
.novasidemenu-main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* --- NIVEL 1 --- */
.novasidemenu-n1 {
  padding-left: 0;
}

.novasidemenu-n1>li {
  margin-bottom: 15px;
}

.novasidemenu-n1>li>span.nova-text {
  display: block;
  font-size: 1.1em;
  font-weight: 700;
  color: #1a202c;
  padding-bottom: 5px;
  border-bottom: 2px solid #edf2f7;
  margin-bottom: 10px;
  background-color: #ddd;
  padding-left: 5px;
  border-left: 3px solid transparent;
}

/* --- NIVEL 2 --- */
.novasidemenu-n2 {
  padding-left: 15px;
}

.novasidemenu-n2>li {
  margin-bottom: 10px;
}

.novasidemenu-n2>li>span.nova-text {
  display: block;
  font-size: 1em;
  font-weight: 600;
  color: #4a5568;
  padding-left: 5px;
  border-left: 3px solid transparent;
  /* Para no alterar el ancho si le damos estilo al active */
}

/* --- NIVEL 3 --- */
.novasidemenu-n3 {
  padding-left: 20px!important;
  margin-top: 5px;
}

.novasidemenu-n3>li {
  margin-bottom: 5px;
  position: relative;
}

.novasidemenu-n3>li::before {
  content: "•";
  position: absolute;
  left: -12px;
  top: 2px;
  color: #cbd5e0;
}

.novasidemenu-n3>li>a.nova-link {
  font-size: 0.95em;
  color: #5e6161;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  display: inline-block;
}

.novasidemenu-n3>li>a.nova-link:hover {
  color: #ca9c2a;
  text-decoration: underline;
}

/* --- CLASES ACTIVAS --- */
/* Resaltar elementos cuando corresponden a la página actual */

.novasidemenu-main li.active>span.nova-text {
  /* color: #e53e3e; */
  /* background-color: #eee; */
}

.novasidemenu-n2>li.active>span.nova-text {
  /* border-left-color: #aaa; */
}

.novasidemenu-main li.active>a.nova-link {
  font-weight: bold;
  color: #059b97;
}

.novasidemenu-n3>li.active::before {
  color: #059b97;
}