/* AHD — Identidad visual institucional para OJS — v3
   Corrección de la franja azul exterior de la navegación.
*/

:root {
    --ahd-negro: #111111;
    --ahd-dorado: #B4934B;
    --ahd-blanco: #FFFFFF;
}

/* CABECERA Y TODA LA FRANJA DE NAVEGACIÓN */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
    background: var(--ahd-negro) !important;
}

/* Evita que el contenedor exterior del tema conserve el azul */
.pkp_navigation_primary_row,
.pkp_navigation_user_wrapper {
    background-color: var(--ahd-negro) !important;
}

/* Navegación */
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_search > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_search > a:hover {
    color: var(--ahd-blanco) !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_search > a:hover,
.pkp_navigation_search > a:focus {
    color: var(--ahd-dorado) !important;
}

/* Acento institucional */
.pkp_structure_head {
    border-bottom: 3px solid var(--ahd-dorado) !important;
}

/* Nombre */
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name a:hover {
    color: var(--ahd-blanco) !important;
}

/* Enlaces */
a {
    color: var(--ahd-negro);
}

a:hover,
a:focus {
    color: var(--ahd-dorado);
}

/* Botones */
.cmp_form .buttons button,
.cmp_button,
.obj_galley_link,
.block_make_submission a {
    border-color: var(--ahd-negro) !important;
    background: var(--ahd-negro) !important;
    color: var(--ahd-blanco) !important;
}

.cmp_form .buttons button:hover,
.cmp_button:hover,
.obj_galley_link:hover,
.block_make_submission a:hover {
    border-color: var(--ahd-dorado) !important;
    background: var(--ahd-dorado) !important;
    color: var(--ahd-negro) !important;
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
    color: var(--ahd-negro);
}

/* Pie */
.pkp_structure_footer_wrapper {
    border-top: 3px solid var(--ahd-dorado);
}

/* =========================================================
   AHD — MENÚ DESPLEGABLE EN IDENTIDAD INSTITUCIONAL
   Blanco, negro y dorado. No modifica la estructura de OJS.
   ========================================================= */

/* Fondo del menú desplegable */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary .dropdown-menu li,
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_user .dropdown-menu li {
    background: var(--ahd-blanco) !important;
}

/* Enlaces del menú desplegable */
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a {
    color: var(--ahd-negro) !important;
    background: var(--ahd-blanco) !important;
}

/* Hover y foco: dorado institucional */
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus {
    color: var(--ahd-negro) !important;
    background: var(--ahd-dorado) !important;
}

/* Elemento activo/seleccionado */
.pkp_navigation_primary .dropdown-menu .active > a,
.pkp_navigation_primary .dropdown-menu .selected > a,
.pkp_navigation_user .dropdown-menu .active > a,
.pkp_navigation_user .dropdown-menu .selected > a {
    color: var(--ahd-negro) !important;
    background: var(--ahd-dorado) !important;
}

/* Bordes del desplegable */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_user .dropdown-menu {
    border-color: #dddddd !important;
}