header{
    background-color: #f4f6fc;
}
.searchbar{
    border-top: 1px solid #004ec1;
    border-bottom:  1px solid #004ec1;
    position: absolute;
    top: 0;
    z-index: 9;
    transition: .3s;
    visibility: hidden;
}
.searchbar.visible{
    top: 100%;
    transition: .3s;
    visibility: visible;
}
.nav-menu{
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    margin-bottom: 0;
}
#menu-main > li a:not(.btn){
    color: white;
    text-decoration: none;    
}
.sub-menu{display: none;}
.menu-item-has-children > a span{position: relative;}
.menu-item-has-children > a span:after{
    content: '';
    height: 14px;
    width: 14px;
    background-image: url(/wp-content/uploads/2025/07/angleright_white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}
.menu-item-has-children > a{
  display: block;
  width: 100%;
  position: relative;
}
.submenu_visible{
    display: block;
  position: absolute;
  left: calc(100% + 50px);
  top: 0;
  width: 350px;
}
.after_img_hero_hp{
   background-image: url('/wp-content/uploads/2025/07/bg_header_hp.jpg');
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
    text-align: left;
}
.swiper_hero .swiper-pagination-bullet{border-radius: 0;}

.swiper_hero .swiper-pagination {
  display: flex;
  align-items: center;
  gap: 12px;
}

.swiper_hero .custom-pagination-number {
    font-family: "Anaheim", sans-serif;
    color: #004ec1; /* personalizza */
    display: flex;
    align-items: center;
}

.swiper_hero .custom-pagination-number .sep {
  margin: 0 2px;
  color: #004ec1; /* separatore più chiaro */
}

/* Bullet linee */
.swiper_hero .swiper-pagination-bullet{
  padding: 15px 10px;
  background: transparent;
  position: relative;
  opacity: 1;
  width: 20px;
  }
  .swiper_hero .swiper-pagination-bullet-active{
    width: 50px;
  }
  .swiper_hero .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: inherit !important;
    top: inherit !important;
  }
.swiper_hero .swiper-pagination-bullet:after {
  content: '';
  width: 20px;
  height: 1px;
  background: #004ec1;
  opacity: 1;
  transition: background 0.2s, width 0.3s;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.swiper_hero .swiper-pagination-bullet-active:after {
  background: #004ec1;
  width: 50px;
}
.btn_menu .btn{font-size: 1.5rem !important;}
.menu-item a:not(.btn):hover{text-decoration: underline !important;}
.menu_page{right: -100%;opacity: 1;transition: .3s;}
.menu_page.menu_visible{right: 0;opacity: 1;transition: .3s}
.searchbar_wrapper .btn{background-color: #004ec1;}