/* set-box-pagine-rel.css */

/* Stili del contenitore principale */
.set-box-pagine-rel-container {
    padding: 0;
}

.blocco-intestazione-pacchetti {
    background-color: var(--e-global-color-d49ac81);
    color: #222;
    text-align: center !important;
    padding-top: 20px;
    padding-bottom: 1px;
}

.pacchetto-prezzi-item {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    padding: 20px;
    background-color: #f9f9f9;
}

.pacchetto-prezzi-item h3 {
    color: #222 !important;
    font-size: 1.8em !important;
    margin-top: 0;
}

.pacchetto-prezzi-item h4 {
    color: #222 !important;
    font-size: 1.2em !important;
    font-style: italic !important;
    margin-bottom: 15px !important;
}

.pacchetto-prezzi-item .descrizione-finale {
    margin-bottom: 20px;
    line-height: 1.6;
    color: #222;
}


.pacchetto-prezzi-item button.owl-dot.active, .pacchetto-prezzi-item button.owl-dot:hover {
    background-color: transparent !important;
}


@media (max-width: 768px) {
    .pacchetto-prezzi-item {
        padding: 0;
    }


    .pacchetto-prezzi-item h3 {
        font-size: 1.3em !important;
        line-height: .8em !important;
    }

    .pacchetto-prezzi-item h4 {
        font-size: 1.1em !important;
        line-height: .5em !important;
    }

    .locale-image-wrapper {
        height: 200px !important;
    }


}

/* ------------------------------------------- */
/* --- OWL CAROUSEL STYLES (CRITICO) --- */
/* ------------------------------------------- */

.locali-carosello {
    margin-top: 20px;
}

/* Stile per singola slide (locale) - Box */
.locale-slide {
    /* Owl Carousel usa la classe .owl-item, .locale-slide è il nostro custom */
    text-align: center;
    box-sizing: border-box; 
    height: auto; /* Lasciamo che il contenuto definisca l'altezza */
}

/* Contenitore del link (per flexbox e altezza uniforme del box) */
.locale-slide a {
    display: flex; 
    flex-direction: column;
    text-decoration: none;
    color: inherit;
    height: 100%; /* Copre l'intera altezza dello slide item */
    border: 1px solid #eee;
    padding: 15px;
    background: white;
}


/* --- IMMAGINE E TESTO --- */

/* Contenitore immagine per altezza fissa e object-fit */
.locale-image-wrapper {
    width: 100%;
    height: 350px; /* ALTEZZA FISSA RICHIESTA */
    overflow: hidden; 
    margin-bottom: 10px;
    flex-shrink: 0; 
}

/* Forza l'immagine a riempire il contenitore e usa object-fit */
.locale-slide img {
    width: 100% !important; 
    height: 100% !important;
    display: block;
    object-fit: cover; /* Scala per coprire il contenitore di 350px */
    margin: 0 !important; 
    padding: 0 !important;
}

/* Placeholder */
.locale-placeholder {
    height: 350px; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0;
    color: #888;
    flex-shrink: 0;
}

/* Stile per il titolo - allineato in basso */
.locale-slide .locale-title {
    font-weight: bold;
    color: #555;
    flex-grow: 1; 
    display: flex;
    align-items: flex-end; /* Allinea il testo in basso */
    justify-content: center; 
    padding-top: 5px;
    text-align: center;
}

/* ------------------------------------------- */
/* --- RIMOZIONE PULSANTI PREVIOUS E NEXT --- */
/* ------------------------------------------- */

/* RIMOZIONE GENERICA PULSANTI (se provengono da altri elementi del tema) */
.previous,
.next {
    display: none !important; 
}

/* RIMOZIONE DELLE FRECCE DI OWL CAROUSEL (Navigazione) */
/*.locali-carosello .owl-nav {
    display: none;
}*/

/* Personalizzazione base dei pallini (dots) di Owl Carousel */
.locali-carosello .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.locali-carosello .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #ccc;
    display: block;
    border-radius: 50%;
}

.locali-carosello .owl-dot.active span {
    background: #0073aa;
}

/* ------------------------------------------- */
/* --- STILI FRECCE (NAV) DI OWL CAROUSEL --- */
/* ------------------------------------------- */

/* Contenitore delle frecce */
.locali-carosello.owl-theme .owl-nav {
    margin-top: 0;
}

/* Posizionamento relativo per permettere alle frecce di posizionarsi in modo assoluto */
.locali-carosello.owl-theme {
    position: relative;
}

/* Stile base delle frecce (Prev e Next) */
.locali-carosello.owl-theme .owl-nav button {
    position: absolute;
    top: 50%; /* Allinea verticalmente al centro del carosello */
    transform: translateY(-50%);
    width: 40px; /* Larghezza del pulsante */
    height: 40px; /* Altezza del pulsante */
    border: none;
    background: rgba(0, 0, 0, 0.6); /* Sfondo scuro semi-trasparente */
    color: white; /* Colore dell'icona/testo */
    font-size: 20px;
    line-height: 1;
    text-align: center;
    padding: 0;
    transition: background 0.3s;
    cursor: pointer;
    border-radius: 4px; /* Angoli leggermente arrotondati */
    z-index: 10; /* Assicura che le frecce siano sopra le slide */
}

/* Stile al passaggio del mouse */
.locali-carosello.owl-theme .owl-nav button:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* Posizionamento freccia "Prev" (sinistra) */
.locali-carosello.owl-theme .owl-nav .owl-prev {
    left: -50px; /* Spostato leggermente fuori dal bordo del carosello */
}

/* Posizionamento freccia "Next" (destra) */
.locali-carosello.owl-theme .owl-nav .owl-next {
    right: -50px; /* Spostato leggermente fuori dal bordo del carosello */
}

/* Stili per schermi piccoli (se le frecce sono troppo fuori) */
@media (max-width: 1100px) {
    .locali-carosello.owl-theme .owl-nav .owl-prev {
        left: 10px; /* Metti le frecce all'interno sui display più stretti */
    }
    .locali-carosello.owl-theme .owl-nav .owl-next {
        right: 10px; /* Metti le frecce all'interno sui display più stretti */
    }
}

/* Stile per i pulsanti disattivati (inizio/fine carosello con loop: false) */
.locali-carosello.owl-theme .owl-nav button.disabled {
    opacity: 0.5;
    cursor: default;
}