/* PromptSaar responsive header
   Mobile: hamburger menu
   Tablet + Desktop: inline navigation
*/

.desktop-main-nav{
  display:none;
}

/* Tablet and desktop */
@media (min-width:768px){
  .site-header .header-inner{
    display:flex !important;
    align-items:center !important;
    min-height:64px !important;
    gap:14px !important;
  }

  .site-header .brand{
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  .desktop-main-nav{
    display:flex !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin-left:auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:4px !important;
    white-space:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
  }

  .desktop-main-nav::-webkit-scrollbar{
    display:none !important;
  }

  .desktop-main-nav a{
    flex:0 0 auto !important;
    text-decoration:none !important;
  }

  .desktop-nav-link{
    min-height:36px !important;
    padding:8px 10px !important;
    border-radius:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    color:#4f5560 !important;
    font-size:12px !important;
    font-weight:750 !important;
    line-height:1 !important;
    transition:background .18s ease,color .18s ease,transform .18s ease !important;
  }

  .desktop-nav-link:hover{
    background:#f2f3f6 !important;
    color:#15171b !important;
  }

  .desktop-nav-link:active{
    transform:scale(.97) !important;
  }

  .desktop-nav-saved svg{
    width:15px !important;
    height:15px !important;
    flex:0 0 auto !important;
  }

  .desktop-nav-submit{
    min-height:36px !important;
    padding:8px 13px !important;
    border-radius:11px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#ff6b2c !important;
    color:#fff !important;
    box-shadow:0 5px 14px rgba(255,107,44,.2) !important;
    font-size:12px !important;
    font-weight:820 !important;
    line-height:1 !important;
  }

  .desktop-nav-submit:hover{
    background:#ef5d22 !important;
  }

  /* Hamburger never appears on tablet or PC. */
  #menuButton{
    display:none !important;
  }

  /* Mobile dropdown must never open on tablet/desktop. */
  #menuPanel,
  .menu-panel{
    display:none !important;
  }

  .site-header .header-actions{
    flex:0 0 auto !important;
    margin-left:0 !important;
  }
}

/* Compact tablet layout while keeping everything in one line. */
@media (min-width:768px) and (max-width:1050px){
  .site-header .header-inner{
    gap:8px !important;
  }

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

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

  .desktop-nav-link{
    min-height:34px !important;
    padding:7px 7px !important;
    font-size:10.5px !important;
  }

  .desktop-nav-saved span{
    display:none !important;
  }

  .desktop-nav-submit{
    min-height:34px !important;
    padding:7px 9px !important;
    font-size:10.5px !important;
  }
}

/* Mobile only */
@media (max-width:767px){
  .desktop-main-nav{
    display:none !important;
  }

  #menuButton{
    display:grid !important;
    place-items:center !important;
  }
}

/* Header medium-size adjustment v2 */

@media (min-width:768px){
  .site-header .header-inner{
    min-height:70px !important;
    gap:12px !important;
  }

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

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

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

  .desktop-nav-link{
    min-height:38px !important;
    padding:9px 11px !important;
    font-size:12.5px !important;
    border-radius:10px !important;
  }

  .desktop-nav-submit{
    min-height:38px !important;
    padding:9px 14px !important;
    font-size:12.5px !important;
    border-radius:11px !important;
  }

  .desktop-nav-saved svg{
    width:16px !important;
    height:16px !important;
  }
}

@media (min-width:768px) and (max-width:1050px){
  .site-header .header-inner{
    gap:9px !important;
  }

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

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

  .desktop-nav-link{
    min-height:36px !important;
    padding:8px 8px !important;
    font-size:11.5px !important;
  }

  .desktop-nav-submit{
    min-height:36px !important;
    padding:8px 11px !important;
    font-size:11.5px !important;
  }

  .desktop-nav-saved span{
    display:none !important;
  }
}