/* ============================================
   Menú móvil rediseñado - NAALI CONCEPT
   Tipografía elegante, colores sobrios,
   separadores finos e indicador "+" para expandir.
   ============================================ */

/* Panel general */
#navbarOffcanvas {
    background: #FCFAF8;
    width: 82% !important;
    max-width: 380px;
}

#navbarOffcanvas .offcanvas-body {
    padding: 0;
}

/* Buscador dentro del menú */
#navbarOffcanvas form.mb-3 {
    padding: 4px 22px 8px;
    margin-top: 8px !important;
}

/* Lista de navegación */
#navbarOffcanvas .navbar-nav {
    padding: 0;
    margin: 0;
}

/* Cada opción de primer nivel */
#navbarOffcanvas .navbar-nav > .nav-item {
    border-top: 1px solid #ece5dd;
}

#navbarOffcanvas .navbar-nav > .nav-item:last-child {
    border-bottom: 1px solid #ece5dd;
}

/* Enlaces de primer nivel: mayúsculas con espaciado amplio */
#navbarOffcanvas .navbar-nav > .nav-item > .nav-link {
    color: #4a4139 !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 0.78rem;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: color 0.25s ease, background-color 0.25s ease;
}

#navbarOffcanvas .navbar-nav > .nav-item > .nav-link:hover,
#navbarOffcanvas .navbar-nav > .nav-item > .nav-link:focus {
    color: #C99A61 !important;
    background: transparent;
}

/* Ocultar viñetas/iconos de círculo a la izquierda en primer nivel */
#navbarOffcanvas .navbar-nav > .nav-item > .nav-link > span > i.fa-circle,
#navbarOffcanvas .navbar-nav > .nav-item > .nav-link > i.fa-tags,
#navbarOffcanvas .navbar-nav > .nav-item > .nav-link > i.fa-th,
#navbarOffcanvas .navbar-nav > .nav-item > .nav-link > i.fa-star {
    display: none;
}

/* Indicador de expansión "+" para categorías con subcategorías */
#navbarOffcanvas .nav-link .menu-expand-icon {
    font-size: 1.1rem;
    font-weight: 300;
    color: #b9ada0;
    line-height: 1;
    transition: transform 0.3s ease, color 0.25s ease;
}

#navbarOffcanvas .nav-link[aria-expanded="true"] .menu-expand-icon {
    transform: rotate(45deg);
    color: #C99A61;
}

/* Submenú (subcategorías) */
#navbarOffcanvas .collapse .list-unstyled {
    padding: 0 0 6px 0;
    margin: 0;
}

#navbarOffcanvas .collapse .list-unstyled .nav-link {
    color: #8a7d6e !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 0.72rem;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 12px 22px 12px 40px;
}

#navbarOffcanvas .collapse .list-unstyled .nav-link:hover {
    color: #C99A61 !important;
    background: transparent;
}

#navbarOffcanvas .collapse .list-unstyled .nav-link i {
    display: none;
}

/* Encabezado del panel (logo) */
#navbarOffcanvas .offcanvas-header {
    border-bottom: 1px solid #ece5dd;
    padding: 18px 20px;
}

#navbarOffcanvas .offcanvas-header .btn-close {
    opacity: 0.5;
}