/*
Theme Name:     Divi Child
Theme URI:      http://beecreative.it/
Description:    Tema Child per il Divi
Author:         Beecreative
Author URI:     https://beecreative.it/
Template:       Divi
Version:        0.1.0
*/
::selection {
    background-color: #eee;
    color:#000;
}


/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}

/* ============================================================
   Scrollbar minimal per il box elenco siti (homepage)
   Stile "macOS" anche su Windows: barra sottile, traccia
   invisibile, thumb quasi trasparente che diventa visibile
   solo al passaggio del mouse sul contenitore.
   ============================================================ */

#boxElencoSitiScroll {
    /* Proprietà standard: Firefox e Chrome/Edge 121+ */
    scrollbar-width: thin;
    scrollbar-color: rgba(27, 69, 109, 0.15) transparent;
    /* Riserva lo spazio della barra: evita lo spostamento del
       contenuto quando la barra compare/scompare */
    scrollbar-gutter: stable;
}

#boxElencoSitiScroll:hover {
    scrollbar-color: rgba(27, 69, 109, 0.45) transparent;
}

/* Fallback WebKit: Safari e Chrome/Edge meno recenti
   (ignorato dai browser che supportano scrollbar-color) */
#boxElencoSitiScroll::-webkit-scrollbar {
    width: 6px;
}

#boxElencoSitiScroll::-webkit-scrollbar-track {
    background: transparent;
}

#boxElencoSitiScroll::-webkit-scrollbar-thumb {
    background-color: rgba(27, 69, 109, 0.15);
    border-radius: 3px;
}

#boxElencoSitiScroll:hover::-webkit-scrollbar-thumb {
    background-color: rgba(27, 69, 109, 0.45);
}

/* La riga risultati è sempre visibile in homepage.
   .fwp-homepage.page-id-2 ha specificità 0,3,0 > specificità 0,2,0 di Divi
   (.page-id-2 .rigaElencositi{display:none!important}), quindi vince anche
   se il CSS di Divi viene caricato dopo quello del child theme. */
.fwp-homepage.page-id-2 .rigaElencositi {
    display: block !important;
}

/* Pulsante "torna indietro" dentro #fwp-pin-frase */
#fwp-btn-indietro {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid #c0c0c0;
    border-radius: 50%;
    background-color: #f5f5f5;
    color: #555555;
    cursor: pointer;
    line-height: 1;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    vertical-align: middle;
    flex-shrink: 0;
    margin-top: -24px;
}

#fwp-btn-indietro:hover {
    background-color: #e8e8e8;
    border-color: #999999;
}

/* ============================================================
   InfoWindow della mappa homepage (FacetWP Map facet, marker
   click). Le regole con specificità/font-size di base sono nel
   CSS Aggiuntivo di Divi (.gm-style-iw-d .fwp-marker-*); qui
   interveniamo su dimensione del box e bottone di chiusura "X",
   che finora usava lo stile predefinito di Google Maps.
   ============================================================ */

/* Box dell'InfoWindow: più largo e senza clipping dei contenuti
   più grandi usati in homepage (.mappaHomepage). */
.mappaHomepage .gm-style-iw-c {
    max-width: 340px !important;
    padding: 18px !important;
}

.mappaHomepage .gm-style-iw-d {
    overflow: visible !important;
    max-height: none !important;
    max-width: none !important;
}

/* Bottone di chiusura "X": di default Google Maps lo rende
   piuttosto grande rispetto al contenuto del marker; lo
   riduciamo e lo riallineiamo nell'angolo. */
.mappaHomepage .gm-ui-hover-effect {
    width: 22px !important;
    height: 22px !important;
    top: 6px !important;
    right: 6px !important;
    opacity: 0.7;
}

.mappaHomepage .gm-ui-hover-effect:hover {
    opacity: 1;
}

.mappaHomepage .gm-ui-hover-effect img {
    width: 14px !important;
    height: 14px !important;
    margin: 4px !important;
}