/* AMICIANIMALI24.IT - MENU PC FINALE
   Menu desktop orizzontale, leggibile e stabile. */

@media (min-width:1051px){
  .site-header .container{
    width:min(1500px,calc(100% - 22px))!important;
    max-width:none!important;
  }

  .site-header .nav-wrap,
  .site-header.nav-open .nav-wrap{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    min-height:76px!important;
  }

  .site-header .logo{
    flex:0 0 auto!important;
    white-space:nowrap!important;
    font-size:1.06rem!important;
    letter-spacing:-.02em;
  }

  .site-header .logo-mark{
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
  }

  .site-header .main-nav,
  .site-header.nav-open .main-nav{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    width:auto!important;
    order:initial!important;
    gap:12px!important;
    margin-left:8px!important;
    padding:0!important;
    min-width:0!important;
  }

  .site-header .main-nav>a,
  .site-header .nav-drop>a,
  .site-header.nav-open .main-nav>a,
  .site-header.nav-open .nav-drop>a{
    display:inline-flex!important;
    align-items:center!important;
    color:var(--ink)!important;
    font-weight:750!important;
    font-size:.90rem!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    padding:8px 0!important;
    border-bottom:0!important;
    text-decoration:none!important;
  }

  .site-header .main-nav>a:hover,
  .site-header .nav-drop>a:hover{
    color:var(--green-dark)!important;
  }

  .site-header .nav-actions,
  .site-header.nav-open .nav-actions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:auto!important;
    order:initial!important;
    gap:8px!important;
    padding:0!important;
  }

  .site-header .nav-actions .btn,
  .site-header.nav-open .nav-actions .btn{
    width:auto!important;
    min-width:118px!important;
    max-width:158px!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.12!important;
    padding:10px 13px!important;
    font-size:.85rem!important;
    border-radius:999px!important;
  }

  .site-header .nav-toggle,
  .site-header.nav-open .nav-toggle{
    display:none!important;
  }

  .site-header .nav-drop{
    position:relative!important;
  }

  .site-header .drop-menu,
  .site-header.nav-open .drop-menu,
  .site-header.nav-open .drop-wide,
  .site-header.nav-open .animal-menu{
    display:none!important;
    position:absolute!important;
    top:34px!important;
    left:-22px!important;
    background:#fff!important;
    box-shadow:0 18px 45px rgba(31,111,85,.16)!important;
    border:1px solid var(--line)!important;
    border-radius:20px!important;
    padding:14px!important;
    min-width:260px!important;
    max-width:min(940px,calc(100vw - 32px))!important;
    z-index:80!important;
  }

  .site-header .drop-wide,
  .site-header.nav-open .drop-wide,
  .site-header .animal-menu,
  .site-header.nav-open .animal-menu{
    min-width:760px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    left:-300px!important;
    max-height:72vh!important;
    overflow:auto!important;
  }

  .site-header .nav-drop:hover .drop-menu,
  .site-header.nav-open .nav-drop:hover .drop-menu{
    display:block!important;
  }

  .site-header .nav-drop:hover .drop-wide,
  .site-header.nav-open .nav-drop:hover .drop-wide,
  .site-header .nav-drop:hover .animal-menu,
  .site-header.nav-open .nav-drop:hover .animal-menu{
    display:grid!important;
  }

  .site-header .drop-menu a,
  .site-header.nav-open .drop-menu a{
    display:block!important;
    padding:9px 11px!important;
    color:var(--ink)!important;
    border-bottom:0!important;
    white-space:normal!important;
    border-radius:12px!important;
    font-size:.92rem!important;
    text-decoration:none!important;
  }

  .site-header .drop-menu a:hover{
    background:var(--soft)!important;
    color:var(--green-dark)!important;
  }

  .site-header .drop-section strong,
  .site-header.nav-open .drop-section strong{
    display:block!important;
    padding:6px 10px 8px!important;
    margin:0!important;
    color:var(--green-dark)!important;
    font-size:.84rem!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }
}

@media (min-width:1051px) and (max-width:1280px){
  .site-header .container{
    width:min(100% - 18px,1500px)!important;
  }

  .site-header .logo{
    font-size:1rem!important;
  }

  .site-header .logo-mark{
    width:40px!important;
    height:40px!important;
  }

  .site-header .main-nav,
  .site-header.nav-open .main-nav{
    gap:9px!important;
    margin-left:4px!important;
  }

  .site-header .main-nav>a,
  .site-header .nav-drop>a,
  .site-header.nav-open .main-nav>a,
  .site-header.nav-open .nav-drop>a{
    font-size:.83rem!important;
  }

  .site-header .nav-actions .btn,
  .site-header.nav-open .nav-actions .btn{
    min-width:104px!important;
    max-width:132px!important;
    padding:9px 10px!important;
    font-size:.78rem!important;
  }

  .site-header .drop-wide,
  .site-header.nav-open .drop-wide,
  .site-header .animal-menu,
  .site-header.nav-open .animal-menu{
    left:-340px!important;
    min-width:720px!important;
  }
}

@media (min-width:1051px) and (max-width:1140px){
  .site-header .nav-actions{
    display:none!important;
  }

  .site-header .main-nav,
  .site-header.nav-open .main-nav{
    justify-content:flex-end!important;
  }

  .site-header .main-nav>a,
  .site-header .nav-drop>a,
  .site-header.nav-open .main-nav>a,
  .site-header.nav-open .nav-drop>a{
    font-size:.86rem!important;
  }
}