/* *** */
/* 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 por encima del resto de iconos del navbar. Ya no hace falta
 * compensarlo a mano: el enlace del menú de usuario se centra con flex junto con
 * el resto de la barra (regla común en main.css), así que basta con anular el
 * margen negativo del tema.
 *
 * Hoy la imagen no se muestra (`usermenu_image => false` en config/adminlte.php);
 * la regla queda para que siga alineada si se activa.
 */
.main-header.navbar .navbar-nav .user-menu .user-image {
    margin-top: 0;
}