/* =========================================
   IMPOSTAZIONI DI BASE
   ========================================= */
/* 0. Sfondo bianco globale per l'header durante lo scroll */
#sp-header.header-sticky {
    background-color: #ffffff;
}
/* 1. Sovrascrivi il colore dei numeri SOLO in Home Page QUANDO l'header è sticky */
body.sticky-variant #sp-header.header-sticky .spmenu-number {
    color: #191919 !important;
}
/* 2. LINK NEL TESTO (Sottolineatura spessa) */
body p a {
    color: #005F60; /* Colore base Ottanio */
    text-decoration: none; /* Rimuove sottolineatura standard */
    border-bottom: 2px solid transparent; /* Riserva lo spazio per evitare salti */
    transition: all 0.3s ease-in-out;
    font-weight: 600;
}
body p a:hover {
    color: #FD5901; /* Diventa Arancio */
    border-bottom: 2px solid #FD5901; /* Sottolineatura spessa 2px */
}
/* 3. CLASSE HELPER SFONDO PORCELLANA */
.bg-porcelain {
    background-color: #F8F6F2 !important;
}
/* 4. OVERRIDE GLOBALE BORDER RADIUS */
.sppb-addon-single-image img,
.sppb-addon-feature,
.sppb-addon-video iframe,
.sppb-panel-custom {
    border-radius: 3px !important;
}
/* =========================================
   BOTTONI PRIMARY E SECONDARY
   ========================================= */
/* Stile base dei bottoni: Arancione Galenos */
body .btn.btn-primary,
body .btn.btn-secondary {
    all: unset;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    background: #fd5901 !important; /* Usato "background" per uccidere i gradienti di Artolio */
    color: #ffffff !important;
    padding: 15px 30px;
    border-radius: 4px !important; 
    margin-top: 10px; 
    cursor: pointer;
    display: inline-block;
    text-transform: none !important;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
/* Effetto Hover dei bottoni: Ottanio Galenos */
body .btn.btn-primary:hover,
body .btn.btn-secondary:hover {
    background: #005f60 !important; 
    color: #ffffff !important;
}
/* =========================================
   CAMBIO COLORE BURGER SU HEADER
   ========================================= */
/* 1. Stato iniziale (Header trasparente) - Icona e Testo Bianchi */
.home-galenos #sp-header:not(.header-sticky) #offcanvas-toggler .burger-icon > span {
    background-color: #ffffff !important;
}
.home-galenos #sp-header:not(.header-sticky) #offcanvas-toggler::after {
    color: #ffffff !important;
}
/* 2. Stato Sticky (Dopo lo scroll) - Icona e Testo Neri */
.home-galenos #sp-header.header-sticky #offcanvas-toggler .burger-icon > span {
    background-color: #191919 !important;
}
.home-galenos #sp-header.header-sticky #offcanvas-toggler::after {
    color: #191919 !important;
}
/* =========================================
   PAGINA 404 (ERRORE) da ricontrollare
   ========================================= */
/* 0. Dimensione logo */
html.error-page .error-logo {
    height: 60px;
}
/* 1. Sfondo e colore testo di base */
.error-page body {
    background-color: #ffffff !important;
    color: #191919 !important;
}
/* 2. Tipografia dei titoli e allineamento */
.error-page .error-code,
.error-page .error-message {
    font-family: 'Staatliches', sans-serif !important;
    color: #191919 !important;
    font-weight: 600 !important;
}
/* 3. Tipografia del testo standard (Escludiamo le icone FontAwesome!) */
.error-page p, 
.error-page span:not(.fas) {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
/* 4. Stile del bottone: Forma arrotondata e colori brand */
.error-page .btn.btn-secondary {
    all: unset; 
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 500 !important;
    background: #fd5901 !important;  /* Corretto qui */
    color: #ffffff !important;
    padding: 15px 36px;
    border-radius: 6px !important;
    margin-top: 30px;
    cursor: pointer;
    display: inline-block;
    text-transform: none !important; 
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
/* =========================================
   ALLINEAMENTO ALTEZZA IMMAGINI AFFIANCATE
   ========================================= */
@media (min-width: 768px) {
    .galenos-img-sync img {
        height: 380px !important; /* L'altezza fissa che desideri in cui si allineeranno perfettamente*/
        width: 100% !important;   /* Occupa tutta la larghezza della sua colonna */
        object-fit: cover !important; /* Ritaglia l'immagine per riempire lo spazio senza schiacciarla */
        object-position: center center !important; /* Mantiene il soggetto al centro del ritaglio */
    }
}
/* =========================================
   FIX NOTA A MARGINE (FEATURE BOX)
   ========================================= */
/* 1. Trasforma il contenitore in flexbox e allinea in basso */
.nota-asterisco .sppb-addon-feature, 
.nota-asterisco .sppb-media {
    display: flex !important;
    align-items: flex-end !important;
}
/* 2. Azzera lo spazio "in uscita" dall'icona a sinistra */
.nota-asterisco .sppb-icon-container,
.nota-asterisco .pull-left {
    margin-right: 0 !important;
}
/* 3. Azzera lo spazio "in entrata" del blocco di testo a destra */
.nota-asterisco .sppb-media-body {
    margin-bottom: 0 !important;
}
/* 4. Rimuove l'1rem di margine dal paragrafo */
.nota-asterisco .sppb-media-body p {
    margin-bottom: 0 !important;
}
/* =========================================
   GALENOS INFINITE SCROLLER (Layout ed Estetica)
   ========================================= */
/* Imposta il contenitore: nasconde la barra e allinea in basso */
.galenos-infinite-scroller {
    display: flex !important;
    align-items: flex-end; 
    gap: 0px !important;
    white-space: nowrap !important;
    width: 100%;
    overflow: unset !important; 
}
/* Gestisce i singoli blocchi interni: crea lo spazio e impedisce lo schiacciamento */
.galenos-infinite-scroller > div {
    flex-shrink: 0;
    margin: 0;
    padding: 0px 10px; 
    position: relative;
}