/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Checkbox */
.pwr--dark [type=checkbox]+span:before, .pwr-form.pwr--dark [type=checkbox]+span:before {
    background-color: none!important;
}

/* Step counter - color font */
.pwr-step__count {
    color: var(--clr-base-lt);
}

/* Footer */
.pwr-footer:not(.pwr-footer-advanced).pwr--dark {
    color: rgba(var(--clr-txt-nav-lt-rgb),var(--opc-footer-hover));
}


/* Form checkboxes */
.pwr--dark [type=checkbox]+span:before, .pwr-form.pwr--dark [type=checkbox]+span:before {
    background-color: #ffffff !important;
}
/* ====== Submenu su una sola riga (eventi, ecc.) ====== */
.hs-menu-children-wrapper > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}
/* Menu più compatto su schermi medi / zoom alto */
@media (max-width: 1500px) {
  /* riduco padding e font delle voci menu */
  .pwr-header .hs-menu-wrapper > ul > li > a {
    padding: 0 10px !important;
    font-size: 15px !important;
  }
/* Mantieni i sottomenu su una sola riga */
.hs-menu-children-wrapper > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}

/* =============================
   Menu DESKTOP più compatto
   da 1600px fino al tablet
============================= */
@media (max-width: 1600px) and (min-width: 1025px) {

  /* riduco font e padding di TUTTI i link nel menu header */
  .pwr-header a,
  .pwr-header .hs-menu-item a,
  .pwr-header .hs-menu-wrapper > ul > li > a {
      font-size: 14px !important;
      padding-left: 8px !important;
      padding-right: 8px !important;
  }

  /* assicuro che il menu si stringa e non “spinga” sotto il logo */
  .pwr-header .hs-menu-wrapper > ul {
      flex-wrap: nowrap !important;
  }
}

}

/* =============================
   2) Menu compattato fino al tablet
      (fino a 1024px)
============================= */
@media (max-width: 1500px) and (min-width: 1025px) {
  /* riduco padding + font delle voci */
  .pwr-header .hs-menu-wrapper > ul > li > a {
    padding: 0 10px !important;
    font-size: 15px !important;
  }

  /* compatto anche il bottone */
  .pwr-header .pwr-btn,
  .pwr-header .pwr-header__cta .pwr-btn {
    padding: 0.5rem 1.25rem !important;
    font-size: 14px !important;
  }
}

/* =============================
   3) Da tablet

}