/* Terzo elemento (Bottoni) */
.pix-row > nav:nth-child(1) { 
  padding-left: 20px !important;
}
.pix-row > nav:nth-child(2) { 
  padding: 0px !important;
}
.pix-row > nav:nth-child(3) {
    flex: 0 0 auto !important;
    width: auto !important;
    white-space: nowrap !important;
    padding-right: 20px !important;
}

  .outletButton {
      margin-right:10px !important;
  }


.navbar-brand {
  margin-left:10px !important;
}

/* Assicura che il pulsante sia il riferimento di posizionamento */
.btnPrimaryConversionBadge {
    position: relative !important;
    overflow: visible !important; /* Permette al badge di uscire dai bordi del bottone */
}

/* Creazione del badge */
.btnPrimaryConversionBadge::after {
    content: "GRATUITA";
    position: absolute;
    top: -4px;
    right: -0px;
    background-color: var(--e-global-color-pixPrimaryColor);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    padding: 3px 8px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    pointer-events: none; /* Evita interferenze con il click */
    z-index: 2;
    
    /* Transizione fluida per lo zoom */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transform: scale(1);
}

/* Zoom del 10% (scale 1.1) al mouse over sul pulsante */
.btnPrimaryConversionBadge:hover::after {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Leggera intensificazione dell'ombra in hover */
}

.elementor-693 .elementor-element.elementor-element-68bb9ce {
    --display: flex;
    --min-height: 300px !important;
}


.elementor-693 .e-con-inner {
  gap:0px !important;
}

/* ANIMAZIONE DEL BORDO LIQUIDO (Lava Lamp) */
  /* 1. Animazione del Tracciato Perimetrale (Legata allo SCROLL) */
  @keyframes pillBorderTrace {
    0% {
      clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0);
    }
    25% {
      clip-path: polygon(0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    50% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
    75% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    100% {
      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
  }

  /* 2. Animazione del Liquido/Lava Lamp (Legata al TEMPO, Infinita) */
  @keyframes lavaLampFlow {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
 







/* ALTEZZA VOCI MENU PRINCIPALI 100% (per colore di sfondo) */
  /* 1. Rende la riga e la colonna dei contenitori flex che si estendono */
  .pix-row, 
  .pixfort-header-col.pix-main-menu {
      align-items: stretch !important;
  }

  /* 2. Rimuove il padding dal div intermedio e lo obbliga a occupare tutta l'altezza */
  .pixfort-header-col.pix-main-menu .d-inline-flex.pix-py-5 {
      height: 100% !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      align-items: stretch !important;
  }

  /* 3. Catena di ereditarietà altezza: dallo span fino all'elemento della lista */
  .pixfort-header-col.pix-main-menu .line-height-1,
  .pixfort-header-col.pix-main-menu .ubermenu,
  .pixfort-header-col.pix-main-menu .ubermenu-nav,
  .pixfort-header-col.pix-main-menu .ubermenu-item-level-0 {
      height: 100% !important;
      display: flex !important;
      align-items: stretch !important;
  }

  /* 4. Il link finale (A) diventa alto 100% e centra il suo contenuto internamente */
  .ubermenu-item-level-0 > .ubermenu-target {
      height: 100% !important;
      display: flex !important;
      align-items: center !important;
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }
/* / ALTEZZA VOCI MENU PRINCIPALI 100% (per colore di sfondo) */


#breadcrumbs { 
    color:#ddd;
}

  #breadcrumbs a { 
    font-weight: 600;
  }


  #breadcrumbs p { 
  }

.pix-custom-main-intro .e-con-inner {
    margin-top:24px !important;
}