/* *** */
/* Desarrollado por Herlin R. Espinosa G. (herlin25@gmail.com) */
/* *** */

/*
 * Botón "Inicio" del navbar: SOLO el icono de casa, centrado en el punto medio
 * entre el toggle del menú (izquierda) y el icono de idioma (derecha). El item
 * vive en la <ul> izquierda del navbar (topnav), pero el enlace se posiciona
 * absoluto respecto al navbar.
 *
 * El `left:50%` de abajo es solo el FALLBACK inicial; `public/js/navbar-home.js`
 * recalcula el `left` al punto medio real de ambos iconos y lo mantiene en cada
 * resize (clave en móvil, donde el grupo derecho es más angosto).
 *
 * La clase `navbar-home-center` se aplica al <a.nav-link> (así lo inyecta el
 * ClassesFilter de AdminLTE), no al <li>.
 */
.main-header.navbar {
    position: relative;
}

.nav-link.navbar-home-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /* Flex para centrar el icono vertical y horizontalmente dentro del enlace
       (con font-size:0 + icono inline el glifo se apoyaba ~2px alto). */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Solo icono: se oculta el texto (nodo suelto dentro del <a>). */
    font-size: 0;
    line-height: 1;
}

.nav-link.navbar-home-center > i {
    font-size: 1.25rem;
    line-height: 1;
}

/*
 * Foto/avatar del usuario: el tema la sube con margin-top:-8px (regla anidada),
 * dejándola ~2-3px por encima del resto de iconos del navbar. Se reajusta a
 * -4px para que su centro vertical coincida con el del navbar (verificado en
 * producción con getBoundingClientRect: centro ≈ 28.5px en un navbar de 57px).
 */
.main-header.navbar .navbar-nav .user-menu .user-image {
    margin-top: -4px;
}