/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1762355685
Updated: 2025-11-05 15:14:45

*/

/* GENERALE *********************************************************************************************************/

.gradient-text {
  background: linear-gradient(
   150deg,
    #c8f6ff 0%,   /* celeste chiarissimo */
    #60d8ff 40%,  /* azzurro medio */
    #2495ff 100%  /* blu/azzurro più intenso */
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

/* Bagliore blu principale animato / NoEmojiTrader */
body::before {
    content: "";
    position: fixed;
    width: 900px;
    height: 900px;
    top: 20%;
    left: 60%;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        circle,
        rgba(59,130,246,0.90) 0%,
        rgba(59,130,246,0.55) 25%,
        rgba(59,130,246,0.15) 55%,
        rgba(59,130,246,0.00) 80%
    );
    filter: blur(80px);
    opacity: 1;
    pointer-events: none;
    z-index: 0;

    /* ANIMAZIONE PRINCIPALE */
    animation: moveGlow 5s ease-in-out infinite alternate;
}

@keyframes moveGlow {
    0% {
        transform: translate(-50%, -50%) scale(1);
        top: 20%;
        left: 60%;
    }
    25% {
        transform: translate(-50%, -50%) scale(1.08);
        top: 15%;
        left: 65%;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.15);
        top: 25%;
        left: 55%;
    }
    75% {
        transform: translate(-50%, -50%) scale(1.1);
        top: 18%;
        left: 58%;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        top: 22%;
        left: 62%;
    }
}

/* Secondo bagliore blu, più piccolo, in basso a sinistra */
/* Secondo bagliore blu, più piccolo e meno intenso */
body::after {
    content: "";
    position: fixed;
    width: 420px;   /* leggermente più piccolo */
    height: 420px;
    bottom: -5%;
    left: 10%;
    transform: translate(-50%, 50%);
    background: radial-gradient(
        circle,
        rgba(59,130,246,0.55) 0%,   /* centro meno forte */
        rgba(59,130,246,0.30) 30%,  /* alone più soft */
        rgba(59,130,246,0.08) 60%,  /* dissolvenza delicata */
        rgba(59,130,246,0) 80%
    );
    filter: blur(60px);   /* blur un po’ più morbido */
    opacity: 0.75;        /* meno luminoso */
    pointer-events: none;
    z-index: 0;

    /* ANIMAZIONE SECONDARIA */
    animation: moveGlowSmall 5s ease-in-out infinite alternate;
}

@keyframes moveGlowSmall {
    0% {
        transform: translate(-50%, 50%) scale(1);
        bottom: -5%;
        left: 10%;
    }
    25% {
        transform: translate(-50%, 45%) scale(1.06);
        bottom: -2%;
        left: 14%;
    }
    50% {
        transform: translate(-50%, 48%) scale(1.12);
        bottom: -8%;
        left: 18%;
    }
    75% {
        transform: translate(-50%, 55%) scale(1.05);
        bottom: -4%;
        left: 12%;
    }
    100% {
        transform: translate(-50%, 50%) scale(1);
        bottom: -6%;
        left: 10%;
    }
}


/* Contenitore con bordo sfumato + ombra interna */
/* Contenitore con bordo sfumato + ombra interna */
.ombra-interna 
{
    box-shadow: inset 0 0 60px rgba(255,255,255,0.25);


}

/* Bottoni Remote Tabs con bordo sfumato bianco → azzurro */
.bottoni-sfumati .ue-remote-tabs .ue-item-link {
    display: block;
    border-radius: 12px;              /* regola se serve */
    border: 3px solid transparent;    /* spessore del bordo */
    padding: 10px 20px;

    background:
        linear-gradient(#020817, #020817) padding-box,            /* sfondo interno (blu notte) */
         linear-gradient(135deg, #24d3ef, #3b83f6, #2c4a6c) border-box;;      /* bordo sfumato */

    transition: 0.3s ease;
}

/*testo usato nella privacy*/ 
.small-text{
    font-size: 0.9rem!important;
}

/*HEADER **********************************************************************************************************************/
/* Stato base: sticky ma trasparente */
.elementor-element-8976544.elementor-sticky--active {
    background-color: transparent;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Dopo lo scroll (dopo sticky_effects_offset): applica il blu notte */
.elementor-element-8976544.elementor-sticky--effects {
    background-color: #0e172a;
    backdrop-filter: blur(18px); /* opzionale: effetto vetro */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35); /* opzionale: ombra sotto il menu */
}


/*HOME *********************************************************************************************************************************************/

/*FUNZIONALITÀ*/
#uc_remote_tabs_elementor_aad7f30 .ue-item-link {
    min-width: 500px;
}
/*FORM CONTATTI HOME*/

.form-custom .elementor-form .elementor-button {
    background: linear-gradient(90deg, #22D3EE, #3B82F6, #1E3A8A) !important;
    padding: 30px 40px !important; /* 🔥 padding simmetrico */
    font-size: 20px;
    color: #fff;
}

/* wrapper del contenuto → testo centrato + icona a destra */
.form-custom .elementor-button .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    width: 100%;
}

/* icona incollata a destra */
.form-custom .elementor-button .elementor-button-icon {
    margin-left: auto !important;
    display: flex;
    align-items: center;
}

/* testo centrato PERFECT */
.form-custom .elementor-button-text {
    
    text-align: center;
    margin: 0 !important;
    flex: 1 0 auto !important;  /* grow 0, shrink 0, width auto */
    order: 0 !important;
    margin: 0 !important;

    
}

.form-custom .elementor-field {

    padding-top: 20px;
    padding-bottom: 20px;
}

.form-custom .elementor-select-wrapper select{
    padding: 20px;
}

/*ACCORDION FORMATORE / BROKER */

/* Rende il SUMMARY un contenitore flessibile */
.accordion-centrato .e-n-accordion-item > summary {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    width: 100%;
    padding: 30px 40px !important;
    cursor: pointer;
}

/* Contenitore del TESTO */
.accordion-centrato .e-n-accordion-item-title-header {
    flex: 1;
    text-align: center;
    display: flex;
    justify-content: center;
}

/* Testo centrato */
.accordion-centrato .e-n-accordion-item-title-text {
    text-align: center;
    width: 100%;
}

/* Icona allineata completamente a destra */
.accordion-centrato .e-n-accordion-item-title-icon {
    margin-left: auto !important;
    display: flex;
    align-items: center;
    font-size: 28px; /* regola se vuoi più grande */
}

/* Per evitare che l'icona cada sotto il testo */
.accordion-centrato .e-n-accordion-item-title {
    display: flex;
    flex: 1;
    justify-content: center;
}

.box-fuori
{
    width: 100vw;
    margin-left: calc(50% - 570px); /* allinea col contenuto da 1140px */
    display: block !important; /* molto importante per non farlo schiacciare */
}

/* Gradient text per Unlimited Elements Marquee */
.ue_marquee .marquee_text span {
    background: linear-gradient(90deg, #ffffff, #22D3EE, #3B82F6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/*FAQ ******************************************************************************************** */
.testo-notte:hover .testo-notte-inner h2 a{
    color: #1E3A8A;
}