/* =====================================================
   Portal MRW — Tema corporativo para GLPI 11
   Plugin: portalmrw v1.0.0

   Paleta corporativa MRW:
   - Navy:  #19133b
   - Azul:  #00228D
   - Rojo:  #EE2622
   - Gris:  #888373
   ===================================================== */

/* ============== VARIABLES GLOBALES (override core) ============== */
:root,
:root[data-glpi-theme="classic"],
:root[data-glpi-theme] {
    --tblr-primary: #19133b;
    --tblr-primary-rgb: 25, 19, 59;
    --tblr-primary-fg: #fff;
    --tblr-secondary: #888373;
    --tblr-secondary-fg: #fff;
    --tblr-link-color: #00228D;
    --tblr-link-color-rgb: 0, 34, 141;
    --tblr-link-hover-color: #19133b;

    --glpi-mainmenu-bg: #19133b;
    --glpi-mainmenu-fg: #fce7e4;

    --glpi-helpdesk-header: hsl(225deg, 30%, 90%);
    --glpi-palette-color-1: #19133b;
    --glpi-palette-color-2: #00228D;
    --glpi-palette-color-3: #EE2622;
    --glpi-palette-color-4: #FEC95C;

    --glpi-illustrations-gradient-1: hsl(225deg, 30%, 94%);
    --glpi-illustrations-gradient-2: hsl(225deg, 30%, 65%);
    --glpi-illustrations-gradient-3: hsl(225deg, 30%, 45%);

    --glpi-logo: url(/pics/logos/logo_mrw.png);
    --glpi-logo-reduced: url(/pics/logos/logo_mrw.png);
    --glpi-logo-light: url(/pics/logos/logo_mrw.png);
    --glpi-logo-light-reduced: url(/pics/logos/logo_mrw.png);
    --glpi-logo-dark: url(/pics/logos/logo_mrw.png);
    --glpi-logo-dark-reduced: url(/pics/logos/logo_mrw.png);
    --glpi-logo-dark-login: url(/pics/logos/logo_mrw.png);
    --glpi-logo-light-login: url(/pics/logos/logo_mrw.png);
}

/* ============== ENLACES ============== */
a { color: #00228D; }
a:hover { color: #19133b; }

/* ============== LOGO PRINCIPAL ============== */
.page .glpi-logo {
    background: var(--glpi-logo) no-repeat !important;
    background-size: contain !important;
    height: 60px !important;
    width: 200px !important;
}

/* ============== PAGINA DE LOGIN ============== */
.page-anonymous .glpi-logo {
    --logo: url(/pics/logos/logo_mrw.png) !important;
    content: var(--logo) !important;
    width: 236px !important;
    height: 83px !important;
}

body.welcome-anonymous {
    background: url(/pics/logos/logo_mrw_trasparente.png) !important;
}

.page-anonymous .card {
    border: none !important;
    box-shadow: 0 4px 24px rgba(25, 19, 59, 0.08),
                0 1px 4px rgba(25, 19, 59, 0.04) !important;
    border-radius: 12px !important;
}

.page-anonymous .btn-primary {
    background-color: #19133b !important;
    border-color: #19133b !important;
    color: #fff !important;
}

.page-anonymous .btn-primary:hover {
    background-color: #2a2356 !important;
    border-color: #2a2356 !important;
}

/* ============== SIDEBAR / MENU LATERAL ============== */
.sidebar,
.topbar {
    background-color: #FFFFFF !important;
    color: #000 !important;
}

.sidebar .btn-ghost-secondary,
.topbar .btn-ghost-secondary {
    color: #000 !important;
}

.sidebar #navbar-menu .nav-item .nav-link {
    color: #000 !important;
    border-left: 3px solid transparent;
    border-radius: unset;
}

.sidebar #navbar-menu .nav-item .nav-link.show,
.sidebar #navbar-menu .nav-item .nav-link.active {
    border-left-color: #EE2622 !important;
    color: #fff !important;
    background: linear-gradient(180deg, #19133b 80%, #19133b63) !important;
    font-weight: bold !important;
}

.sidebar #navbar-menu .nav-item:hover .nav-link {
    color: #fff !important;
    background-color: #19133b !important;
}

.navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu-columns {
    flex-direction: column;
    background-color: rgba(0, 34, 141, 0.06) !important;
}

.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item:hover,
.sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item:hover {
    color: #fff !important;
    background-color: rgba(25, 19, 59, 0.55) !important;
}

.sidebar #navbar-menu .nav-item .nav-link.active + .dropdown-menu .dropdown-item.active,
.sidebar #navbar-menu .nav-item .nav-link.show + .dropdown-menu .dropdown-item.active {
    background-color: #19133b !important;
    font-weight: bold;
    color: #fafbfc !important;
}

/* ============== NAVBAR COLAPSADO ============== */
body.navbar-collapsed .navbar-brand .glpi-logo {
    background: url(/pics/logos/logo_mrw.png) no-repeat !important;
    background-size: contain !important;
    width: 40px !important;
    height: 40px !important;
}

body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu {
    background-color: #f0f0f0 !important;
    color: #0c0c0c !important;
    border: 1px solid #19133b !important;
}

body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link + .dropdown-menu .dropdown-item.active {
    background-color: #19133b !important;
    border-left-color: #00228D;
    color: #fff !important;
}

@media (min-width: 992px) {
    body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link.show,
    body.navbar-collapsed .sidebar #navbar-menu .nav-item .nav-link.active {
        color: #fff !important;
    }
}

/* ============== BARRA SUPERIOR ============== */
.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
    color: #ffffff !important;
    background: linear-gradient(180deg, #000000 70%, #FFF) !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #fafbfc !important;
    background-color: #000000 !important;
}

.navbar-dark .text-muted {
    color: #1e293b !important;
}

/* ============== BOTONES ============== */
.btn-primary {
    --tblr-btn-bg: #19133b;
    --tblr-btn-color: #fff;
    --tblr-btn-border-color: #19133b;
    --tblr-btn-hover-bg: #2a2356;
    --tblr-btn-hover-color: #fff;
    --tblr-btn-hover-border-color: #2a2356;
    --tblr-btn-active-bg: #100d28;
    --tblr-btn-active-color: #fff;
}

.btn-outline-primary {
    --tblr-btn-color: #19133b;
    --tblr-btn-border-color: #19133b;
    --tblr-btn-bg: transparent;
    --tblr-btn-hover-bg: #19133b;
    --tblr-btn-hover-color: #fff;
}

.btn-secondary {
    --tblr-btn-bg: #EE2622;
    --tblr-btn-color: #fff;
    --tblr-btn-border-color: #EE2622;
    --tblr-btn-hover-bg: #c83228;
    --tblr-btn-hover-color: #fff;
}

.btn-outline-secondary {
    --tblr-btn-color: #EE2622;
    --tblr-btn-border-color: #EE2622;
    --tblr-btn-bg: transparent;
    --tblr-btn-hover-bg: #EE2622;
    --tblr-btn-hover-color: #fff;
}

.btn-warning {
    --tblr-btn-bg: #00228D;
    --tblr-btn-color: #fff;
    --tblr-btn-hover-bg: #001a6b;
    --tblr-btn-hover-color: #fff;
}

.btn-primary:hover,
.btn-secondary:hover {
    border-color: #19133b !important;
}

/* ============== ELEMENTOS DE INTERFAZ ============== */
.form-check-input:checked {
    background-color: #19133b !important;
    border-color: #19133b !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #00228D !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 34, 141, 0.25) !important;
}

.alert-warning {
    --tblr-alert-color: #000000;
}

.glpi-badge {
    background: #e6e7e9 !important;
    color: #19133b !important;
}

.card-tabs #tabspanel.nav-tabs .nav-link .badge {
    background-color: #EE2622 !important;
    color: #fafbfc !important;
}

.page-item.active .page-link {
    background-color: #19133b !important;
    border-color: #19133b !important;
    color: #ffffff !important;
}

.select2-container.select2-container--focus .select2-selection {
    border-color: #00228D !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 34, 141, 0.25) !important;
}

.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
    background-color: #19133b !important;
    color: #fafbfc !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    background-color: #19133b !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #19133b !important;
    background-color: rgba(0, 34, 141, 0.08) !important;
}

.search_page .search-container .search-form-container .search-form {
    background-color: rgba(0, 34, 141, 0.02) !important;
    color: #19133b !important;
    border-color: #FFFFFF !important;
}

.nav-tabs .nav-link.active {
    color: #19133b !important;
    border-bottom-color: #19133b !important;
}

.progress-bar {
    background-color: #19133b !important;
}

.table > thead {
    color: #19133b;
}

.sidebar::-webkit-scrollbar { width: 4px; }
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb { background: rgba(25, 19, 59, 0.3); border-radius: 2px; }

/* ============== HELPDESK / PORTAL CLIENTES ============== */

.helpdesk-header .glpi-logo,
.navbar .glpi-logo,
.navbar-brand .glpi-logo {
    background: url(/pics/logos/logo_mrw.png) no-repeat !important;
    background-size: contain !important;
    width: 120px !important;
    height: 40px !important;
}

/* Ocultar enlaces de navegación de FAQ y Reservaciones */
nav a[href*="Reservation"],
nav a[href*="reservation"],
nav a[href*="KnowbaseItem"],
nav a[href*="knowbase"],
nav a[href*="Faq"],
nav a[href*="faq"] {
    display: none !important;
}

.helpdesk-header,
[data-glpi-interface="helpdesk"] .navbar {
    background: linear-gradient(135deg, #19133b 0%, #00228D 100%) !important;
}

.helpdesk-home h1,
.service-catalog-header h1 {
    color: #19133b !important;
    font-weight: 700 !important;
}

.helpdesk-home .card:hover,
.service-catalog-home-tiles .card:hover {
    border-color: #00228D !important;
    box-shadow: 0 4px 12px rgba(0, 34, 141, 0.15) !important;
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

.helpdesk-home .card,
.service-catalog-home-tiles .card {
    transition: all 0.2s ease;
    border-radius: 10px !important;
}