/* ── Navbar principal ──
   Barra fija guinda sobre Bootstrap 5. Sustituye los estilos en línea y el
   espaciador de 70 px de includes/navbar.html: la geometría la compensa
   body con --izt-navbar-h. */

:root {
    --izt-navbar-h: 71px;
}

body {
    padding-top: var(--izt-navbar-h);
}

.izt-navbar {
    background-color: var(--izt-brand-solid);
    min-height: var(--izt-navbar-h);
    z-index: 1050;
}

.izt-navbar-logo {
    height: 45px;
    width: auto;
}

/* Enlaces: blancos sobre el guinda; el activo se refuerza con peso y subrayado. */
.izt-navbar .izt-nav-link {
    display: flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.85);
}

.izt-navbar .izt-nav-link:hover,
.izt-navbar .izt-nav-link:focus {
    color: #fff;
}

.izt-navbar .izt-nav-link.active {
    color: #fff;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 4px;
}

@media (max-width: 991.98px) {
    .izt-navbar .izt-nav-link {
        min-height: 48px;
    }
}

/* Botones del navbar: píldora, 44 px mínimo táctil y texto centrado. */
.izt-nav-btn {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 6px 20px;
    border-radius: 20px;
    font-weight: 600;
}

.izt-nav-user {
    font-size: 13px;
}

.izt-toggler-icon {
    filter: invert(1);
}

/* Cerrar sesión es un botón de formulario, no un enlace. */
.izt-navbar .izt-nav-logout {
    background-color: transparent;
    border: 0;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
    cursor: pointer;
}

.izt-navbar .izt-nav-logout:hover,
.izt-navbar .izt-nav-logout:focus {
    color: #fff;
}

/* El contorno global es guinda y desaparecería aquí: sobre guinda va blanco. */
.izt-navbar a:focus-visible,
.izt-navbar button:focus-visible {
    outline-color: #fff;
}

/* Bootstrap anula el contorno del toggler con .navbar-toggler:focus. */
.izt-navbar .navbar-toggler:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 2px;
    box-shadow: none;
}