/* ------------------------------------------------ */
/* MOBILE FIX */
/* ------------------------------------------------ */

@media (max-width:768px){

#travel-map-root aside{
padding:16px !important;
}

#travel-map-root .rounded-xl{
padding:14px !important;
margin-bottom:10px !important;
}

#travel-map-root .text-lg{
font-size:18px !important;
margin-bottom:2px !important;
}

#travel-map-root .text-muted-foreground{
font-size:13px !important;
margin-bottom:6px !important;
}

#travel-map-root .rounded-full{
width:34px;
height:34px;
font-size:13px;
}

#travel-map-root .line-clamp-3{
-webkit-line-clamp:5 !important;
}

.mapboxgl-popup-content{
padding:16px !important;
}

}

@media (max-width:768px){

#travel-map-root{
flex-direction:column !important;
}

#travel-map-root aside{
width:100% !important;
max-height:60vh;
overflow-y:auto;
border-top:1px solid #e5e7eb;
}

#travel-map-root .map-container{
height:40vh !important;
}

}

/* ------------------------------------------------ */
/* FONT GLOBAL */
/* ------------------------------------------------ */

#travel-map-root,
#travel-map-root *{
font-family:"PP Pangram Sans",system-ui,sans-serif !important;
text-decoration:none !important;
}


/* ------------------------------------------------ */
/* CLAMP DESCRIZIONE */
/* ------------------------------------------------ */

#travel-map-root .line-clamp-3{
display:-webkit-box;
-webkit-line-clamp:5 !important;
-webkit-box-orient:vertical;
overflow:hidden;
padding:0 !important;
margin-top:6px;
}


/* ------------------------------------------------ */
/* SIDEBAR */
/* ------------------------------------------------ */

#travel-map-root aside{
padding:18px 16px;
}


/* ------------------------------------------------ */
/* CARD TAPPE */
/* ------------------------------------------------ */

#travel-map-root .rounded-xl{
padding:14px 16px !important;
margin-bottom:10px;
border-radius:14px;
}


/* ------------------------------------------------ */
/* NUMERO TAPPA */
/* ------------------------------------------------ */

#travel-map-root .rounded-full{
font-size:15px;
font-weight:600;
}


/* ------------------------------------------------ */
/* TITOLO CITTÀ */
/* ------------------------------------------------ */

#travel-map-root .text-lg{
font-size:16px;
margin-bottom:2px !important;
line-height:1.25;
}


/* ------------------------------------------------ */
/* DATA */
/* ------------------------------------------------ */

#travel-map-root .text-muted-foreground{
font-size:12px;
margin-bottom:6px !important;
opacity:.75;
}


/* ------------------------------------------------ */
/* RIMUOVE INDENT DESCRIZIONE */
/* ------------------------------------------------ */

.pl-\[3\.25rem\]{
padding-left:0 !important;
}


/* ------------------------------------------------ */
/* CENTRA TITOLO SE NON C'È DATA */
/* ------------------------------------------------ */

#travel-map-root .rounded-xl:not(:has(.text-muted-foreground)) .text-lg{
margin:0;
}


/* ------------------------------------------------ */
/* BOTTONE SCOPRI DI PIÙ */
/* ------------------------------------------------ */

#travel-map-root button{
font-family:"PP Pangram Sans",system-ui,sans-serif !important;
font-size:13px !important;
padding:0 !important;
margin-top:4px !important;
color:hsl(var(--accent));
text-decoration:none !important;
cursor:pointer;
}


/* hover */

#travel-map-root button:hover{
color:hsl(var(--accent) / .75) !important;
}


/* ------------------------------------------------ */
/* MAPBOX POPUP */
/* ------------------------------------------------ */

.mapboxgl-popup-content{
border-radius:14px !important;
padding:18px 20px !important;
font-family:"PP Pangram Sans",system-ui,sans-serif !important;
}


/* ------------------------------------------------ */
/* POPUP X */
/* ------------------------------------------------ */

.mapboxgl-popup-close-button span{
font-size:26px !important;
width:30px;
height:30px;
top:6px;
right:8px;
color:#ff6a00;
}

.mapboxgl-popup-close-button span:hover{
background:none !important;
opacity:.7;
}


/* ------------------------------------------------ */
/* POPUP TITOLO */
/* ------------------------------------------------ */

.mapboxgl-popup-content h3{
font-size:17px;
font-weight:600;
margin-bottom:6px;
}


/* ------------------------------------------------ */
/* POPUP TESTO */
/* ------------------------------------------------ */

.mapboxgl-popup-content p{
font-size:13px;
line-height:1.5;
margin:0;
}


/* ------------------------------------------------ */
/* MARKER MAPPA */
/* ------------------------------------------------ */

.mapboxgl-marker{
cursor:pointer;
}


/* ------------------------------------------------ */
/* FIX WORDPRESS / ELEMENTOR */
/* ------------------------------------------------ */

.elementor #travel-map-root button{
background:none !important;
border:none !important;
box-shadow:none !important;
}

.elementor #travel-map-root a{
color:inherit !important;
text-decoration:none !important;
}


/* ------------------------------------------------ */
/* DIMENSIONE "TAPPE" */
/* ------------------------------------------------ */

#travel-map-root .text-xs{
font-size:14px !important;
}