/* ============================================================
   1. FIX VISIBILITÀ (Risolve il problema delle immagini invisibili)
   ============================================================ */

/* Forza la comparsa di tutti gli elementi animati che restano nascosti */
.et-waypoint,
.et_pb_animation_top,
.et_pb_animation_bottom,
.et_pb_animation_left,
.et_pb_animation_right,
.et-animated {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
}

/* ============================================================
   2. TIPOGRAFIA E TITOLI (Look & Feel Professionale)
   ============================================================ */

/* Titoli delle sezioni con accento Racing */
h1, h2, h3 {
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 800 !important;
}

/* Aggiunge una linea gialla verticale ai titoli h3 (es. Banco Prova, Chi Siamo) */
h3 {
    border-left: 5px solid #ebdd00;
    padding-left: 15px;
}

/* Colore giallo per le freccette simboliche >> */
span[style*="color: #ebdd00"],
.et_pb_blurb_description span {
    color: #ebdd00 !important;
    font-weight: bold;
}

/* ============================================================
   3. ICONE SERVIZI (Moduli Blurb)
   ============================================================ */

/* Rende le icone più grandi e nitide */
.et_pb_main_blurb_image img {
    max-width: 120px !important; /* Regola questa dimensione a tuo piacere */
    margin: 0 auto;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Effetto ingrandimento al passaggio del mouse sull'intera colonna */
.et_pb_column:hover .et_pb_main_blurb_image img {
    transform: scale(1.15) rotate(2deg);
}

/* Testo dei servizi sotto le icone */
.et_pb_blurb_description {
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin-top: 15px;
}

/* ============================================================
   4. BOTTONI (Stile Tecnico)
   ============================================================ */

.et_pb_button {
    background-color: transparent !important;
    border: 2px solid #ebdd00 !important;
    color: #ebdd00 !important;
    border-radius: 0px !important; /* Look squadrato più aggressivo */
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
}

.et_pb_button:hover {
    background-color: #ebdd00 !important;
    color: #000 !important;
    padding-left: 2em !important; /* Fa spazio all'icona */
}

/* ============================================================
   5. FOOTER (Leggibilità e Link)
   ============================================================ */

/* Sfondo footer ancora più profondo */
.et_pb_section_0_tb_footer {
    background-color: #0a0a0a !important;
}

/* Link del footer grigio chiaro, diventano gialli al passaggio */
.et-l--footer a {
    color: #cccccc !important;
    font-size: 15px;
    transition: color 0.3s ease !important;
}

.et-l--footer a:hover {
    color: #ebdd00 !important;
    text-decoration: underline;
}

/* Icone contatti (Indirizzo, Tel, Email) */
.footer-info i {
    color: #ebdd00 !important;
    margin-right: 12px;
    font-size: 18px;
    vertical-align: middle;
}

/* Linea di separazione sotto i titoli del footer */
.et_pb_divider_0_tb_footer,
.et_pb_divider_1_tb_footer,
.et_pb_divider_2_tb_footer,
.et_pb_divider_3_tb_footer {
    border-top-width: 3px !important;
    width: 50px !important;
    margin-bottom: 20px !important;
}

/* ============================================================
   6. OTTIMIZZAZIONE MAPPA E CODICE ESTERNO
   ============================================================ */

/* Rende la mappa responsive se necessario */
.et_pb_code_1 iframe {
    filter: grayscale(100%) invert(90%) contrast(90%); /* Mappa in stile dark per matchare il sito */
    border-radius: 8px;
}

/* Spazio per il widget recensioni Trustindex */
.reviews-code {
    padding: 20px 0;
}