/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/




/* FONT - VARIABILI */
:root {
  --font-base: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

:root {
  /* H1: 37 → 54 */
  --fs-h1: clamp(37px, calc(1.8478vw + 30.3478px), 54px);
  /* H2: 31 → 43 */
  --fs-h2: clamp(31px, calc(1.3043vw + 26.3043px), 45px);
  /* H3: 22 → 22 (fisso) */
  --fs-h3: 22px;
  /* H4: 22 → 26 */
  --fs-h4: clamp(22px, calc(0.4348vw + 20.4348px), 26px);
  /* H5: 18 → 18 (fisso) */
  --fs-h5: 18px;
  /* H6: 16 → 16 (fisso) */
  --fs-h6: 16px;
  /* P: 18 → 22 */
  --fs-p: clamp(18px, calc(0.4348vw + 16.4348px), 22px);
}

/* Applicazione font */
body,
p {
  font-family: var(--font-base);
  font-size: var(--fs-p);
  line-height: 130%;
  font-weight: 400;
  margin: 0;
}

html,
body {
  overflow-x: hidden;
}

body.no-scroll #brx-header .logo-default,
body.no-scroll #brx-header .logo-scrolled {
  display: none !important;
}

body.no-scroll #brx-header .svg-default,
body.no-scroll #brx-header .svg-scrolled {
  display: none !important;
}

body.no-scroll #brx-header .search-scrolled {
  display: none !important;
}

body.no-scroll #brx-header .mondo-default,
body.no-scroll #brx-header .mondo-scrolled {
  display: none !important;
}

body.no-scroll #brxe-emgroh .voci-menu{
    display: flex !important;
  }

section,
div {
  max-width: 100%;
}

#brxe-opuplt .st1,
#brxe-fzulns .st1 {
  fill: #2c2c2c !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-base);
  margin: 0;
}

/* Titoli */
h1 {
  font-size: var(--fs-h1);
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -2px;
}

@media (min-width: 1280px) {
  h1 {
    line-height: 1.2;
	letter-spacing: -2px;
  }
}

h2 {
  font-size: var(--fs-h2);
  line-height: 120%;
  font-weight: 500;
  letter-spacing: -2px;
}

h3 {
  font-size: var(--fs-h3);
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.5px;
}

h4 {
  font-size: var(--fs-h4);
  line-height: 120%;
  font-weight: 600;
  letter-spacing: -0.5px;
}

h5 {
  font-size: var(--fs-h5);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.5px;
}

h6 {
  font-size: var(--fs-h6);
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -0.5px;
}

/* Altri font */
.p14 p {
  font-size: 14px;
  /*
  font-weight: 300;
  color: #D3D3D3;
  */
}

.p14 {
  font-size: 14px;
}



.p16 {
  font-size: 16px;
}

.p16 p {
  font-size: 16px;
}

.p18 {
  font-size: clamp(16px, calc(0.4348vw + 16.4348px), 18px);
  font-weight: 400;
  color: var(--bricks-color-ydxspa);
}

.p18 p {
  font-size: clamp(16px, calc(0.4348vw + 16.4348px), 18px);
  font-weight: 400;
  color: var(--bricks-color-ydxspa);
}

.p22 {
  font-size: clamp(18px, calc(0.2174vw + 17.2174px), 22px);
  line-height: 130%;
}


.p26 {
  font-size: clamp(18px, calc(0.4348vw + 16.4348px), 26px);
  line-height: 130%;
}

.p26 p {
  font-size: clamp(18px, calc(0.4348vw + 16.4348px), 26px);
  line-height: 130%;
}

.p28 {
  font-size: clamp(22px, calc(0.5217vw + 20.5217px), 28px);
  line-height: 130%;
}


.p31 {
  font-size: clamp(22px, calc(0.4348vw + 16.4348px), 31px);
  font-weight: 500 !important;
}

.p31 p {
  font-size: clamp(22px, calc(0.4348vw + 16.4348px), 31px);
  font-weight: 500 !important;
}

.p37 {
  font-size: clamp(26px, calc(0.4348vw + 16.4348px), 37px);
  font-weight: 500;
}

.p37 p {
  font-size: clamp(26px, calc(0.4348vw + 16.4348px), 36px);
  font-weight: 500;
}

.p37-31 {
  font-size: clamp(31px, calc(0.2609vw + 29.2609px), 37px);
}


.p45 {
  font-size: clamp(31px, calc(0.6087vw + 27.6087px), 45px);
  line-height: 120%;
  letter-spacing: -2px;
}

.p54 {
  font-size: clamp(37px, calc(1.8478vw + 30.3478px), 54px);
  font-weight: 500;
}

.p55 {
  font-size: clamp(37px, calc(0.9783vw + 32.9783px), 55px);
  line-height: 130%;
  letter-spacing: -2px;
}

.p65 {
  font-size: clamp(54px, calc(1.8478vw + 30.3478px), 65px);
  letter-spacing: -2px;
}

.p84 {
  font-size: clamp(54px, calc(2.6087vw + 26.3478px), 84px);
  letter-spacing: -2px;
}

.p104 {
  font-size: clamp(45px, calc(4.1739vw + 22.1739px), 104px);
  letter-spacing: -2px;
}

.pretitolo {
  font-size: 16px;
  font-weight: 600;
  color: #121316;
  padding: 8px 16px;
  border: 1px solid #121316;
  border-radius: 100px;
  margin-bottom: 24px !important;
}

.pretitolo-bianco {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 8px 16px;
  border: 1px solid #fff;
  border-radius: 100px;
  margin-bottom: 32px !important;
}

/* FOOTER */
/* Icone social mobile */
@media (max-width: 478px) {
  #brxe-xaqltb li {
    width: 50px;
    height: 50px;
  }
}

/* WPML cambio lingua */
.wpml-ls-native {
  font-size: 18px;
}

/*ICONA HOME BREADCRUMBS*/
.brxe-breadcrumbs .item {
  gap: 5px;
  display: flex;
  align-items: center;
}

/* TEXT COMPOSING */
/* nessuna opacità sul contenitore */
.text-composing-scroll {
  display: inline;
}

/* stato iniziale delle lettere */
.text-composing-scroll .char {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.6em);
  transition: opacity .25s ease, transform .25s ease;
  /* useremo questa var per sfalsare i ritardi */
  transition-delay: calc(var(--char-index, 0) * 40ms);
}

/* quando entra in viewport: compone il testo */
.text-composing-scroll.is-visible .char {
  opacity: 1;
  transform: translateY(0);
}



/* BOTTONI */
/* Stile base per tutti i bottoni */
.bottone-rosso-01,
.bottone-rosso-02,
.bottone-bianco,
.bottone-verde,
.bottone-verde-down,
.bottone-rosso-performance,
.bottone-rosso-performance-up{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  padding: 16px 24px;
  border-radius: 9999px;
  font-family: var(--font-base);
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.bottone-rosso-01::after,
.bottone-rosso-02::after,
.bottone-bianco::after,
.bottone-verde::after,
.bottone-verde-down::after,
.bottone-rosso-performance::after,
.bottone-rosso-performance-up::after{
  display: inline-block;
  width: 1em;
  text-align: center;
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}


/* ===== ROSSO 01 ===== */
.bottone-rosso-01 {
  background: var(--bricks-color-geqjhh);
  color: #fff;
}

.bottone-rosso-01::after {
  content: "↓";
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}

.bottone-rosso-01:hover {
  background: black;
}

.bottone-rosso-01:hover::after {
  transform: translateY(3px);
}

/* ===== ROSSO 02 ===== */
.bottone-rosso-02 {
  background: var(--bricks-color-geqjhh);
  color: #fff;
}

.bottone-rosso-02::after {
  content: "↗";
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}

.bottone-rosso-02:hover {
  background: black;
}

.bottone-rosso-02:hover::after {
  content: "↗";
  transform: translateY(-2px) translateX(2px);
}

/* ===== BIANCO ===== */
.bottone-bianco {
  background: #fff !important;
  color: var(--bricks-color-vxrauh);
}

.bottone-bianco::after {
  content: "";
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}

.bottone-bianco:hover {
  background: var(--bricks-color-huylzo) !important;
  color: var(--bricks-color-vxrauh);
}

.bottone-bianco:hover::after {
  content: "↗";
  transform: translateY(-2px) translateX(2px);
}

/* ===== VERDE ===== */
.bottone-verde {
  background: var(--bricks-color-chjtwh) !important;
  color: #fff;
}

.bottone-verde::after {
  content: "↗";
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}

.bottone-verde:hover {
  background: #00441b !important;
}

.bottone-verde:hover::after {
  content: "↗";
  transform: translateY(-2px) translateX(2px);
}

/* ===== VERDE-DOWN ===== */
.bottone-verde-down {
  background: var(--bricks-color-chjtwh) !important;
  color: #fff;
}

.bottone-verde-down::after {
  content: "↓";
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}

.bottone-verde-down:hover {
  background: #00441b !important;
}

.bottone-verd-down:hover::after {
  content: "↓";
  transform: translateY(-2px);
}

/* ===== ROSSO PERFORMANCE ===== */
.bottone-rosso-performance {
  background: var(--bricks-color-geqjhh);
  color: #fff;
}

.bottone-rosso-performance::after {
  content: "↓";
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}

.bottone-rosso-performance:hover {
  background: white;
  color: #1d1d1b;
}

.bottone-rosso-performance:hover::after {
  transform: translateY(3px);
}

/* ===== ROSSO PERFORMANCE UP ===== */
.bottone-rosso-performance-up {
  background: var(--bricks-color-geqjhh);
  color: #fff;
}

.bottone-rosso-performance-up::after {
  content: "↗";
  margin-left: 0.5em;
  transition: transform 0.3s ease;
}

.bottone-rosso-performance-up:hover {
  background: white;
  color: #1d1d1b;
}

.bottone-rosso-performance-up:hover::after {
  content: "↗";
  transform: translateY(-2px) translateX(2px);
}

/* CARD UNIT E SUSTAINABILITY*/
#card-unit-home .immagine-card-home,
#card-sustainability .immagine-card-home {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#card-unit-home .immagine-card-home img,
#card-sustainability .immagine-card-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease, filter .5s ease;
}

#card-unit-home .immagine-card-home::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

#card-sustainability .immagine-card-home::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

/*
#card-unit-home .immagine-card-home::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  transition: opacity .35s ease;
}

#card-sustainability .immagine-card-home::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  transition: opacity .35s ease;
}*/

#card-unit-home .testo-unit {
  position: absolute;
  inset: 0;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  padding: 20px 20px 24px;
}

#card-sustainability .sustainability-testo {
  position: absolute;
  inset: 0;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  padding: 20px 20px 24px;
}


#card-unit-home h3,
#card-sustainability h3 {
  position: static;
  margin: 0;
  line-height: 1.1;
  transition: transform .35s ease;
}

#card-unit-home .descrizione-card-home,
#card-sustainability .descrizione-card-home {
  position: static;
  margin: 0;
  overflow: hidden;
  max-height: 200px;
  opacity: 1;
  transition: max-height .35s ease, opacity .25s ease;
}

#card-unit-home:hover .descrizione-card-home,
#card-sustainability:hover .descrizione-card-home {
  max-height: 0;
  opacity: 0;
}

#card-unit-home:hover h3,
#card-sustainability:hover h3 {
  transform: translateY(2px);
}

#card-unit-home:hover .immagine-card-home img {
  transform: scale(1.12);
}

#card-sustainability:hover .immagine-card-home img {
  filter: blur(15px);
  transform: scale(1.12);
}

#card-unit-home:hover .immagine-card-home img {
  filter: blur(15px);
  transform: scale(1.12);
}

#card-unit-home:hover .immagine-card-home::after {
  opacity: .9;
}

#card-unit-home:hover .descrizione-card-home,
#card-sustainability:hover .descrizione-card-home {
  max-height: 0;
  opacity: 0;
}

#card-unit-home .icon-card-home,
#card-sustainability .icon-card-home {
  z-index: 2;
  display: inline-block;
  transition: transform .35s ease;
}

#card-unit-home:hover .icon-card-home,
#card-sustainability:hover .icon-card-home {
  transform: scale(1.4);
}

@media (max-width: 480px) {

  /* Mostra solo i primi 3 pallini */
  .splide__pagination li:nth-child(n+4) {
    display: none !important;
  }
}

.brxe-erzvif .brxe-gvqcxa.brxe-counter {
  display: flex;
  align-items: center;
}

#brxe-yazvll .bar-wrapper label {
  margin-top: 15px;
}


@media(max-width: 480px) {
  #brxe-rgajem p {
    text-align: start !important;
  }
}

/* CAROSELLO PRODOTTI HOME */
.brxe-fppdhv {
  position: relative;
  overflow: hidden;
}

/* immagine sopra */
.brxe-fppdhv img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  transition: transform .4s ease;
}

/* nome categoria dietro immagine */
.nome-categoria-carosello-prodotti {
  position: absolute;
  top: 17%;
  left: 50%;
  transform: translate(-50%, 60px);
  opacity: 0;
  color: #fff;
  font-weight: 600;
  text-align: center;
  transition: transform .4s ease, opacity .4s ease;
  z-index: 1;
  pointer-events: none;
}

/* hover: la categoria “sale” di 60px e diventa visibile */
.splide__slide:hover .nome-categoria-carosello-prodotti,
.brxe-fppdhv:hover .nome-categoria-carosello-prodotti {
  transform: translate(-50%, 0);
  opacity: 1;
}

.carosello-prodotti-box:hover .icona-carosello-prodotti {
  background: var(--bricks-color-geqjhh) !important;
}

/* SCROLLING */
#purpose-agrati,
#vision-agrati,
#values-agrati,
#history-agrati,
#areas-agrati,
#mission-agrati,
#facilities-agrati,
#innovate-agrati,
#electrification-agrati,
#green-solutions-agrati,
#product-digitalization-agrati,
#open-innovation-agrati,
#work-agrati,
#people-agrati,
#job-agrati,
#values-agrati,
#spontaneous-application-agrati,
#key-numbers-agrati,
#global-market-agrati,
#market-sector-agrati,
#product-sector-agrati {
  scroll-margin-top: 80px;
}

/* Value */
/* nascondi il testo di default */
.value-testo {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  /* sovrapposto all’icona */
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: opacity .35s ease, visibility .35s ease;
}

/* blocco icona visibile di default */
.value-icona {
  transition: opacity .35s ease, visibility .35s ease;
}

/* in hover: icona scompare, testo appare */
#value-carousel:hover .value-icona {
  opacity: 0;
}

#value-carousel:hover .value-testo {
  opacity: 1;
  visibility: visible;
}

.value-testo p {
  font-weight: 500 !important;
}

/* Capabilities icon */
#blocco-cap {
  position: relative;
}

/* Nascondo di default */
.icon-cap-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* opzionale */
  height: 100%;
  /* opzionale */
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility .35s ease;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Mostro in hover */
#blocco-cap:hover .icon-cap-hover {
  opacity: 1;
  visibility: visible;
}



/* KEY FIGURES */
/* Blocco numeri sfondo */
#bk-number {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--bricks-color-vxrauh);
  overflow: hidden;
  /* per sicurezza */
}

#bk-number::before {
  content: "";
  position: absolute;
  inset: 0;
  /* copre tutto il contenitore */
  background-image: url(/wp-content/uploads/2025/10/BK_Numeber.svg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 10;
  /* livello dello sfondo */
}


#bk-number {
  position: relative;
  overflow: hidden;
}

#brxe-umkorx {
  display: none;
}

@media (max-width: 481px) {
  #bk-number {
    display: none;
  }

  #brxe-umkorx {
    display: block;
  }
}



#bk-number>* {
  position: relative;
  z-index: 1;
  /* contenuto sopra */
}

/* Blocco grafico pallini */
.color-background-number {
  background-color: var(--bg, #f5f5f5);
}

/* Barra percentuale */
@layer bricks {
  :where(.brxe-progress-bar) .bar span {
    background-color: var(--bg, #f5f5f5) !important;
  }
}

.brxe-hzzbly .brxe-zvsbua.brxe-icon {
  font-size: 21px;
  color: var(--bg, #f5f5f5) !important;
  fill: var(--bg, #f5f5f5) !important;
}

.brxe-ksqllz:hover .blocco-numeri {
  background: var(--bricks-color-geqjhh) !important;
}

/* FORM */
#form-agrati .options-wrapper li {
  display: flex;
  align-items: flex-start;
  /* o center se vuoi in linea verticale */
  gap: 8px;
  /* spazio tra checkbox e testo */
  font-weight: 300 !important;
}

#form-agrati .options-wrapper li input[type="checkbox"] {
  margin: 3px 0 0 0;
  /* piccolo aggiustamento verticale */
}

#form-agrati .options-wrapper li label {
  font-weight: 400;
}

@media(max-width:480px) {
  #brxe-jadgmx {
    display: none !important;
  }
}

/* ================================
   CARD product (cloni effetto .card-unit-home)
================================== */

#card-product {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* immagine + overlay */
#card-product .immagine-card-home {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#card-product .immagine-card-home img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}

/* gradient overlay */
#card-product .immagine-card-home::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}

/* contenuti testo */
#card-product .brxe-svjggg {
  position: absolute;
  inset: 0;
  z-index: 2;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  padding: 20px 20px 24px;
}

/* titolo */
#card-product h3 {
  position: static;
  margin: 0;
  line-height: 1.1;
  transition: transform .35s ease;
}

/* descrizione */
#card-product .descrizione-card-home {
  position: static;
  margin: 0;
  overflow: hidden;
  max-height: 200px;
  opacity: 1;
  transition: max-height .35s ease, opacity .25s ease;
}

/* icona */
#card-product .icon-card-home {
  z-index: 2;
  transition: transform .35s ease;
}

/* effetti hover */
#card-product:hover .descrizione-card-home {
  max-height: 0;
  opacity: 0;
}

#card-product:hover h3 {
  transform: translateY(2px);
}

#card-product:hover .immagine-card-home img {
  transform: scale(1.12);
}

#card-product:hover .immagine-card-home::after {
  opacity: .9;
}

#card-product:hover .icon-card-home {
  transform: scale(1.4);
}


/*GESTIONE CAROSELL MOBILE E TABLET*/
/*grid unit mobile nascoste*/
#brxe-zbssal,
#brxe-tpieyt,
#brxe-uyizdu,
#brxe-ccqpqk,
#brxe-pkjsad,
#brxe-frdfdj {
  display: none !important;
}

/*TABLET*/
@media(max-width:991px) {

  /*slider unit desktop */
  #brxe-sqbqpv,
  #brxe-pthjwl,
  #brxe-wfekbs,
  #brxe-uzxnuw,
  #brxe-ddfvto {
    display: none !important;
  }

  #brxe-uyizdu,
  #brxe-zbssal,
  #brxe-tpieyt,
  #brxe-ccqpqk,
  #brxe-pkjsad,
  #brxe-grgzgo,
  #brxe-frdfdj {
    display: block !important;
  }
}

/*MOBILE*/
@media(max-width: 480px) {

  .brxe-cuqqcqg .splide__slide {
    margin-right: 24px;
  }

  ul.splide__pagination.splide__pagination--ltr {
    padding-right: 5% !important;
  }

  button.splide__arrow.splide__arrow--prev {
    display: none !important;
  }

  button.splide__arrow.splide__arrow--next {
    display: none !important;
  }

}

.splide:not(.is-overflow) .splide__pagination {
  display: block !important;
}


/* ================================
   GALLERY PRODOTTI
================================== */
.kfds-thumb.is-active {
  outline: 0px solid #E42A1F !important;
  outline-offset: 0;
  border-color: #E42A1F !important;
}

.kfds-thumb__img {
  border-radius: 0px !important;
}

.kfds-viewer__img {
  border-radius: 0px !important;
}

.kfds-thumb {
  border-radius: 0px !important;
}

.kfds-splide-prev {
  display: none !important;
}

.kfds-splide-next {
  display: none !important;
}

@media (max-width: 768px) {
  .kfds-viewer__thumbs-splide {
    display: block;
    position: relative;
    padding: 0px !important;
  }
}

/* Gallery immagini prodotti */
.kfds-viewer__stage{
  background-color: #f7f6f6;
}
.kfds-thumb__img {
  background: #f7f6f6 !important;
}



/* =========== progess bar pagina key-figures ================ */
.bar-wrapper label {
  position: absolute;
  z-index: 10;
}

@media(max-width:991px){
  #brxe-xgkokt{
    display: flex;
  }
}



/* Stato base: nascosto + spostato.
   Usiamo 'translate' (proprietà individuale) invece di 'transform'. */
#home-slider .titolo-slide-home,
#home-slider .descrizione-slide-home,
#home-slider .bottone-slide-home {
  opacity: 0;
  translate: 0 0;
  /* default, verrà sovrascritto sotto */
  transition: opacity .6s ease, translate .6s ease;
}

/*entrata dall'alto */
#home-slider .titolo-slide-home {
  translate: 0 -24px;
}

/* entra dal basso */
#home-slider .descrizione-slide-home,
#home-slider .bottone-slide-home {
  translate: 0 24px;
}

/* Quando la slide è "is-visible", portiamo a posto con piccoli ritardi */
#home-slider .is-visible .titolo-slide-home {
  opacity: 1;
  translate: 0 0;
  transition-delay: .15s;
}

#home-slider .is-visible .descrizione-slide-home,
#home-slider .is-visible .bottone-slide-home {
  opacity: 1;
  translate: 0 0;
  transition-delay: .15s;
}

/* overlay slide home */
/* SOLO slider home */
.home-hero-slider .splide__slide {
  position: relative;
  overflow: hidden;
}

.home-hero-slider .splide__slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
  pointer-events: none;
}

/* Video sotto l’overlay e a pieno schermo */
.home-hero-slider .brxe-video video,
.home-hero-slider .splide__slide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* Testi sopra */
.home-hero-slider .brxe-container {
  position: relative;
  z-index: 3;
}


/* opzionale: più morbido su mobile */
@media (max-width: 767px) {

  #home-slider .titolo-slide-home,
  #home-slider .descrizione-slide-home {
    transition-duration: .8s;
  }
}

button.splide__arrow.splide__arrow--prev,
button.splide__arrow.splide__arrow--next {
  background-color: transparent !important;
}

/* button.splide__pagination__page.is-active{
  position: absolute !important;
  left: -46px !important;
  bottom: 0 !important;
} */

#slider-gt-world button.splide__arrow.splide__arrow--prev,
#slider-gt-world button.splide__arrow.splide__arrow--next,
#slide-custom-journey button.splide__arrow.splide__arrow--next,
#slide-custom-journey button.splide__arrow.splide__arrow--prev {
  color: white !important;

}

@media(max-width: 991px) {

  #slider-gt-world button.splide__arrow.splide__arrow--prev,
  #slider-gt-world button.splide__arrow.splide__arrow--next,
  #brxe-mznsyx button.splide__arrow.splide__arrow--prev,
  #brxe-mznsyx button.splide__arrow.splide__arrow--next,
  #slide-tokbo button.splide__arrow.splide__arrow--next,
  #slide-tokbo button.splide__arrow.splide__arrow--prev {
    display: none !important;
  }

  #slider-gt-world-video button.splide__arrow.splide__arrow--prev,
  #slider-gt-world-video button.splide__arrow.splide__arrow--next {
    display: none !important;
  }

  .grid-market-segment-desktop{
    display: none !important;
  }
}




#slide-custom-journey {
  height: 100%;
}

.slide-custom-jurney {
  height: 202px;
  transition: background-color 0.4s ease-in-out, height 0.4s ease-in-out;
}

.slide-custom-jurney:hover {
  background-color: #E42A1F !important;
  height: 100%;
  border: none;
}

.slide-custom-jurney:hover .contenuto-slide-custom {
  height: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
}

#slide-custom-journey-list {
  align-items: flex-end;
}

.blocco-custom-jurney {
  height: 100% !important;
}

.descrizione-slide-custom {
  translate: 0 120px;
  opacity: 0;
  transition: opacity 0s ease-in-out, translate 0.4s ease-in-out;
}

.slide-custom-jurney:hover .descrizione-slide-custom {
  position: relative !important;
  translate: 0 0 !important;
  opacity: 1 !important;
}

#slider-what-offer button.splide__arrow.splide__arrow--next,
#slider-what-offer button.splide__arrow.splide__arrow--prev {
  display: none;
}

#slider-what-offer .what-offer-singola {
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
  width: 254px !important;
  height: 254px;
}

#slider-what-offer .what-offer-singola .svg-testo {
  transition: opacity 0.3s ease-in-out;
}

#slider-what-offer .blocco-descrizione {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
}

#slider-what-offer .descrizione {
  font-size: 22px;
  font-weight: 500;
  color: white;
}

#slider-what-offer .what-offer-singola:hover {
  background-color: #E42A1F !important;
  border-color: #E42A1F !important;
}

#slider-what-offer .what-offer-singola:hover .svg-testo {
  opacity: 0;
}

#slider-what-offer .what-offer-singola:hover .blocco-descrizione {
  opacity: 1;
}

.single-slide-what-offer {
  width: 302px !important;
}

.page-id-1467 .kfds-viewer__stage,
.page-id-6098 .kfds-viewer__stage {
  border: 1px solid white !important;
  background-color: black !important;
}

.page-id-1467 .kfds-thumb__img,
.page-id-6098 .kfds-thumb__img {
  background-color: black !important;
}


#slide-tokbo {
  height: 100%;
}

.slide-tokbo {
  height: 180px;
  transition: background-color 0.4s ease-in-out, height 0.4s ease-in-out;
}

.svg-tokbo {
  display: none;
}

.slide-tokbo:hover {
  background-color: #F5FF46 !important;
  height: 454px !important;
  border: none;
}

.slide-tokbo:hover .svg-tokbo {
  display: block;
}

.slide-tokbo .titolo-tokbo {
  color: white;
}

.slide-tokbo:hover .titolo-tokbo {
  color: black !important;
}

.slide-tokbo:hover .contenuto-slide-tokbo {
  height: 100% !important;
  display: flex !important;
}

#slide-tokbo-list {
  align-items: flex-end;
}

.blocco-tokbo {
  height: 100% !important;
}

.descrizione-tokbo {
  height: 114px;
  line-height: 120%;
}

#form-tokbo button {
  padding: 16px 24px;
}

#form-tokbo .options-wrapper li {
  display: flex;
  flex-direction: row !important;
  gap: 8px;
  align-items: flex-start;
}

#form-tokbo .options-wrapper li label {
  color: var(--Nero-WCAG-AA, #1D1D1B);
  font-size: var(--Font-Size-XS, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

#menu-bottom a {
  height: 28px;
}

#menu-bottom a {
  border-bottom: transparent 1px solid;
  transition: border-bottom 0.4s ease, color 0.4s ease;
}

#menu-bottom a:hover {
  border-bottom: #E42A1F 1px solid;
  color: #E42A1F;
}

/* gradient overlay SEMPRE visibile */
#card-product .immagine-card-home::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
  /* così non blocca l'hover */
}

/* rimuovo l'overlay nero */
#card-product .immagine-card-home::after {
  display: none;
}

/* effetto blur all’immagine in hover */
#card-product .immagine-card-home img {
  transition: filter 0.3s ease;
}

#card-product:hover .immagine-card-home img {
  filter: blur(10px);
}

#card-product .lista-product {
  position: absolute;
  opacity: 0;
}

#card-product:hover .lista-product {
  position: relative;
  opacity: 1;
}

#card-product .lista-product p {
  font-weight: 300;
}

/* gradient overlay SEMPRE visibile */
#card-performance .immagine-card-home::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 30%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  pointer-events: none;
  /* così non blocca l'hover */
}

#card-performance .descrizione-card-home {
  position: absolute;
  opacity: 0;
}

#card-performance:hover {
  cursor: auto;
}

#card-performance:hover .descrizione-card-home {
  position: relative;
  opacity: 1;
}

/*TESTO SOTTO SLIDER*/

#slider-social .slide-social .testo-social {
  opacity: 0;
  transition: opacity 0.3s ease;
}

#slider-social .slide-social.is-active .testo-social {
  opacity: 1;
}


#slider-TOKBO .slide-TOKBO .testo-TOKBO {
  opacity: 0;
  transition: opacity 0.3s ease;
}

#slider-TOKBO .slide-TOKBO.is-active .testo-TOKBO {
  opacity: 1;
}


.form-section-title {
  color: var(--ROSSO-CORPORATE, #E42A1F);
  font-family: var(--font-family-body, Inter);
  font-size: var(--font-size-m, 18px);
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  margin-bottom: 8px;
  margin-top: 24px;
}

#form-spontaneous-application input {
  border: none;
  border-bottom: 1px solid #D0D5DD;
}

.allegato {
  color: var(--Nero-WCAG-AA, #1D1D1B);
  font-family: var(--Font-Typography-Body, Manrope);
  font-size: var(--Font-Size-XS, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}





/* APPLICATION FORM */
/* BOX upload (Bricks) */
.form-group.file {
  margin-bottom: 28px;
}

/* Nascondi il bottone testuale "Choose files" e trasformalo nel box */
.form-group.file label.choose-files {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  height: 180px;
  /* alza/abbassa se ti serve */
  margin-top: 10px;
  border: 1px dashed #ddd;
  border-radius: 10px;
  background: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 0;
  /* nasconde il testo originale */
}

/* Icona upload (metti tu l'URL) */
.form-group.file label.choose-files::before {
  content: "";
  width: 40px;
  height: 40px;
  background-image: url("/wp-content/uploads/2025/10/Upload_icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Didascalia sotto l’icona */
.form-group.file label.choose-files::after {
  content: "Carica il tuo file PDF (max 3mb)";
  font-size: 14px;
  line-height: 1.4;
  color: #666;
}

/* Hover/focus */
.form-group.file label.choose-files:hover,
.form-group.file label.choose-files:focus-within {
  border-color: #bbb;
}

/* Quando è stato selezionato un file, mostra solo il riepilogo e nascondi il box */
.form-group.file:has(.file-result .text:not(:empty)) label.choose-files {
  display: none;
}

/* Stile del riepilogo file selezionato (opzionale) */
.form-group.file .file-result {
  margin-top: 10px;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 12px 14px;
  display: none;
  /* nascosto finché non c’è testo */
}

.form-group.file:has(.file-result .text:not(:empty)) .file-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.form-group.file .file-result .text {
  color: #333;
  font-size: 14px;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Pulsante Remove (opzionale) */
.form-group.file .file-result .remove {
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
}

/* Disattiviamo il bottone APPLY se il fomr non è completo - codice JS in altro file */
.bottone-rosso-02[disabled],
.bottone-rosso-02.is-disabled {
  opacity: 0.4;
  pointer-events: none;
  filter: grayscale(1);
  transition: all 0.2s ease-in-out;
}

/* Stato attivo (quando il form è valido) */
.bottone-rosso-02:not([disabled]):not(.is-disabled) {
  opacity: 1;
  pointer-events: auto;
  filter: none;
}

#form-application .bricks-button {
  display: none;
}

.options-wrapper li {
  display: flex;
  align-items: flex-start;
  /* o center se vuoi il testo centrato verticalmente */
  gap: 8px;
  /* spazio fra checkbox e testo */
}

.options-wrapper input[type="checkbox"] {
  margin-top: 3px;
  /* piccolo aggiustamento verticale */
  flex-shrink: 0;
}

.options-wrapper label {
  display: inline;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

#card-product .lista-our-programs {
  position: absolute;
  opacity: 0;
}

#card-product:hover .lista-our-programs {
  position: relative;
  opacity: 1;
}

#card-product .lista-our-programs p {
  color: #FFF;
  font-size: clamp(16px, calc(0.4348vw + 16.4348px), 18px);
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.5px;
}

#popup-sustainability svg:hover{
cursor: pointer;
}

#popup-sustainability svg:hover path{
  fill: red;
}