/* --- INICIO DE PERSONALIZACIÓN FINAL --- */

/* 1. Cambiar color de la barra principal de navegación */
.navbar {
    background-color: #000000 !important;

}

/* Dropdowns */
.dropdown-menu {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.dropdown-item {
    color: white !important;
}

.dropdown-item:hover {
    background-color: #008000 !important;
    color: white !important;

}


/* Override any white/gray backgrounds 
.bg-white {
    background-color: #971f1f !important;
}

.bg-light {
    background-color: #a1a1a1 !important;
}

.bg-secondary {
    background-color: #7a1919 !important;	
	
}
*/
/* 2. Ocultar el botón de búsqueda por su ID */
#menuIconSearch {
    display: none !important;
}

/* 3. Ocultar el botón de ayuda por su ID */
#menuIconHelp {
    display: none !important;
}

/* 4. Ocultar todos los widgets de Ayuda y Notificaciones (Método Completo) */
/* Esta regla combina todos los posibles selectores para asegurar que se oculten. */
/*

.col-md:has(a[href*="facturascripts.com"]),
.card:has(a[href*="facturascripts.com"]),
.card[data-widget="CoreHelp"],
.card[data-widget="SystemMessages"] {
    display: none !important;
}
*/

/* Ocultar botones de recargar página y marcar como página de inicio en todas las vistas */
/*
.btn-group > .btn-sm.btn-secondary,
.btn-group > a.btn-sm.btn-secondary {
    display: none !important;
}
*/
/* Alternativa más específica si la anterior no funciona */
div[class*="btn-group"] a[title*="refresh"],
div[class*="btn-group"] a[title*="homepage"],
div[class*="btn-group"] a[title*="marcar"],
div[class*="btn-group"] a[title*="recargar"] {
    display: none !important;
}

/* Ocultar todo el grupo de botones si está en un contenedor específico */
.row.d-flex.align-items-center .btn-group {
    display: none !important;
}


/* 5. Forzar la unión y centrado de TODOS los menús */
.navbar-collapse {
    flex-grow: 1;
    justify-content: center;
}
.navbar-collapse .navbar-nav {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 6. Ocultar el logo de la barra de navegación */
.navbar-brand {
    display: none !important;
}

/* 7. Estilos de los enlaces del menú (transición y espaciado) */
.navbar-nav .nav-link {
    transition: background-color 0.2s ease-in-out;
}
@media (min-width: 992px) {
    .navbar-nav .nav-link {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

/* 8. Efecto hover para las opciones del menú */
.navbar-nav .nav-link:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* --- FIN DE PERSONALIZACIÓN FINAL --- */