/* === Google Map custom CSS === */

/* Palette neutra */
:root{
    --map-gray-900:#333;
    --map-gray-700:#666;
}

/* Full width edge-to-edge */
.map-fullbleed{
    width:100%;
    margin:0;
    transform:none;
}

/* Contenitore mappa */
.contact-map-wrap{margin:0}
.contact-map{
    width:100%;
    height:100%;
    min-height:360px;
    max-height:420px;
    position:relative;
    overflow:hidden;
    border-radius:0;
}

/* Barra info sotto mappa */
/*.map-info{
    display:flex;
    gap:12px;
    align-items:center;
    justify-content:space-between;
    margin:10px auto 0;
    max-width:1200px;
    padding:0 16px;
}*/
.map-address{
    /*font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;*/
    font-weight:500;
    font-size:16px;
    line-height:1.4;
    color:var(--map-gray-900);
}
.map-address .pin{margin-right:6px}
.map-directions{
    display:inline-block;
    padding:8px 12px;
    border-radius:10px;
    background:#000;
    color:#fff;
    text-decoration:none;
    /*font:600 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;*/
}
.map-directions:hover,
.map-directions:focus{opacity:.92}

/* Tooltip custom (overlay DOM al click del marker) */
.map-tooltip{
    position:absolute;
    transform:translate(-50%, -100%);
    background:#fff;
    border-radius:12px;
    box-shadow:0 8px 24px rgba(0,0,0,.15);
    padding:12px 14px;
    min-width:240px;
    max-width:420px;
    z-index:2;
    opacity:0;
    transition:opacity .18s ease;
}
.map-tooltip.is-visible{opacity:1}
.map-tooltip::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-8px;
    transform:translateX(-50%);
    border:8px solid transparent;
    border-top-color:#fff;
}
.map-tooltip .title{
    /*font:700 14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;*/
    font-size:18px;
    margin: 20px 0;
    color:#111;
}
.map-tooltip .btn{
    display:inline-block;
    padding:8px 10px;
    border-radius:10px;
    background:#000;
    color:#fff;
    text-decoration:none;
    font-weight:600;
    border: none;
    width: 100%;
}
.map-tooltip .btn:hover{
    color: #000000 !important;
    background-color: #77be32;
}

/* Fix controlli/icone Google (Pegman, zoom, ecc.) */
.contact-map .gm-style img,
.contact-map .gm-style svg,
.contact-map .gm-ui-hover-effect img,
.contact-map .gmnoprint img{
    max-width: none !important;
    box-sizing: content-box !important;
}

/* Altezza maggiore su desktop */
@media (min-width: 992px){
    .contact-map{
        height:40vh;
        max-height:520px;
    }
}