/**
 * ========================================================================
 * ARCHIVO: header.css
 * PROYECTO: MOTELWEB.VIP
 * VERSIÓN: 1.1.0 (parametrizado con tokens)
 * FECHA DE PRODUCCIÓN: 2026-09-16
 * DESCRIPCIÓN: Estilos del header. Los colores se inyectan dinámicamente
 *              desde el <style> del header.php (config_json del motel).
 * ========================================================================
 */

/* 1. Fondo de la barra principal */
.title-bar,
.top-bar {
    background-color: var(--mw-color-header-bg, var(--mw-color-bg-alt)) !important;
}

/* 2. Color de los textos de los enlaces (Normal y Dropdown) */
.title-bar-right ul.menu > li > a,
.title-bar-right ul.dropdown.menu > li > a,
.off-canvas .menu a {
    color: var(--mw-color-menu-txt, var(--mw-color-info)) !important;
    font-weight: var(--mw-font-weight-bold);
}

/* 3. Color de los íconos acompañantes */
.title-bar-right ul.menu > li > a > i,
.title-bar-right ul.dropdown.menu > li > a > i,
.off-canvas .menu a i {
    color: var(--mw-color-menu-icons, var(--mw-color-secondary)) !important;
}

/* 4. Efecto Hover */
.title-bar-right ul.menu > li > a:hover {
    opacity: 0.8 !important;
}

/* 5. Mostrar/ocultar íconos del menú (controlado por config_json) */
.title-bar-right .menu a i {
    display: var(--mw-menu-icons-display, inline-block) !important;
}

/* 6. Tipografía y espaciado del menú */
.title-bar-title,
.title-bar-right .menu a,
.off-canvas .menu a {
    font-family: var(--mw-font-primary);
    font-weight: var(--mw-font-weight-semibold);
}

.title-bar-right .menu a i,
.off-canvas .menu a i {
    margin-right: var(--mw-space-2);
    color: var(--mw-color-secondary);
}