/* FIL-ITALIA navbar based on the approved horizontal reference */
body.home-reference-navbar-ready .navbar.home-reference-navbar{
  z-index:5000!important;
}

body.home-reference-navbar-ready .home-reference-brand{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:168px;
  color:#10251b;
  text-decoration:none;
}
body.home-reference-navbar-ready .home-reference-brand img{
  width:43px;
  height:43px;
  border-radius:10px;
  object-fit:contain;
  background:#fff;
}
body.home-reference-navbar-ready .home-reference-brand span{
  display:grid;
  line-height:1;
}
body.home-reference-navbar-ready .home-reference-brand strong{
  font-size:.92rem;
  font-weight:900;
  letter-spacing:.035em;
}
body.home-reference-navbar-ready .home-reference-brand small{
  margin-top:4px;
  font-size:.52rem;
  font-weight:800;
  letter-spacing:.12em;
  color:#5f7168;
}
body.home-reference-navbar-ready .home-reference-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:max-content;
}

@media(min-width:961px){
  body.home-reference-navbar-ready .navbar.home-reference-navbar{
    min-height:76px!important;
    height:76px!important;
    display:grid!important;
    grid-template-columns:minmax(168px,220px) minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:clamp(14px,2vw,30px)!important;
    padding:0 clamp(18px,3vw,46px)!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid rgba(13,101,57,.12)!important;
    box-shadow:0 10px 32px rgba(0,0,0,.08)!important;
    backdrop-filter:blur(18px)!important;
  }
  body.home-reference-navbar-ready .home-reference-brand{
    grid-column:1;
  }
  body.home-reference-navbar-ready .home-nav-left,
  body.home-reference-navbar-ready .mobile-menu-button,
  body.home-reference-navbar-ready .home-nav-page-controls,
  body.home-reference-navbar-ready .home-horizontal-controls,
  body.home-reference-navbar-ready .mobile-menu-overlay{
    display:none!important;
  }
  body.home-reference-navbar-ready .nav-links,
  body.home-reference-navbar-ready.mobile-menu-open .nav-links,
  body.home-reference-navbar-ready .nav-links.active{
    grid-column:2;
    position:static!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:clamp(10px,1.2vw,20px)!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  body.home-reference-navbar-ready .nav-links a{
    display:inline-flex!important;
    align-items:center!important;
    min-height:76px!important;
    padding:3px 0 0!important;
    color:#17261f!important;
    font-size:clamp(.56rem,.67vw,.72rem)!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    border:0!important;
    background:transparent!important;
  }
  body.home-reference-navbar-ready .nav-links a::after{
    bottom:16px!important;
    height:3px!important;
    background:#159454!important;
  }
  body.home-reference-navbar-ready .nav-links a:hover,
  body.home-reference-navbar-ready .nav-links a.is-active{
    color:#0c8e4d!important;
  }
  body.home-reference-navbar-ready .home-reference-actions{
    grid-column:3;
  }
  body.home-reference-navbar-ready .home-auth-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  body.home-reference-navbar-ready .home-auth-link{
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border-radius:7px!important;
    border:1px solid #d9e3dd!important;
    background:#fff!important;
    color:#183127!important;
    box-shadow:none!important;
    font-size:.68rem!important;
    font-weight:900!important;
  }
  body.home-reference-navbar-ready .home-auth-link svg{
    width:17px!important;
    height:17px!important;
    stroke:#183127!important;
  }
  body.home-reference-navbar-ready .home-auth-create{
    border-color:#128b4d!important;
    background:#128b4d!important;
    color:#fff!important;
  }
  body.home-reference-navbar-ready .home-auth-create svg{
    stroke:#fff!important;
  }
  body.home-reference-navbar-ready .language-switch{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }
  body.home-reference-navbar-ready .home-nav-social{
    width:30px!important;
    height:30px!important;
  }
  body.home-reference-navbar-ready .language-switch button{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    padding:0!important;
    font-size:.54rem!important;
    border:1px solid #d9e3dd!important;
    background:#fff!important;
    color:#294038!important;
  }
}

@media(max-width:960px){
  body.home-reference-navbar-ready .navbar.home-reference-navbar{
    min-height:76px!important;
    height:76px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0 10px!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid rgba(13,101,57,.12)!important;
    box-shadow:0 10px 28px rgba(0,0,0,.1)!important;
  }
  body.home-reference-navbar-ready .home-nav-left{
    order:1!important;
    display:flex!important;
    align-items:center!important;
    flex:0 0 44px!important;
  }
  body.home-reference-navbar-ready .mobile-menu-button{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    background:#139752!important;
    color:#fff!important;
  }
  body.home-reference-navbar-ready .home-reference-brand{
    order:2!important;
    min-width:0;
    margin-right:auto;
  }
  body.home-reference-navbar-ready .home-reference-brand img{
    width:38px;
    height:38px;
  }
  body.home-reference-navbar-ready .home-reference-brand span{
    display:none;
  }
  body.home-reference-navbar-ready .home-reference-actions{
    order:3!important;
    gap:5px!important;
  }
  body.home-reference-navbar-ready .language-switch{
    display:none!important;
  }
  body.home-reference-navbar-ready .home-auth-actions{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }
  body.home-reference-navbar-ready .home-auth-link{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    justify-content:center!important;
    border-radius:9px!important;
  }
  body.home-reference-navbar-ready .home-auth-link span{
    display:none!important;
  }
  body.home-reference-navbar-ready .nav-links{
    position:fixed!important;
    top:84px!important;
    left:10px!important;
    right:10px!important;
    width:auto!important;
    height:auto!important;
    max-height:calc(100vh - 104px)!important;
    display:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:12px!important;
    border:1px solid rgba(13,101,57,.16)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.99)!important;
    box-shadow:0 22px 60px rgba(0,0,0,.2)!important;
    overflow:auto!important;
    transform:none!important;
    opacity:1!important;
  }
  body.home-reference-navbar-ready.mobile-menu-open .nav-links,
  body.home-reference-navbar-ready .nav-links.active{
    display:grid!important;
  }
  body.home-reference-navbar-ready .nav-links a{
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 8px!important;
    border-radius:10px!important;
    color:#183127!important;
    background:#f4f8f5!important;
    font-size:.68rem!important;
    font-weight:900!important;
    text-align:center!important;
    text-transform:uppercase!important;
  }
  body.home-reference-navbar-ready .nav-links a::after{
    display:none!important;
  }
  body.home-reference-navbar-ready .mobile-menu-overlay{
    background:rgba(2,12,8,.44)!important;
  }
}

@media(min-width:961px) and (max-width:1180px){
  body.home-reference-navbar-ready .navbar.home-reference-navbar{
    grid-template-columns:150px minmax(0,1fr) auto!important;
    column-gap:10px!important;
    padding:0 14px!important;
  }
  body.home-reference-navbar-ready .home-reference-brand small{
    display:none;
  }
  body.home-reference-navbar-ready .nav-links{
    gap:9px!important;
  }
  body.home-reference-navbar-ready .nav-links a{
    font-size:.54rem!important;
  }
  body.home-reference-navbar-ready .language-switch{
    display:none!important;
  }
}