/**
 * 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;
}

/* Popup siempre fijo bajo el header (top y left seteados por JS) */
body > .first-loggedin[data-shipto="first-login"] {
    position: fixed;
    z-index: 9999;
    margin: 0 !important;
    transform: none;
}

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

/* Mobile: centrado y ancho reducido */
@media (max-width: 576px) {
    body > .first-loggedin[data-shipto="first-login"] {
        width: 300px;
        left: calc(50vw - 150px) !important;
    }

    body > .first-loggedin[data-shipto="first-login"] .col-4 img {
        max-height: 55px;
        width: auto;
    }

    .first-loggedin-show-adress {
        font-size: 13px !important;
    }

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