/* MENU-LEFT
-------------------------- */
/* layout */
#left ul.nav {
    margin-bottom: 2px;
    font-size: 10px; /* to change font-size, please change instead .lbl */
    background: #fff; /* Fondo blanco */
}
#left ul.nav ul li {

}
#left ul.nav ul,
#left ul.nav ul li {
    list-style: none!important;
    list-style-type: none!important;
    margin-top: 1px;
    margin-bottom: 1px;
}
#left ul.nav ul {
    padding-left: 0;
    width: auto;
    background: #fff; /* Fondo blanco */
}
#left ul.nav ul.children {
    padding-left: 12px;
    width: auto;
}
#left ul.nav ul.children li{
    margin-left: 0px;
    background: #fff; /* Fondo blanco */
}
#left ul.nav li a {
    color: #0d2f52; /* Color del texto azul */
    text-decoration: none; /* Sin subrayado */
}
#left ul.nav li a:hover {
    color: #144ae4; /* Color del texto al pasar el mouse */
    text-decoration: none;
}

/* Parent Item */
#left ul.nav>li.parent>a {
     /* border: solid 1px #0d2f52; Borde azul */
    color: #0d2f52; /* Color del texto */
    padding: 0px;
}

/* Child Items */
#left ul.nav li.parent ul li a {
    color: #0d2f52; /* Color del texto azul */
    padding-left: 5px; /* Relleno izquierdo */
    display: block; /* Bloque */
    background: #fff; /* Fondo blanco */
}

#left ul.nav li.parent ul li a:hover {
    color: #144ae4; /* Color del texto al pasar el mouse */
}

/* sign for parent item */
#left ul.nav li .sign {
    display: inline-block;
    width: 14px;
    padding: 5px 17px 5px 8px;
    background-color: transparent;
    color: #fff;
}
#left ul.nav li.parent>a>.sign {
    margin-left: 0px;
    background-color: #ccc; /* Color de fondo celeste para el signo */
    color: #6EC1E4; /* Color del signo */
    border-radius: 15%; /* Bordes redondeados */
    padding: 5px; /* Relleno */
    display: inline-block; /* Bloque en línea */
    width: 20px; /* Ancho fijo */
    height: 20px; /* Altura fija */
    text-align: center; /* Alinear el texto al centro */
}
#left ul.nav li.parent>a>.sign:hover {
    background-color: #111; /* Color de fondo celeste más oscuro al pasar el mouse */
    color: #0d2f52; /* Color del signo al pasar el mouse */
}

/* label */
#left ul.nav li .lbl {
    padding: 5px 12px;
    display: inline-block;
}
#left ul.nav li.current>a>.lbl {
    background-color: #0d2f52; /* Fondo azul */
    color: #fff!important; /* Color del texto blanco */
}
#left ul.nav li a .lbl {
    font-size: 13px;
    color: #0d2f52; /* Color del texto azul */
}

/* THEMATIQUE
------------------------- */
/* theme 1 */
#left ul.nav>li.item-1.parent>a {
    border: solid 1px #ff6307;
}
#left ul.nav>li.item-1.parent>a>.sign,
#left ul.nav>li.item-1 li.parent>a>.sign{
    margin-left: 0px;
    background-color: #ff6307;
}
#left ul.nav>li.item-1 .lbl {
    color: #ff6307;
}
#left ul.nav>li.item-1 li.current>a .lbl {
    background-color: #ff6307;
    color: #fff!important;
}

/* theme 2 */
#left ul.nav {
    background: #fff;
}
#left ul.nav>li.cat-level-1 {
    margin-bottom: 10px;
}
#left ul.nav>li.cat-level-1.parent>a {
    border: solid 0px #144ae2;
    background: #0D2F52;
    color: #fff!important;
}
#left ul.nav>li.cat-level-1.parent>a>.sign,
#left ul.nav>li.cat-level-1 li.parent>a>.sign{
    margin-left: 5px;
    background-color: #326279;
}
#left ul.nav>li.cat-level-1 .lbl {
    color: #fff;
}
#left ul.nav>li.cat-level-1 .lbl1 {
    color: #0D2F52;
}
#left ul.nav>li.cat-level-1 li.current>a .lbl {
    background-color: #144ae4;
    color: #fff!important;
}

/* theme 3 */
#left ul.nav>li.item-15.parent>a {
    border: solid 0px #94cf00;
}
#left ul.nav>li.item-15.parent>a>.sign,
#left ul.nav>li.item-15 li.parent>a>.sign{
    margin-left: 0px;
    background-color: #94cf00;
}
#left ul.nav>li.item-15 .lbl {
    color: #94cf00;
}
#left ul.nav>li.item-15 li.current>a .lbl {
    background-color: #94cf00;
    color: #fff!important;
}

/* theme 4 */
#left ul.nav>li.item-22.parent>a {
    border: solid 0px #ef409c;
}
#left ul.nav>li.item-22.parent>a>.sign,
#left ul.nav>li.item-22 li.parent>a>.sign{
    margin-left: 0px;
    background-color: #ef409c;
}
#left ul.nav>li.item-22 .lbl {
    color: #ef409c;
}
#left ul.nav>li.item-22 li.current>a .lbl {
    background-color: #ef409c;
    color: #fff!important;
}
.sticky-logo,
.sticky-cart {
    display: none;
}

.nav.sticky .sticky-logo,
.nav.sticky .sticky-cart {
    display: inline-block;
}
.sticky-logo img {
     margin-left: 5px;
     margin-top: 5px;
    max-width: 120px;
    max-height: 120px;
}
.sticky-cart a {
    display: flex;
    align-items: center;
}

.sticky-cart a i {
    font-size: 24px;
}

.sticky-cart a span {
    display: none;
}