/*
 * Piloto Unimagdalena — identidad de marca del host de Aliados.
 *
 * Se carga DESPUÉS de color1.css (que ya sobreescribe Bootstrap con
 * $primary-1 = #6259ca usando !important) — este archivo aplica el mismo
 * patrón de especificidad sobre el acento primario de la plantilla Zanex:
 * botones, enlaces y el estado activo del sidebar. NO toca el fondo general
 * de la plantilla ni reestructura ningún layout — solo color y logo (el
 * logo se resuelve en las vistas, no aquí).
 *
 * Valores tomados de front/constants/Colors.ts, sin inventar tonos nuevos:
 *   primary        #D45D2E (terracota)
 *   primaryMuted   #8E3D23 (siena profundo — hover/active/focus)
 *   missionDiarySand #F9F7F0 (hover claro del sidebar)
 *
 * Deliberadamente NO cubre variantes menos usadas de Zanex (.btn-primary-light,
 * .btn-primary-gradient, .bg-primary-gradient): quedan en violeta original.
 * Si se necesitan, es una extensión de esta misma hoja, no un rediseño.
 */

:root {
    --lafi-ally-primary: #D45D2E;
    --lafi-ally-primary-dark: #8E3D23;
    --lafi-ally-hover-bg: #F9F7F0;
}

a {
    color: var(--lafi-ally-primary);
}

a:hover {
    color: var(--lafi-ally-primary-dark);
}

.text-primary {
    color: var(--lafi-ally-primary) !important;
}

.bg-primary {
    background: var(--lafi-ally-primary) !important;
}

.border-primary {
    border-color: var(--lafi-ally-primary) !important;
}

/* Botones: mismos selectores y estados que color1.scss sobreescribe sobre Bootstrap. */
.btn-primary {
    background: var(--lafi-ally-primary) !important;
    border-color: var(--lafi-ally-primary-dark) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--lafi-ally-primary-dark) !important;
    border-color: var(--lafi-ally-primary-dark) !important;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 2px rgba(212, 93, 46, 0.45) !important;
}

/* Sidebar — estado activo (mismos selectores que sidemenu.scss). */
.side-menu__item.active,
.side-menu__item.active:hover,
.side-menu__item.active:focus {
    background: var(--lafi-ally-primary) !important;
    box-shadow: none !important;
}

.side-menu__item.active .side-menu__icon,
.side-menu__item.active:hover .side-menu__icon,
.side-menu__item.active .side-menu__label {
    color: #ffffff !important;
}

.side-menu__item:hover,
.side-menu__item:focus {
    color: var(--lafi-ally-primary) !important;
    background: var(--lafi-ally-hover-bg) !important;
}

.side-menu__item:hover .side-menu__icon,
.side-menu__item:hover .side-menu__label,
.side-menu__item:focus .side-menu__icon,
.side-menu__item:focus .side-menu__label {
    color: var(--lafi-ally-primary) !important;
}

.slide-menu a.active,
.slide-item.active,
.slide-item:hover,
.slide-item:focus {
    color: var(--lafi-ally-primary) !important;
}

/* Pestañas del portal (/aliado: "Otorgar Laficréditos", "Estadísticas", etc.)
   — mismos selectores que color1.c8a4ae0e.css (compilado de color1.scss). */
.nav-tabs .nav-link:hover:not(.disabled),
.nav-tabs .nav-link.active,
.nav-tabs .nav-item1 .nav-link:hover:not(.disabled),
.nav-tabs .nav-item1 .nav-link.active {
    background: var(--lafi-ally-primary) !important;
    color: #ffffff !important;
}

/* Botón "INICIAR ESCÁNER" de /validar (partner/simple_validate.blade.php):
   página standalone sin layout Zanex, con su propio <style> inline en
   violeta (#6d28d9 → #5b21b6). Esta hoja se carga ahí vía un <link> propio,
   DESPUÉS de ese <style> en el <head> — misma especificidad, gana por orden
   de cascada, sin necesidad de !important. Se agrega igual para blindar
   contra cualquier reordenamiento futuro del <head> de esa vista. */
button.btn-scan-start {
    background: linear-gradient(180deg, var(--lafi-ally-primary) 0%, var(--lafi-ally-primary-dark) 100%) !important;
    box-shadow: 0 4px 14px rgba(212, 93, 46, 0.35) !important;
}

/* Fondo del login (.login-img, el <div> de auth/login-ally.blade.php),
   violeta #6259ca en color1.c8a4ae0e.css. .login-img solo se usa en las
   vistas de login (auth/login.blade.php y login-ally.blade.php), así que
   no hay riesgo de que esta regla afecte otra pantalla del portal. */
.login-img {
    background: var(--lafi-ally-hover-bg) !important;
}