.elementor-kit-7{--e-global-color-primary:#8C949C;--e-global-color-secondary:#3C444C;--e-global-color-text:#54606B;--e-global-color-accent:#008D36;--e-global-color-1df6c8a:#001F0C;--e-global-color-4bf4265:#001F0C33;--e-global-color-5719a71:#FFFFFF00;--e-global-color-white:#ffffff;--e-global-color-ccee0e3:#65C03E;--e-global-color-74bd468:#3D8522;--e-global-color-green-50:#e6f4eb;--e-global-color-green-100:#b0dcc1;--e-global-color-green-200:#8acba3;--e-global-color-green-300:#54b378;--e-global-color-green-400:#33a45e;--e-global-color-green-500:#008d36;--e-global-color-green-600:#008031;--e-global-color-green-700:#006426;--e-global-color-green-800:#004e1e;--e-global-color-green-900:#003b17;--e-global-color-lime-50:#f0f7ea;--e-global-color-lime-100:#cfe7be;--e-global-color-lime-200:#b8dc9f;--e-global-color-lime-300:#98cc73;--e-global-color-lime-400:#84c258;--e-global-color-lime-500:#65b32e;--e-global-color-lime-600:#5ca32a;--e-global-color-lime-700:#487f21;--e-global-color-lime-800:#386219;--e-global-color-lime-900:#2a4b13;--e-global-color-grigio-50:#eeeff0;--e-global-color-grigio-100:#caced1;--e-global-color-grigio-200:#b0b6bb;--e-global-color-grigio-300:#8c949c;--e-global-color-grigio-400:#768089;--e-global-color-grigio-500:#54606b;--e-global-color-grigio-600:#4c5761;--e-global-color-grigio-700:#3c444c;--e-global-color-grigio-800:#2e353b;--e-global-color-grigio-900:#23282d;--e-global-color-2d2c39e:#CACED1;--e-global-color-808c421:#8C949C;--e-global-color-5c02118:#EEEFF0;--e-global-typography-h1-font-family:"Montserrat";--e-global-typography-h1-font-size:clamp(2.25rem, 4.0cqw, 3.63rem);--e-global-typography-h1-font-weight:700;--e-global-typography-h1-text-transform:none;--e-global-typography-h1-line-height:1.2em;--e-global-typography-h2-font-family:"Montserrat";--e-global-typography-h2-font-size:clamp(1.875rem, 3.3cqw, 3rem);--e-global-typography-h2-font-weight:700;--e-global-typography-h2-text-transform:none;--e-global-typography-h2-line-height:1.2em;--e-global-typography-h3-font-family:"Montserrat";--e-global-typography-h3-font-size:clamp(1.5rem, 2.6cqw, 2.38rem);--e-global-typography-h3-font-weight:700;--e-global-typography-h3-line-height:1.2em;--e-global-typography-h4-font-family:"Montserrat";--e-global-typography-h4-font-size:clamp(1.25rem, 1.9cqw, 1.75rem);--e-global-typography-h4-font-weight:600;--e-global-typography-h4-line-height:1.2em;--e-global-typography-h5-font-family:"Montserrat";--e-global-typography-h5-font-size:clamp(1.063rem, 1.5cqw, 1.38rem);--e-global-typography-h5-font-weight:700;--e-global-typography-h5-line-height:1.2em;--e-global-typography-p-uppercase-font-family:"Golos Text";--e-global-typography-p-uppercase-font-size:clamp(0.875rem, 1.2cqw, 1.13rem);--e-global-typography-p-uppercase-font-weight:600;--e-global-typography-p-uppercase-text-transform:uppercase;--e-global-typography-p-uppercase-line-height:1.5em;--e-global-typography-p-uppercase-word-spacing:0.5px;--e-global-typography-p-regular-font-family:"Golos Text";--e-global-typography-p-regular-font-size:clamp(0.875rem, 1.2cqw, 1.13rem);--e-global-typography-p-regular-font-weight:400;--e-global-typography-p-regular-line-height:1.5em;--e-global-typography-p-bold-font-family:"Golos Text";--e-global-typography-p-bold-font-size:clamp(0.875rem, 1.2cqw, 1.13rem);--e-global-typography-p-bold-font-weight:600;--e-global-typography-p-bold-line-height:1.5em;--e-global-typography-p-bold-word-spacing:0.5px;--e-global-typography-small-regular-font-family:"Golos Text";--e-global-typography-small-regular-font-size:clamp(0.75rem, 1.1cqw, 1rem);--e-global-typography-small-regular-font-weight:400;--e-global-typography-small-regular-line-height:1.5em;--e-global-typography-small-bold-font-family:"Golos Text";--e-global-typography-small-bold-font-size:clamp(0.75rem, 1.1cqw, 1rem);--e-global-typography-small-bold-font-weight:600;--e-global-typography-small-bold-line-height:1.5em;--e-global-typography-7882479-font-family:"Golos Text";--e-global-typography-7882479-font-size:clamp(0.75rem, 1.1cqw, 1rem);--e-global-typography-7882479-font-weight:500;--e-global-typography-7882479-text-transform:uppercase;--e-global-typography-0bdd761-font-family:"Golos Text";--e-global-typography-0bdd761-font-size:clamp(0.75rem, 1.05cqw, 0.9375rem);--e-global-typography-0bdd761-font-weight:400;--e-global-typography-0bdd761-line-height:1.5em;--e-global-typography-e8b1caa-font-family:"Golos Text";--e-global-typography-e8b1caa-font-size:clamp(0.75rem, 1.05cqw, 0.9375rem);--e-global-typography-e8b1caa-font-weight:600;--e-global-typography-e8b1caa-line-height:1.5em;--e-global-typography-copyright-font-family:"Golos Text";--e-global-typography-copyright-font-size:13px;--e-global-typography-copyright-font-weight:400;--e-global-typography-copyright-line-height:1.6em;--e-global-typography-button-font-family:"Gotham";--e-global-typography-button-font-size:clamp(0.75rem, 1.12cqw, 1rem);--e-global-typography-button-font-weight:500;--e-global-typography-button-line-height:1.2em;--e-global-typography-button-word-spacing:1px;--e-global-typography-label-font-family:"Gotham";--e-global-typography-label-font-size:11px;--e-global-typography-label-font-weight:500;--e-global-typography-label-text-transform:uppercase;--e-global-typography-label-font-style:normal;--e-global-typography-label-line-height:1.2em;--e-global-typography-label-letter-spacing:0.2px;--e-global-typography-label-word-spacing:2px;color:var( --e-global-color-primary );font-family:var( --e-global-typography-p-regular-font-family ), Sans-serif;font-size:var( --e-global-typography-p-regular-font-size );font-weight:var( --e-global-typography-p-regular-font-weight );line-height:var( --e-global-typography-p-regular-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-button-font-family ), Sans-serif;font-size:var( --e-global-typography-button-font-size );font-weight:var( --e-global-typography-button-font-weight );line-height:var( --e-global-typography-button-line-height );word-spacing:var( --e-global-typography-button-word-spacing );color:var( --e-global-color-white );border-radius:8px 8px 8px 8px;padding:14px 28px 14px 28px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-green-600 );color:var( --e-global-color-white );border-style:none;border-radius:8px 8px 8px 8px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 p{margin-block-end:0px;}.elementor-kit-7 a:hover{color:var( --e-global-color-accent );}.elementor-kit-7 h1{font-family:var( --e-global-typography-h1-font-family ), Sans-serif;font-size:var( --e-global-typography-h1-font-size );font-weight:var( --e-global-typography-h1-font-weight );text-transform:var( --e-global-typography-h1-text-transform );line-height:var( --e-global-typography-h1-line-height );}.elementor-kit-7 h2{font-family:var( --e-global-typography-h2-font-family ), Sans-serif;font-size:var( --e-global-typography-h2-font-size );font-weight:var( --e-global-typography-h2-font-weight );text-transform:var( --e-global-typography-h2-text-transform );line-height:var( --e-global-typography-h2-line-height );}.elementor-kit-7 h3{font-family:var( --e-global-typography-h3-font-family ), Sans-serif;font-size:var( --e-global-typography-h3-font-size );font-weight:var( --e-global-typography-h3-font-weight );line-height:var( --e-global-typography-h3-line-height );}.elementor-kit-7 h4{font-family:var( --e-global-typography-h4-font-family ), Sans-serif;font-size:var( --e-global-typography-h4-font-size );font-weight:var( --e-global-typography-h4-font-weight );line-height:var( --e-global-typography-h4-line-height );}.elementor-kit-7 h5{font-family:var( --e-global-typography-h5-font-family ), Sans-serif;font-size:var( --e-global-typography-h5-font-size );font-weight:var( --e-global-typography-h5-font-weight );line-height:var( --e-global-typography-h5-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-7{font-size:var( --e-global-typography-p-regular-font-size );line-height:var( --e-global-typography-p-regular-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-h1-font-size );line-height:var( --e-global-typography-h1-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-h2-font-size );line-height:var( --e-global-typography-h2-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-h3-font-size );line-height:var( --e-global-typography-h3-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );}.elementor-kit-7 h5{font-size:var( --e-global-typography-h5-font-size );line-height:var( --e-global-typography-h5-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-button-font-size );line-height:var( --e-global-typography-button-line-height );word-spacing:var( --e-global-typography-button-word-spacing );}}@media(max-width:1199px){.elementor-kit-7{font-size:var( --e-global-typography-p-regular-font-size );line-height:var( --e-global-typography-p-regular-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-h1-font-size );line-height:var( --e-global-typography-h1-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-h2-font-size );line-height:var( --e-global-typography-h2-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-h3-font-size );line-height:var( --e-global-typography-h3-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );}.elementor-kit-7 h5{font-size:var( --e-global-typography-h5-font-size );line-height:var( --e-global-typography-h5-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-button-font-size );line-height:var( --e-global-typography-button-line-height );word-spacing:var( --e-global-typography-button-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:var( --e-global-typography-p-regular-font-size );line-height:var( --e-global-typography-p-regular-line-height );}.elementor-kit-7 h1{font-size:var( --e-global-typography-h1-font-size );line-height:var( --e-global-typography-h1-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-h2-font-size );line-height:var( --e-global-typography-h2-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-h3-font-size );line-height:var( --e-global-typography-h3-line-height );}.elementor-kit-7 h4{font-size:var( --e-global-typography-h4-font-size );line-height:var( --e-global-typography-h4-line-height );}.elementor-kit-7 h5{font-size:var( --e-global-typography-h5-font-size );line-height:var( --e-global-typography-h5-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-button-font-size );line-height:var( --e-global-typography-button-line-height );word-spacing:var( --e-global-typography-button-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================
   GENERAL & SPACING UTILITIES
   ======================================== */
body {margin: 0;}

/* Reset dei margini di Elementor (dal backup per sicurezza) */
.elementor p {margin-top: 0;}
.elementor p:last-child {margin-bottom: 0;}

.m-0 p, .m-0 ul, .m-0 ol {margin: 0;}
.mb-0 p, .mb-0 ul, .mb-0 ol {margin-bottom: 0;}
.mt-0 p, .mt-0 ul, .mt-0 ol {margin-top: 0;}
.my-0 p, .my-0 ul, .my-0 ol {margin-top: 0; margin-bottom: 0;}
.mt-16 {margin-top: 16px;}

/* TESTO E UTILITIES */
.text-balance {text-wrap: balance;}
.d-flex {display: flex;}
.d-inline-flex {display: inline-flex;}
.d-none {display: none;}
.h-100 .elementor-cta {height: 100% !important;}


/* ========================================
   LINKS & EFFECTS
   ======================================== */
.no-tel a, a.no-tel, .no-tel p a {
    pointer-events: none !important;
    cursor: default !important;
    color: currentColor !important;
    text-decoration: none !important;
}
.no-tel a:hover, .no-tel p a:hover, a.no-tel:hover {color: currentColor !important;}

.bg-blur-20 {backdrop-filter: blur(20px);}
.hover-brightness-105, .hover-brightness-110 {filter: brightness(100%); transition: filter .25s ease-in-out;}
.hover-brightness-105:hover {filter: brightness(105%);}
.hover-brightness-110:hover {filter: brightness(110%);}

/* ========================================
   BUTTONS & CTA
   ======================================== */
.button-icon-16 .elementor-button-icon {font-size: 16px;}
.button-icon-24 .elementor-button-icon {font-size: 24px;}

/* CTA */
.em-title-green .elementor-cta__content {display: inline-block; margin: 0 auto; align-items: center;}
.em-title-green em {color: var(--e-global-color-green-500); font-style: normal;}

/* Bottoni con linea inferiore */
.texticon-button a .elementor-button-text::after {
    content: '';
    display: flex;
    width: 100%;
    height: 4px;
    margin-top: 2px;
    border-radius: 2px;
    background-color: var(--e-global-color-green-500);
}

/* Back Button */
.icon-gotoback .elementor-button .elementor-button-icon {display: flex; align-items: center;}  
.icon-gotoback .elementor-button svg {width: 16px; height: 16px;}  
.icon-gotoback .elementor-button path {transition: all .2s ease-in-out;}

/* =========================================================
   BOTTONI LINK SOTTOLINEATI (.a-underline)
   ========================================================= */

/* 1. Rimuove lo sfondo, l'ombra e imposta il colore verde di base */
.a-underline .elementor-button {
    background-color: transparent !important;
    box-shadow: none !important;
    padding-left: 0 !important; 
    padding-right: 0 !important;
    color: var(--e-global-color-accent) !important; 
}

/* 2. Applica la sottolineatura SOLO al testo (escludendo la freccia) */
.a-underline .elementor-button-text {
    text-decoration: underline !important;
    text-underline-offset: 5px !important; /* Distanzia la linea dal testo per replicare Figma */
    text-decoration-thickness: 1.5px !important; /* Spessore della linea */
}

/* 3. Assicura che l'icona (freccia) prenda sempre lo stesso colore del testo */
.a-underline .elementor-button-icon svg {
    fill: currentColor !important;
    transition: transform 0.3s ease; /* Piccola transizione fluida */
}

/* 4. Effetto Hover: Scurisce il testo, la linea e la freccia (come nel secondo screen) */
.a-underline .elementor-button:hover {
    background-color: transparent !important;
    color: var(--e-global-color-green-800) !important; /* Utilizziamo il verde molto scuro del tuo kit */
}

/* Opzionale: piccolo movimento della freccia verso destra al passaggio del mouse */
.a-underline .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(4px);
}

/* =========================================================
   BOTTONI LINK SOTTOLINEATI BIANCHI (.a-underline-white)
   ========================================================= */

/* 1. Rimuove lo sfondo, l'ombra e imposta il colore bianco */
.a-underline-white .elementor-button {
    background-color: transparent !important;
    box-shadow: none !important;
    padding-left: 0 !important; 
    padding-right: 0 !important;
    color: var(--e-global-color-white) !important; 
}

/* 2. Applica la sottolineatura SOLO al testo (escludendo la freccia) */
.a-underline-white .elementor-button-text {
    text-decoration: underline !important;
    text-underline-offset: 5px !important;
    text-decoration-thickness: 1.5px !important;
}

/* 3. Assicura che l'icona (freccia) prenda sempre lo stesso colore del testo */
.a-underline-white .elementor-button-icon svg {
    fill: currentColor !important;
    transition: transform 0.3s ease;
}

/* 4. Effetto Hover: Leggera trasparenza per dare feedback al click */
.a-underline-white .elementor-button:hover {
    color:var(--e-global-color-green-50) !important;
    opacity: 1 !important; 
}

/* Movimento della freccia verso destra al passaggio del mouse */
.a-underline-white .elementor-button:hover .elementor-button-icon svg {
    transform: translateX(4px);
}

/* ========================================
   ARTICOLI E CATEGORIE
   ======================================== */
.contenuto-articoli-link a,
.contenuto-articoli-link h3 a {color: var(--e-global-color-accent);}
.contenuto-articoli-link a:hover,
.contenuto-articoli-link h3 a:hover {opacity: .8;}
  
.category-label .elementor-button {display: none;} /* Ripristinato dal backup per nascondere il bottone base */
.category-label {width: max-content; transition: opacity .25s ease-in-out;}
.category-label:hover {opacity: .8;} 
.category-label a {
    display: flex;
    align-items: center;
    padding: 0 6px;
    color: var(--e-global-color-white) !important;
    font-family: var(--e-global-typography-label-font-family);
    font-size: var(--e-global-typography-label-font-size);
    font-weight: var(--e-global-typography-label-font-weight);
    line-height: var(--e-global-typography-label-line-height);
    letter-spacing: var(--e-global-typography-label-letter-spacing);
    text-transform: var(--e-global-typography-label-text-transform);
}  

.category-formazione .category-label a,
.category-formazione .category-label a:hover,
.category-formazione .category-label .elementor-button-text {
    color: var(--e-global-color-green-700) !important;
}

/* =========================================================
   TITOLI ARTICOLI (.contenuto-articoli-h)
   ========================================================= */

/* Colora di verde (accent) tutti gli heading dentro al contenitore dell'articolo */
.contenuto-articoli-h h1,
.contenuto-articoli-h h2,
.contenuto-articoli-h h3,
.contenuto-articoli-h h4,
.contenuto-articoli-h h5,
.contenuto-articoli-h h6 {
    color: var(--e-global-color-accent) !important;
}

/* ========================================
   TRANSPARENT HEADER
   ======================================== */
body:not(.transparent-header) .main-header {margin-bottom: 0;}
body:not(.transparent-header) header .main-header, header .main-header.elementor-sticky--effects {background-color: white;}
body.transparent-header header .main-header:not(.elementor-sticky--effects) .site-logo img {filter: brightness(0) invert(1);}
body.transparent-header header .main-header:not(.elementor-sticky--effects) .elementor-widget-n-menu .e-n-menu-title:not(:hover) .e-n-menu-title-container .e-n-menu-title-text {color: white;}
body.transparent-header header .main-header:not(.elementor-sticky--effects) .elementor-widget-n-menu .e-n-menu-title:hover:not(.e-current) a .e-n-menu-title-text {color: white;}
body.transparent-header header .main-header:not(.elementor-sticky--effects) .elementor-widget-n-menu .e-n-menu-title .e-n-menu-icon svg *, body.transparent-header header .main-header:not(.elementor-sticky--effects) .elementor-widget-n-menu .e-n-menu-title:not(.e-current) .e-n-menu-dropdown-icon svg, body.transparent-header header .main-header:not(.elementor-sticky--effects) .elementor-icon svg {fill: white !important; transition: fill .25s ease-in-out;}

/* ========================================
   COUNTER HOME (Ripristinato dal Backup)
   ======================================== */
.box-counter p {text-align: center;}
div.box-counter.elementor-element.elementor-widget.elementor-widget-counter {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* =========================================================
   ANIMAZIONE OVERLAY URGENZA (Metodo CSS Puro)
   ========================================================= */

/* 1. Creiamo il gradiente tramite CSS e lo posizioniamo sopra l'immagine */
.urgenza-overlay-anim::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    
    /* Il gradiente di Figma */
   background-image: linear-gradient(90deg, #001F0C 0%, #001F0C66 100%);
    
    /* Opacità stato normale e transizione */
    opacity: 1;
    transition: opacity 0.4s ease-in-out, filter 0.4s ease-in-out;
    
    z-index: 0;
    border-radius: inherit; /* Copia gli angoli arrotondati del container */
    pointer-events: none; /* Evita che l'overlay blocchi i click sul form */
}

/* 2. L'animazione al passaggio del mouse */
.urgenza-overlay-anim:hover::before {
    opacity: 0.9;
    filter: brightness(0.6); /* Scurisce l'effetto */
}

/* 3. Assicuriamoci che testi e form restino in primo piano rispetto al nuovo overlay */
.urgenza-overlay-anim > .e-con-inner {
    position: relative;
    z-index: 1;
}

/* ========================================
   MENU ATTIVO MACROAREE (Unificato e ripulito)
   ======================================== */
/* Testo attivo */
body.post-type-archive-sicurezza #e-n-menu-title-5152 .e-n-menu-title-text,
body.post-type-archive-ambiente #e-n-menu-title-5153 .e-n-menu-title-text,
body.post-type-archive-igiene-alimentare #e-n-menu-title-5154 .e-n-menu-title-text,
body.post-type-archive-formazione #e-n-menu-title-5155 .e-n-menu-title-text {
    color: var(--e-global-color-secondary);
    font-weight: 500;
}
/* Icone e frecce attive */
body.post-type-archive-sicurezza #e-n-menu-title-5152 .e-n-menu-icon svg *,
body.post-type-archive-sicurezza #e-n-menu-dropdown-icon-5152 svg *,
body.post-type-archive-ambiente #e-n-menu-title-5153 .e-n-menu-icon svg *,
body.post-type-archive-ambiente #e-n-menu-dropdown-icon-5153 svg *,
body.post-type-archive-igiene-alimentare #e-n-menu-title-5154 .e-n-menu-icon svg *,
body.post-type-archive-igiene-alimentare #e-n-menu-dropdown-icon-5154 svg *,
body.post-type-archive-formazione #e-n-menu-title-5155 .e-n-menu-icon svg *,
body.post-type-archive-formazione #e-n-menu-dropdown-icon-5155 svg * {
    fill: var(--e-global-color-secondary) !important;
    stroke: var(--e-global-color-secondary) !important;
}

/* ========================================
   CF7 FORM
   ======================================== */
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea,
.wpcf7 select {
    border: 1px solid var(--e-global-color-grigio-100);
    border-radius: 8px;
    padding: 12px !important;
    margin-bottom: 16px;
}
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
    font-size: var(--e-global-typography-small-regular-font-size);
    line-height: var(--e-global-typography-small-regular-line-height);
}
.wpcf7 select {color: var(--e-global-color-grigio-400);}

.acceptance-recaptcha,
.acceptance-privacy,
span.wpcf7-not-valid-tip {font-size: var(--e-global-typography-small-regular-font-size);}

.acceptance-recaptcha {line-height: 1.1em; padding: 0 0 16px;}
.acceptance-privacy {line-height: 1.3em; padding: 0 0 16px;}

.wpcf7 p a {color: var(--e-global-color-accent) !important; text-decoration: underline !important;}
.wpcf7 p a:hover {color: var(--e-global-color-text) !important;}
.wpcf7-form-control-wrap {margin-right: 12px !important;}
span.wpcf7-form-control.wpcf7-acceptance {margin-left: -12px !important;}
span.wpcf7-not-valid-tip {margin: -16px 0 8px !important;}
input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.file-upload {padding-bottom: 16px;} 
#form-candidatura .scegli-la-posizione {margin-bottom: 0;} 

.wpcf7-form .wpcf7-form-control-wrap textarea {height: 120px !important; min-height: 108px !important; margin-bottom: 8px !important;} 
.wpcf7-spinner {position: absolute !important;}

/* =========================================================
   FIX BOTTONE SUBMIT CF7 (Design System)
   ========================================================= */
.wpcf7-form input[type="submit"],
.wpcf7-form .wpcf7-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 32px !important;
    width: 100%; /* Mantiene il bottone largo quanto il form. Se lo vuoi più piccolo, cambia in 'max-content' */
    
    background-color: var(--e-global-color-accent) !important; /* #008D36 */
    color: var(--e-global-color-white) !important;
    border: none !important;
    border-radius: 8px !important;
    
    /* Ombra esportata dal design */
    box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.08) !important;
    
    transition: all 0.3s ease-in-out !important;
    cursor: pointer;
}

/* Effetto Hover (opzionale ma consigliato per feedback visivo) */
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form .wpcf7-submit:hover {
    background-color: var(--e-global-color-green-600) !important; /* Usa il verde più scuro del tuo kit */
    box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.15), 0px 2px 4px rgba(0, 0, 0, 0.10) !important; /* Ombra leggermente più ampia */
}
  
/* =========================================================
   CUSTOM FORM URGENZA (ID: wpcf7-f6355-p12-o1)
   ========================================================= */

/* 1. Campi Input: Font "extra small" (0bdd761) e colore testo grigio chiaro */
#wpcf7-f6355-p12-o1 input[type="text"],
#wpcf7-f6355-p12-o1 input[type="email"],
#wpcf7-f6355-p12-o1 textarea {
    font-family: var(--e-global-typography-0bdd761-font-family) !important;
    font-size: var(--e-global-typography-0bdd761-font-size) !important;
    font-weight: var(--e-global-typography-0bdd761-font-weight) !important;
    line-height: var(--e-global-typography-0bdd761-line-height) !important;
    color: var(--e-global-color-grigio-300) !important;
}

/* Stilizza specificamente il testo "segnaposto" (Placeholder) */
#wpcf7-f6355-p12-o1 input::placeholder,
#wpcf7-f6355-p12-o1 textarea::placeholder {
    color: var(--e-global-color-grigio-300) !important; 
    opacity: 1; /* Forza l'opacità per Firefox/Safari */
}

/* 2. Disclaimer: Colore "secondary" (scuro) */
#wpcf7-f6355-p12-o1 .acceptance-recaptcha,
#wpcf7-f6355-p12-o1 .acceptance-recaptcha small,
#wpcf7-f6355-p12-o1 .acceptance-privacy {
    color: var(--e-global-color-secondary) !important;
}

/* Mantiene il verde di accento solo per i link (Privacy Policy, ecc.) all'interno dei disclaimer scuri */
#wpcf7-f6355-p12-o1 .acceptance-recaptcha a,
#wpcf7-f6355-p12-o1 .acceptance-privacy a {
    color: var(--e-global-color-accent) !important;
}

/* 3. Bottone Invia: Colore e ombra specifici per l'urgenza */
#wpcf7-f6355-p12-o1 .wpcf7-submit {
    background-color: var(--e-global-color-ccee0e3) !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 16px 0px !important;
}

/* Effetto hover esatto dal tuo design system */
#wpcf7-f6355-p12-o1 .wpcf7-submit:hover {
    background-color: var(--e-global-color-74bd468) !important;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 18px 0px !important;
    filter: none !important; /* Rimuoviamo il filtro brightness di prima per usare i tuoi colori esatti */
}

/* ========================================
   NAVBAR & SERVIZI
   ======================================== */
.single:not(:has(#esigenza)) .navbar-servizio #esigenza-item,
.single:not(:has(#cosa_puo_fare_sametica)) .navbar-servizio #cosa_puo_fare_sametica-item,
.single:not(:has(#come_operiamo)) .navbar-servizio #come_operiamo-item,
.single:not(:has(#consulenza)) .navbar-servizio #consulenza-item { display: none;}

/* Macroaree */
.servizio-loop-items .e-loop-item:nth-child(odd) {background-color: rgb(230 244 235 / 30%);}

.pretty-list ul {list-style: none; margin-top: 8px; margin-bottom: 8px;}
.pretty-list ul li::before {
    content: '';
    margin-left: -22px;
    margin-right: 16px;
    width: 16px;
    height: 16px;
    background: url('https://www.sametica.it/wp-content/uploads/2026/07/arrows-right.svg') no-repeat center center;
    background-size: contain;
    display: inline-flex;
    vertical-align: middle;
    filter: invert(100%) brightness(20%) sepia(100%) hue-rotate(110deg) saturate(1500%) contrast(0.85);
}
.e-n-accordion-item .pretty-list ul li::before {margin-left: -22px;}

/* Ripristina i bullet point standard per le liste annidate */
.pretty-list ul ul {
    list-style-type: disc; 
    padding-left: 20px;
    margin-top: 8px;
}
.pretty-list ul ul li::marker {color: var(--e-global-color-accent) !important;}
.pretty-list ul ul li::before {content: none; display: none;}

/* Indice corso */
.indice-collapse ul {padding: 0; list-style: none;}
.indice-collapse ul li::before {
    content: '';
    background-image: url('https://www.sametica.it/wp-content/uploads/2026/07/arrows-right.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px !important;
    height: 18px !important;
    vertical-align: -2px;
    margin-right: 8px;
    transition: all .3s ease-in-out;
}
.indice-collapse ul li:hover::before {filter: invert(100%) brightness(20%) sepia(100%) hue-rotate(110deg) saturate(1500%) contrast(0.85);}
.indice-collapse ul li a {line-height: 24px; color: var(--e-global-color-primary) !important; transition: color .25s ease-in-out;} 
.indice-collapse ul li a:hover {color: var(--e-global-color-accent) !important;}
.indice-collapse ul li {font-family: var(--e-global-typography-small-regular-font-family); font-size: var(--e-global-typography-small-regular-font-size); font-weight: var(--e-global-typography-small-regular-line-height);}
.indice-collapse ul li ul li:hover {filter: brightness(0);}
.indice-collapse ul li ul li::before {content: ''; width: 18px; height: 18px; vertical-align: -7px; margin-right: 8px;}
.indice-collapse ul li ul {padding: 0 24px;} 
ul.indice-principale {padding-left: 0px !important;}

/* =========================================================
   MENU FORMAZIONE (COLLAPSE ANIMATO)
   ========================================================= */
ul#menu-dinamico-formazione.formazione-menu {list-style: none; padding-left: 0;}

ul#menu-dinamico-formazione.formazione-menu .formazione-toggle {
    padding-left: calc(((100vw - var(--container-max-width)) / 2) + 0px) !important;
    padding-right: calc(((100vw - var(--container-max-width)) / 2) + 0px) !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    user-select: none;
    padding: 32px 0; 
    background-color: var(--e-global-color-green-50);
    margin-bottom: 8px;
    color: var(--e-global-color-accent);
    text-transform: uppercase;
    transition: background-color .25s ease-in-out;
}
ul#menu-dinamico-formazione.formazione-menu .formazione-post-item .formazione-icona {margin-left: 56px !important;}

ul#menu-dinamico-formazione.formazione-menu .menu-item-has-children > ul.sub-menu {
    list-style: none;
    height: 0px; 
    overflow: hidden; 
    padding-left: calc((100vw - var(--container-max-width)) / 2) !important;
    padding-right: calc((100vw - var(--container-max-width)) / 2) !important;
    transition: height 0.5s ease-in-out;
    margin: 0;
}

ul#menu-dinamico-formazione.formazione-menu .menu-item-has-children.is-open .formazione-toggle {
    background-color: var(--e-global-color-green-800);
    color: var(--e-global-color-white);
}
ul#menu-dinamico-formazione.formazione-menu .menu-item-has-children.is-open .formazione-toggle svg * {fill: var(--e-global-color-white);}

ul#menu-dinamico-formazione.formazione-menu .menu-item-has-children .formazione-toggle svg {transform: rotate(0deg); transition: transform .3s ease-in-out;}
ul#menu-dinamico-formazione.formazione-menu .menu-item-has-children .formazione-toggle svg * {fill: var(--e-global-color-accent);}
ul#menu-dinamico-formazione.formazione-menu .menu-item-has-children.is-open .formazione-toggle svg {transform: rotate(45deg);}

ul#menu-dinamico-formazione.formazione-menu .formazione-post-item {padding: 24px 0; border-bottom: 3px solid var(--e-global-color-green-50);}
ul#menu-dinamico-formazione.formazione-menu .formazione-post-item:last-child {padding-bottom: 32px; border-bottom: none;}

ul#menu-dinamico-formazione.formazione-menu .formazione-link {text-decoration: none;}
ul#menu-dinamico-formazione.formazione-menu .formazione-link .formazione-titolo {color: var(--e-global-color-secondary);}
ul#menu-dinamico-formazione.formazione-menu .formazione-link .formazione-obiettivo {color: var(--e-global-color-primary);}
ul#menu-dinamico-formazione.formazione-menu .formazione-link:hover .formazione-titolo,
.formazione-link:hover .formazione-obiettivo {color: var(--e-global-color-accent);}
ul#menu-dinamico-formazione.formazione-menu .formazione-link:hover svg * {fill: var(--e-global-color-accent);}

#prerequisiti-item h2,
#destinatari-item h2, 
#frequenza-formazione-item h2,
#modalita-svolgimento-item h2,
#parte-pratica-item h2,
#contenuti-corso-item h2 {
    font-family: var(--e-global-typography-h4-font-family), Sans-serif; 
    font-size: var(--e-global-typography-h4-font-size);
    color: var(--e-global-color-accent);
    font-weight: var(--e-global-typography-h4-font-weight);
    line-height: var(--e-global-typography-h4-line-height);
}

/* =========================================================
   EDIZIONI FORMAZIONE (SIDEBAR)
   ========================================================= */
.elementor-shortcode .text-sessione {margin-left: 24px;margin-right: 24px;}
  
.edizione-card {
    padding: 8px 0 12px;
    background-color: var(--e-global-color-lime-50);
    border-bottom: 6px solid var(--e-global-color-white);
}
.edizione-card:last-child {border-bottom: none;}
  
.edizione-programmazione {margin: 0;}
.edizione-programmazione td {
    padding: 1.5px 24px;
    border: none;
    background-color: transparent;
    font-size: var(--e-global-typography-small-bold-font-size);
    font-weight: var(--e-global-typography-small-bold-font-weight);
}
.edizione-programmazione td svg {width: 16px; height: 16px; margin-right: 4px; vertical-align: -4px;}
.edizione-programmazione td strong {
    color: var(--e-global-color-primary);
    text-transform: uppercase;
    font-size: var(--e-global-typography-label-font-size);
    font-weight: var(--e-global-typography-label-font-weight);
}
.edizione-programmazione ul {padding-left: 16px;}
.edizione-programmazione ul li::marker {color: var(--e-global-color-accent);}
.edizione-programmazione .edizione-iscriviti {
    width: 100%;
    padding: 4px 24px;
    font-size: var(--e-global-typography-label-font-size);
}
.edizione-programmazione .edizione-titolo {
    font-family: var(--e-global-typography-p-uppercase-font-family);
    font-size: var(--e-global-typography-small-bold-font-size);
    font-weight: var(--e-global-typography-p-uppercase-font-weight);
    text-transform: var(--e-global-typography-p-uppercase-text-transform);
    color: var(--e-global-color-accent);
}
.edizione-programmazione .aula-item,
.edizione-programmazione address {
    font-style: normal;
    color: var(--e-global-color-green-700);
    text-transform: lowercase;
    font-size: var(--e-global-typography-small-regular-font-size);
}

/* =========================================================
   FIX EDIZIONI FORMAZIONE: SFONDO E TESTO PICCOLO
   ========================================================= */

/* 1. Rimuove l'alternanza dei colori di sfondo dalle righe della tabella */
.edizione-programmazione tr:nth-child(odd),
.edizione-programmazione tr:nth-child(even),
.edizione-programmazione td {
    background-color: transparent !important;
}

/* 2. Applica la tipografia "Copyright" (super piccola) agli elementi della lista e al tag address (il "Dove") */
.edizione-programmazione ul li,
.edizione-programmazione ul li time,
.edizione-programmazione ul li .aula-item,
.edizione-programmazione address {
    font-family: var(--e-global-typography-copyright-font-family) !important;
    font-size: var(--e-global-typography-copyright-font-size) !important;
    font-weight: var(--e-global-typography-copyright-font-weight) !important;
    line-height: var(--e-global-typography-copyright-line-height) !important;
}

/* Opzionale: riduce leggermente lo spazio tra i pallini della lista per renderla più compatta */
.edizione-programmazione ul {
    margin-bottom: 0;
}
.edizione-programmazione ul li {
    margin-bottom: 4px;
}

/* =========================================================
   ACCORDION EDIZIONI (Solo Tablet e Mobile < 1200px)
   ========================================================= */
@media (max-width: 1199px) {
    /* 1. Nascondiamo il contenuto della tabella, tranne il titolo (prima riga) */
    .edizione-card:not(.is-open) .edizione-programmazione tr:not(:first-child) {
        display: none !important;
    }

    /* 2. Rendiamo il titolo cliccabile */
    .edizione-card .edizione-programmazione tr:first-child {
        cursor: pointer;
    }

    /* 3. Estendiamo il titolo al 100% per allineare la freccia a destra */
    .edizione-card .edizione-programmazione tr:first-child .edizione-titolo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    /* 4. Disegniamo una freccia CSS pulita a destra del titolo */
    .edizione-card .edizione-programmazione tr:first-child .edizione-titolo::after {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        margin-left: 10px;
        border-right: 2px solid var(--e-global-color-accent); /* Usa il tuo verde */
        border-bottom: 2px solid var(--e-global-color-accent);
        transform: rotate(45deg);
        transition: transform 0.3s ease;
    }

    /* 5. Quando l'accordion è aperto, la freccia ruota verso l'alto */
    .edizione-card.is-open .edizione-programmazione tr:first-child .edizione-titolo::after {
        transform: rotate(-135deg);
        margin-top: 4px;
    }
    
    .urgenza-overlay-anim::before {

    /* Il gradiente di Figma */
   background-image: linear-gradient(90deg, #001F0C 0%, #001F0C99 100%);}
}

/* =========================================================
   FIX PADDING INTERNO MENU FORMAZIONE (Responsive)
   ========================================================= */


/* Laptop e Tablet (fino a 1366px): Padding fisso per evitare che il testo tocchi i bordi */
@media (max-width: 1366px) {
    ul#menu-dinamico-formazione.formazione-menu .formazione-toggle {
        padding: 32px 64px !important;
    }
    
    ul#menu-dinamico-formazione.formazione-menu .menu-item-has-children > ul.sub-menu {
    padding-left:  64px!important;
    padding-right:64px!important;
    }
}

/* Mobile (fino a 767px): La regola invariata con i 24px per gli schermi piccoli */
@media (max-width: 767px) {
    ul#menu-dinamico-formazione.formazione-menu .formazione-toggle {
        padding: 24px 24px !important;
    }
    
    ul#menu-dinamico-formazione.formazione-menu .menu-item-has-children > ul.sub-menu {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    
    /* Sposta leggermente le icone SVG a destra per non farle toccare il bordo */
    ul#menu-dinamico-formazione.formazione-menu .formazione-post-item .formazione-icona {
        margin-left: 16px !important; 
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-book-webfont.eot');
	src: url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-book-webfont.woff2') format('woff2'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-book-webfont.woff') format('woff'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-book-webfont.svg#Gotham') format('svg');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-medium-webfont.eot');
	src: url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-medium-webfont.woff2') format('woff2'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-medium-webfont.woff') format('woff'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-medium-webfont.svg#Gotham') format('svg');
}
@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-bold-webfont.eot');
	src: url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-bold-webfont.woff2') format('woff2'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-bold-webfont.woff') format('woff'),
		url('https://www.sametica.it/wp-content/uploads/2026/07/gotham-bold-webfont.svg#Gotham') format('svg');
}
/* End Custom Fonts CSS */