.elementor-671 .elementor-element.elementor-element-af767af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:-140px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:9999;}.elementor-671 .elementor-element.elementor-element-9241177{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-671 .elementor-element.elementor-element-201ed23{text-align:start;}.elementor-671 .elementor-element.elementor-element-201ed23 img{width:100%;}.elementor-671 .elementor-element.elementor-element-61d892e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-671 .elementor-element.elementor-element-01c14b9{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:9999;}.elementor-671 .elementor-element.elementor-element-6ea5769{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-671 .elementor-element.elementor-element-fa1ddc1.elementor-element{--align-self:flex-end;}.elementor-671 .elementor-element.elementor-element-851ef13{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-671 .elementor-element.elementor-element-851ef13{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-135px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-671 .elementor-element.elementor-element-0bf86bd{text-align:start;}.elementor-671 .elementor-element.elementor-element-0bf86bd img{width:53%;}.elementor-671 .elementor-element.elementor-element-1e2c5d5{z-index:9999;}}@media(min-width:768px){.elementor-671 .elementor-element.elementor-element-af767af{--content-width:1600px;}}/* Start custom CSS for shortcode, class: .elementor-element-fa1ddc1 *//* ==========================================================================
   GTRANSLATE (plugin) - Widget "codici lingua" orizzontale (IT - EN)
   Compatibile con lo shortcode [gtranslate] inserito via Elementor
   Da incollare nel foglio di stile del tema (style.css)
   ==========================================================================

   COME USARLO IN ELEMENTOR:
   1) Seleziona il widget "Shortcode" -> scheda "Avanzate" -> campo "CSS ID"
      Esempio: gt-header   (per il selettore nell'header, testo bianco)
      Esempio: gt-footer   (per un secondo selettore altrove, testo nero)

   2) Il widget Elementor genera un contenitore con id="gt-header" (o quello
      che hai scelto) che avvolge lo shortcode [gtranslate]. Le regole CSS
      qui sotto usano proprio quell'ID per applicare colori diversi ai due
      selettori senza che entrino in conflitto tra loro.

   3) Se non usi Elementor o preferisci una classe invece di un ID, sostituisci
      "#gt-header" con ".gt-header" in tutte le occorrenze (e ricordati di
      assegnare la classe CSS al widget/contenitore in Elementor).
   ========================================================================== */

/* ---- 1) Reset generale del widget: elimina bordi/sfondo di default,
          allinea in riga orizzontale, centra il blocco ---- */
.gtranslate_wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  font-family: inherit !important;
  line-height: 1.4 !important;
}

/* Contenitore che lo ospita (se il widget Elementor aggiunge un wrapper) va
   centrato rispetto allo spazio disponibile nell'header */
#gt-header,
#gt-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Rimuove bordi, sfondi e ombre che il plugin a volte aggiunge di default */
.gtranslate_wrapper,
.gtranslate_wrapper * {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Ogni lingua (link) ben distanziata e senza sottolineatura di default */
.gtranslate_wrapper a {
  display: inline-block !important;
  padding: 0 6px !important;
  text-decoration: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

/* Nasconde eventuali icone/bandierine se dovessero comparire
   (nel caso in futuro cambi il "Widget look" nelle impostazioni GTranslate) */
.gtranslate_wrapper img {
  display: none !important;
}

/* ==========================================================================
   VARIANTE 1 — HEADER: FONT BIANCO
   Scoping tramite CSS ID assegnato al widget in Elementor: gt-header
   ========================================================================== */
#gt-header .gtranslate_wrapper a,
#gt-header .gtranslate_wrapper a span,
#gt-header .gtranslate_wrapper span {
  color: #ffffff !important;
}
#gt-header .gtranslate_wrapper a:hover,
#gt-header .gtranslate_wrapper a:focus {
  opacity: 0.7;
}
/* Lingua correntemente attiva, se il plugin le assegna una classe dedicata */
#gt-header .gtranslate_wrapper .gt-current-lang,
#gt-header .gtranslate_wrapper .gt-current-lang span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   VARIANTE 2 — FONT NERO
   Scoping tramite CSS ID assegnato al widget in Elementor: gt-footer
   ========================================================================== */
#gt-footer .gtranslate_wrapper a,
#gt-footer .gtranslate_wrapper a span,
#gt-footer .gtranslate_wrapper span {
  color: #000000 !important;
}
#gt-footer .gtranslate_wrapper a:hover,
#gt-footer .gtranslate_wrapper a:focus {
  opacity: 0.6;
}
#gt-footer .gtranslate_wrapper .gt-current-lang,
#gt-footer .gtranslate_wrapper .gt-current-lang span {
  color: #000000 !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   NOTA: se dopo aver incollato il CSS il colore del testo NON cambia,
   apri gli Strumenti per Sviluppatori del browser (F12), clicca con il
   destro su una delle lingue (es. "IT") -> Ispeziona, e controlla il nome
   esatto della classe usata dal tag <a> o <span> in quel punto. Con ogni
   probabilità basterà aggiungere quella classe alle regole sopra, es:

   #gt-header .gtranslate_wrapper .NOME_CLASSE_TROVATA {
     color: #ffffff !important;
   }
   ========================================================================== *//* End custom CSS */