/* PromptSaar desktop navigation size + mobile backdrop */

/* Larger desktop/tablet header navigation */
@media(min-width:768px){
  .site-header .header-inner{
    min-height:76px !important;
    gap:16px !important;
  }

  .site-header .brand{
    font-size:22px !important;
  }

  .site-header .brand .logo,
  .site-header .brand img.logo{
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
  }

  .desktop-main-nav{
    gap:7px !important;
    overflow:visible !important;
  }

  .desktop-main-nav .desktop-nav-link{
    min-height:42px !important;
    padding:10px 13px !important;
    border-radius:11px !important;
    font-size:13.5px !important;
    font-weight:780 !important;
    letter-spacing:-.05px !important;
  }

  .desktop-nav-request{
    padding-left:14px !important;
    padding-right:14px !important;
  }
}

/* Landscape tablet and smaller desktop */
@media(min-width:768px) and (max-width:1120px){
  .site-header .header-inner{
    min-height:72px !important;
    gap:11px !important;
  }

  .site-header .brand{
    font-size:20px !important;
  }

  .site-header .brand .logo,
  .site-header .brand img.logo{
    width:39px !important;
    height:39px !important;
  }

  .desktop-main-nav{
    gap:3px !important;
  }

  .desktop-main-nav .desktop-nav-link{
    min-height:39px !important;
    padding:9px 10px !important;
    font-size:12.7px !important;
  }
}

/* Mobile menu backdrop and scroll lock */
@media(max-width:767px){
  body.ps-mobile-menu-open{
    overflow:hidden !important;
    touch-action:none !important;
  }

  #psMobileMenuBackdrop{
    position:fixed;
    top:var(--ps-backdrop-top,64px);
    right:0;
    bottom:0;
    left:0;
    z-index:99980;
    display:block;
    opacity:0;
    pointer-events:none;
    background:rgba(247,248,250,.88);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px);
    transition:opacity .18s ease;
  }

  body.ps-mobile-menu-open #psMobileMenuBackdrop{
    opacity:1;
    pointer-events:auto;
  }

  body.ps-mobile-menu-open #menuPanel,
  body.ps-mobile-menu-open #menuPanel.ps-mobile-menu,
  body.ps-mobile-menu-open #menuPanel.menu-panel{
    z-index:99999 !important;
    max-height:calc(
      100dvh - var(--ps-backdrop-top,64px) - 14px
    ) !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
    overscroll-behavior:contain !important;
  }

  body.ps-mobile-menu-floating #menuPanel,
  body.ps-mobile-menu-floating #menuPanel.ps-mobile-menu,
  body.ps-mobile-menu-floating #menuPanel.menu-panel{
    box-shadow:
      0 24px 60px rgba(15,18,28,.22) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  #psMobileMenuBackdrop{
    transition:none !important;
  }
}