/* The Doghouse Selby — mobile navigation */
.mobile-nav-toggle{
  display:none;
  width:46px;
  height:46px;
  padding:0;
  border:1px solid rgba(255,255,255,.22);
  border-radius:4px;
  background:#111;
  color:#fff;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  flex:0 0 auto;
}
.mobile-nav-toggle span{
  display:block;
  width:22px;
  height:2px;
  background:currentColor;
  transition:transform .2s ease, opacity .2s ease;
}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(2){
  opacity:0;
}
.mobile-nav-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

@media (max-width:980px){
  .site-header .nav{
    position:relative;
  }

  .mobile-nav-toggle{
    display:flex;
    z-index:1002;
  }

  .site-header .menu{
    display:none !important;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:100%;
    margin:0;
    padding:10px 16px 18px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    background:#070707;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
    box-shadow:0 18px 30px rgba(0,0,0,.45);
    z-index:1001;
  }

  .site-header .menu.mobile-open{
    display:flex !important;
  }

  .site-header .menu.mobile-open a,
  .site-header .menu.mobile-open a:not(.book){
    display:block !important;
    width:100%;
    padding:14px 4px;
    border-bottom:1px solid rgba(255,255,255,.10);
    text-align:left;
  }

  .site-header .menu.mobile-open a.book{
    display:block !important;
    width:100%;
    margin-top:10px;
    padding:14px 16px;
    text-align:center;
    border-bottom:2px solid var(--red,#d10a12);
  }

  body.mobile-nav-open{
    overflow:hidden;
  }
}