/* ============================================================================
   ckanext-sgc-theme — Branding UPeU · Portal de Datos Abiertos del SGC
   Paleta institucional (brand-tokens.md):
     azul brand   #003865   ·  azul profundo #023052  ·  ámbar accent #F8A900
   Se mapea sobre Bootstrap 5 + el CSS base de CKAN 2.11 (public/base/css/main.css),
   que define --bs-primary: #206b82 y compila botones/masthead con valores fijos.
   Este archivo SOLO sobreescribe; no toca el core. Carga después de `base/main`.
   ============================================================================ */

:root {
  --upeu-blue: #003865;        /* brand primario (SVG oficial upeu.edu.pe) */
  --upeu-blue-deep: #023052;   /* hover / franjas oscuras */
  --upeu-amber: #F8A900;       /* acento institucional (barra del logo) */
  --upeu-amber-600: #e59c00;   /* ámbar hover */
  --upeu-amber-700: #c98a00;   /* ámbar active */

  /* Bootstrap: variable primaria de CKAN 2.11 (#206b82 -> azul UPeU) */
  --bs-primary: #003865;
  --bs-primary-rgb: 0, 56, 101;
  --bs-link-color: #003865;
  --bs-link-color-rgb: 0, 56, 101;
  --bs-link-hover-color: #023052;
}

/* ---- Cabecera estilo upeu.edu.pe --------------------------------------------
   Barra superior (utilidades / Iniciar Sesión) azul profundo #023052 y
   barra principal (logo + menú) gris claro #EAEAEA con texto navy.
   Colores muestreados del propio upeu.edu.pe:
     top bar  rgb(2,48,82)   = #023052   · texto #F2F2F2
     main bar rgb(234,234,234)= #EAEAEA   · texto #00263D (~#003865)
   ------------------------------------------------------------------------- */

/* Barra superior — azul profundo (CKAN base: .account-masthead{#003647}) */
/* TEST NARANJA temporal para diagnóstico visual */
.account-masthead {
  background: #FF6600 !important;   /* TEST: normalmente #023052 */
}

/* Barra principal — gris claro (CKAN base: .masthead{#005d7a}) */
.masthead {
  background: #EAEAEA !important;
  border-bottom: 3px solid var(--upeu-blue);
  color: var(--upeu-blue);
}

/* Menú principal en navy; hover/activo con tinte azul suave (base: color:#fff) */
.masthead .main-navbar ul li a { color: var(--upeu-blue); }
.masthead .main-navbar ul li:hover a,
.masthead .main-navbar ul li:focus a,
.masthead .main-navbar ul li.active a {
  color: var(--upeu-blue);
  background-color: rgba(0, 56, 101, .10);
}

/* Buscador del masthead sobre fondo claro (base lo asumía sobre azul) */
.masthead .section.controls .form-control,
.masthead .site-search .form-control,
.masthead .search-input-group .form-control {
  background: #fff;
  border-color: rgba(0, 56, 101, .35);
  color: var(--upeu-blue);
}
.masthead .site-search button,
.masthead .section.controls .btn,
.masthead .search-input-group .btn { color: var(--upeu-blue); }

/* Logo SVG del masthead: contenerlo (el asset es el wordmark blanco+ámbar).
   Se iguala la especificidad de CKAN (.masthead .navbar .logo img{max-height:60px})
   y se fija height explícito porque el SVG se sirve con width/height propios. */
.masthead .navbar .logo img,
.masthead .logo img,
.navbar-brand img {
  height: 44px;
  max-height: 44px;
  width: auto;
}

/* ---- Enlaces (CKAN base los fija en #206b82) ----------------------------- */
a { color: #003865; }
a:hover, a:focus { color: #023052; }

/* ---- Botón primario -> ámbar acento, texto azul (contraste ~6.4:1 AA) ---- */
.btn-primary,
.btn-primary:focus {
  color: #003865;
  background-color: var(--upeu-amber);
  border-color: var(--upeu-amber);
}
.btn-primary:hover {
  color: #003865;
  background-color: var(--upeu-amber-600);
  border-color: var(--upeu-amber-600);
}
.btn-primary:active,
.btn-primary.active,
.btn-check:checked + .btn-primary,
.show > .btn-primary.dropdown-toggle {
  color: #003865;
  background-color: var(--upeu-amber-700);
  border-color: var(--upeu-amber-700);
}
.btn-check:focus + .btn-primary,
.btn-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(248, 169, 0, .4);
}

/* ---- Acentos varios: badges, foco, secciones destacadas ------------------ */
.badge.bg-primary,
.label-primary { background-color: var(--upeu-blue) !important; }

.homepage .module-search .tags .tag,
.tag {                       /* etiquetas -> azul UPeU */
  background-color: var(--upeu-blue);
  border-color: var(--upeu-blue);
}

:focus-visible { outline: 2px solid var(--upeu-amber); outline-offset: 1px; }

/* ---- Footer: exactamente el mismo fondo que la barra superior (plano) ---- */
/* La barra superior es #023052 SIN textura; el footer base traía bg.png, que
   lo hacía verse distinto. Se iguala: fondo plano #023052, como el top bar. */
.site-footer {
  background: #FF6600 !important;   /* TEST: normalmente #023052 */
}

/* Bloques oscuros de CKAN (heading de búsqueda, secciones) al azul UPeU */
.module-heading,
.hero .module-search .module-content { background: transparent; }