/** PERSONALIZZAZIONE PER SIAV **/

/* =========================================================
   SIAV - LOGO HEADER
   Mantiene intatto il layout nativo di Enfold.
   Centra verticalmente il logo SVG senza modificare
   larghezza o comportamento del contenitore dell'header.
   ========================================================= */


/* Centra il logo all'interno del suo link */
#top #header_main .logo.avia-svg-logo > a {
    height: 100%;
    display: flex;
    align-items: center;
}


/* Logo desktop */
#top #header_main .logo.avia-svg-logo svg {
    display: block;
    width: 210px !important;
    max-width: 210px !important;
    height: auto !important;
    max-height: 54px !important;
}


/* Logo smartphone */
@media only screen and (max-width: 767px) {

    #top #header_main .logo.avia-svg-logo svg {
        width: 165px !important;
        max-width: 165px !important;
        height: auto !important;
        max-height: 42px !important;
    }

}

/* =========================================================
   SIAV - HEADING CASE
   Disabilita la trasformazione automatica in maiuscolo
   applicata da Enfold ai titoli delle pagine.
   La capitalizzazione rimane esattamente come viene scritta.
   ========================================================= */

#top .template-page .entry-content-wrapper h1,
#top .template-page .entry-content-wrapper h2,
#top .template-page .entry-content-wrapper h3,
#top .template-page .entry-content-wrapper h4,
#top .template-page .entry-content-wrapper h5,
#top .template-page .entry-content-wrapper h6 {
    text-transform: none;
    letter-spacing: normal;
}

/* =========================================================
   SIAV - ICON BOX PULITO
   Rimuove cerchio, sfondo e bordo dall'icona
   mantenendo icona sopra + titolo + testo.
   ========================================================= */

#top .siav-clean-iconbox .iconbox_icon {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Colore icona */
#top .siav-clean-iconbox .iconbox_icon:before {
    color: #0066FF !important;
}

/* =========================================================
   SIAV - ICONE STANDARD
   Le immagini sorgente possono essere caricate a 400x400 px.
   Tutte le immagini con classe "siav-icon" vengono
   visualizzate a 120x120 px mantenendo le proporzioni.
   ========================================================= */

#top .siav-icon img {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    object-fit: contain;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* =========================================================
   SIAV - TEXT BLOCK ARROTONDATO
   Arrotonda il wrapper Enfold quando contiene
   un Text Block con classe "siav-rounded-box".
   ========================================================= */

#top .av_textblock_section:has(> .siav-rounded-box) {
    border-radius: 16px !important;
    overflow: hidden !important;
}

#top strong,
#top b {
    color: inherit !important;
}

/* =========================================================
   SIAV - NEWS / BLOG PREVIEW
   Arrotonda le immagini di anteprima degli articoli
   mantenendo correttamente anche l'overlay hover di Enfold.
   ========================================================= */

#top .siav-news-cards .slide-image {
    border-radius: 16px !important;
    overflow: hidden !important;
}

#top .siav-news-cards .slide-image img,
#top .siav-news-cards .image-overlay {
    border-radius: 16px !important;
}

/* =========================================================
   SIAV - NEWS CARDS HOME
   Nasconde data/meta nelle card News della Home.
   ========================================================= */

#top .siav-news-cards .slide-meta {
    display: none !important;
}

/* =========================================================
   SIAV - IMMAGINI EDITORIALI ARROTONDATE
   Applica angoli smussati alle immagini con classe
   "siav-rounded-image".
   ========================================================= */

#top .siav-rounded-image img {
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* =========================================================
   SIAV - MEDIA CON ANGOLI SMUSSATI
   Applica questa classe al modulo immagine o video:
   siav-rounded-media
   ========================================================= */

#top .siav-rounded-media,
#top .siav-rounded-media img,
#top .siav-rounded-media video,
#top .siav-rounded-media iframe,
#top .siav-rounded-media .avia-video,
#top .siav-rounded-media .mejs-container,
#top .siav-rounded-media .wp-video,
#top .siav-rounded-media .wp-video-shortcode {
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* =========================================================
   SIAV - COLONNE / CTA ARROTONDATE
   ========================================================= */

#top .siav-rounded-column {
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* =========================================================
   SIAV - QUOTE / TESTIMONIAL ARROTONDATO
   Applica angoli da 16px ai blocchi testimonial.
   ========================================================= */

#top .siav-rounded-quote .avia-testimonial {
    border-radius: 16px !important;
    overflow: hidden !important;
}