/**
 * ViviendaVerde - Geolocation Popup overrides
 *
 * El popup .first-loggedin es movido a <body> por geolocation-prompt.js
 * para evitar que quede clipeado dentro de nav-sections en mobile.
 * Al estar en body se posiciona fixed centrado con overlay.
 */

/* Reducir font-size del texto descriptivo para que quepa en 2 líneas */
.first-loggedin-show-adress {
    font-size: 14px !important;
}

/* Botón X para cerrar el popup sin aceptar */
.first-loggedin {
    position: relative;
}

.vv-geo-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 20px;
    line-height: 1;
    color: #666;
    cursor: pointer;
    z-index: 1;
}

/* Mobile: popup debajo del header (top seteado por JS), sin overlay */
@media (max-width: 576px) {
    body > .first-loggedin[data-shipto="first-login"] {
        position: fixed;
        /* top se setea dinámicamente en geolocation-prompt.js según la altura real del header */
        left: calc(50vw - 150px) !important;
        transform: none;
        z-index: 9999;
        margin: 0 !important;
    }

    body > .first-loggedin[data-shipto="first-login"]::after {
        display: none;
    }

    /* Achicar el icono para que el texto quepa en 2 renglones */
    body > .first-loggedin[data-shipto="first-login"] .col-4 img {
        max-height: 55px;
        width: auto;
    }

    /* Reducir fuente a 13px para caber en 2 líneas dentro del col-8 (~200px) */
    .first-loggedin-show-adress {
        font-size: 13px !important;
    }

    .first-loggedin-hello {
        font-size: 26px;
    }
}
