/* PromptSaar mobile inline menu
   Mobile only. Tablet and desktop remain unchanged.
*/

@media (max-width:767px){
  .ps-mobile-menu{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    left:auto !important;
    z-index:35 !important;
    display:block !important;
    width:calc(100% - 24px) !important;
    max-width:none !important;
    margin:10px auto 12px !important;
    padding:12px !important;
    overflow:hidden !important;
    border:1px solid #e3e5e9 !important;
    border-radius:16px !important;
    background:#f7f8fa !important;
    box-shadow:
      0 12px 28px rgba(20,23,34,.08) !important;
    transform-origin:top center !important;
    animation:psMobileMenuOpen .22s ease both !important;
  }

  .ps-mobile-menu[hidden]{
    display:none !important;
  }

  .ps-mobile-menu-actions{
    display:grid !important;
    grid-template-columns:1fr 1.15fr !important;
    gap:10px !important;
    margin-bottom:10px !important;
  }

  .ps-mobile-menu-actions a{
    min-height:44px !important;
    padding:10px 12px !important;
    border-radius:11px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:820 !important;
    line-height:1 !important;
  }

  .ps-mobile-secondary{
    border:1px solid #dde0e5 !important;
    background:#fff !important;
    color:#202329 !important;
  }

  .ps-mobile-primary{
    border:1px solid #17191d !important;
    background:#17191d !important;
    color:#fff !important;
    box-shadow:
      0 7px 16px rgba(20,23,34,.12) !important;
  }

  .ps-mobile-menu-links{
    overflow:hidden !important;
    border:1px solid #e2e4e8 !important;
    border-radius:12px !important;
    background:#fff !important;
  }

  .ps-mobile-menu-links a{
    width:100% !important;
    min-height:53px !important;
    padding:11px 13px !important;
    border-bottom:1px solid #e9eaed !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    background:#fff !important;
    color:#32363e !important;
    text-decoration:none !important;
    font-size:16px !important;
    font-weight:740 !important;
    line-height:1.15 !important;
    transition:
      background .16s ease,
      color .16s ease !important;
  }

  .ps-mobile-menu-links a:last-child{
    border-bottom:0 !important;
  }

  .ps-mobile-menu-links a:active{
    background:#f1f2f5 !important;
  }

  .ps-mobile-menu-links .ps-mobile-request{
    color:#dd7419 !important;
  }

  .ps-mobile-menu-icon{
    width:25px !important;
    height:25px !important;
    flex:0 0 25px !important;
    display:grid !important;
    place-items:center !important;
    color:#707681 !important;
  }

  .ps-mobile-request .ps-mobile-menu-icon{
    color:#dd7419 !important;
  }

  .ps-mobile-menu-icon svg{
    width:23px !important;
    height:23px !important;
    display:block !important;
  }

  #menuButton[aria-expanded="true"] svg{
    transform:rotate(90deg) !important;
  }

  #menuButton svg{
    transition:transform .18s ease !important;
  }
}

/* Tablet and PC: mobile panel never appears. */
@media (min-width:768px){
  .ps-mobile-menu{
    display:none !important;
  }
}

@keyframes psMobileMenuOpen{
  from{
    opacity:0;
    transform:translateY(-6px) scaleY(.97);
  }
  to{
    opacity:1;
    transform:translateY(0) scaleY(1);
  }
}

@media(prefers-reduced-motion:reduce){
  .ps-mobile-menu{
    animation:none !important;
  }

  #menuButton svg{
    transition:none !important;
  }
}