/* GARS — override del color primario (azul Athen's Pizza #2a4997) */
:root {
    --bs-primary: #2a4997;
    --bs-primary-rgb: 42, 73, 151;
}

.btn-primary {
    --bs-btn-bg: #2a4997;
    --bs-btn-border-color: #2a4997;
    --bs-btn-hover-bg: #223b7a;
    --bs-btn-hover-border-color: #223b7a;
    --bs-btn-active-bg: #223b7a;
}

.text-primary { color: #2a4997 !important; }
.text-bg-primary { background-color: #2a4997 !important; }

a { color: #2a4997; }

/* ===== Look & Feel: barra superior azul + sidebar claro ===== */

/* Header azul con texto blanco */
.app-header-blue {
    background-color: #2a4997 !important;
    border-bottom: 0 !important;
}
.app-header-blue .nav-link { color: #fff !important; }
.app-header-blue .nav-link:hover { color: rgba(255, 255, 255, .75) !important; }

/* Sidebar claro */
.app-sidebar {
    border-right: 1px solid #e5e7eb;
}
.sidebar-brand {
    border-bottom: 1px solid #eef0f4;
}
/* Encabezados de sección del menú */
.app-sidebar .nav-header {
    color: #9aa3b2;
    text-transform: uppercase;
    font-size: .72rem;
    letter-spacing: .04em;
}
/* Ítems del menú: texto oscuro, hover e ítem activo en azul */
.app-sidebar .sidebar-menu .nav-link {
    color: #3b4252;
    border-radius: .375rem;
    margin: .1rem .5rem;
}
.app-sidebar .sidebar-menu .nav-link:hover {
    background-color: #eef2fb;
    color: #2a4997;
}
.app-sidebar .sidebar-menu .nav-link.active {
    background-color: #2a4997;
    color: #fff;
}
.app-sidebar .sidebar-menu .nav-icon { color: inherit; }

/* Grupo desplegado: AdminLTE pinta un gris de fondo en el <li> abierto que,
   como el <li> no tiene margen, queda pegado al borde y desentona con los
   ítems (que sí van con margen y esquinas redondeadas). Se neutraliza el
   fondo del <li> y del submenú, y el encabezado abierto se trata como hover. */
.app-sidebar .sidebar-menu .nav-item.menu-open,
.app-sidebar .sidebar-menu .nav-treeview {
    background: transparent !important;
}
.app-sidebar .sidebar-menu .nav-item.menu-open > .nav-link {
    background-color: #eef2fb;
    color: #2a4997;
}
/* El ítem activo dentro de un grupo abierto conserva su azul. */
.app-sidebar .sidebar-menu .nav-item.menu-open > .nav-link.active {
    background-color: #2a4997;
    color: #fff;
}