/* Heyaansh application launcher v1.0.1 -- scoped to shared public-site header. */
.heyaansh-apps-dropdown{position:relative;flex:0 0 auto}
/* Only the explicit .is-open state may reveal Login. The generic site CSS
   also displays menus on :hover and :focus-within. On mobile those states can
   persist after a tap, leaving a visually open menu with aria-expanded=false. */
.php-dropdown.heyaansh-apps-dropdown > .php-dropdown-menu{display:none}
.php-dropdown.heyaansh-apps-dropdown.is-open > .php-dropdown-menu{display:block}
.php-dropdown>.heyaansh-apps-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;
  min-height:2.65rem;padding:.57rem .92rem!important;
  color:#fff!important;background:#0057a8!important;
  border:1px solid #0057a8!important;border-radius:.7rem!important;
  font-family:inherit;font-size:.84rem;font-weight:750;line-height:1.1;
  white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px rgba(0,87,168,.13);
  transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.php-dropdown>.heyaansh-apps-trigger:hover,.heyaansh-apps-dropdown.is-open>.heyaansh-apps-trigger{
  background:#00477f!important;border-color:#00477f!important;box-shadow:0 5px 15px rgba(0,87,168,.24)
}
.php-dropdown>.heyaansh-apps-trigger:focus-visible{outline:3px solid #f59e0b!important;outline-offset:3px}
.heyaansh-apps-lock{flex:none}
.heyaansh-apps-caret{font-size:1.12rem;line-height:0;transform:translateY(-2px);transition:transform .2s ease}
.heyaansh-apps-dropdown.is-open .heyaansh-apps-caret{transform:translateY(0) rotate(180deg)}
.php-dropdown>.heyaansh-apps-menu{
  left:auto!important;right:0!important;transform:none!important;
  top:calc(100% + .52rem);margin:0!important;
  width:19.7rem;min-width:0;max-width:calc(100vw - 1rem);
  padding:.9rem;border:1px solid #dbe4ee;border-radius:1rem;
  background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.22);z-index:1200;
}
.heyaansh-apps-heading{margin:0 .25rem .2rem;font-size:.65rem;font-weight:850;
  letter-spacing:.15em;text-transform:uppercase;color:#0057a8}
.heyaansh-apps-intro{margin:0 .25rem .65rem;font-size:.78rem;color:#64748b}
.heyaansh-apps-list{display:grid;gap:.35rem;max-height:min(58vh,27rem);overflow-y:auto;overscroll-behavior:contain}
.heyaansh-apps-item{display:flex;gap:.75rem;align-items:center;padding:.75rem;
  text-decoration:none!important;border-radius:.8rem;border:1px solid transparent;
  color:#273549!important;background:#fff;transition:background-color .15s ease,border-color .15s ease}
.heyaansh-apps-item:hover,.heyaansh-apps-item:focus-visible{
  background:#eff7ff!important;border-color:#cfe4fc!important;color:#0057a8!important;text-decoration:none!important
}
.heyaansh-apps-item:focus-visible{outline:2px solid #0057a8;outline-offset:1px}
.heyaansh-apps-symbol{display:inline-flex;flex:none;align-items:center;justify-content:center;
  width:2.4rem;height:2.4rem;border-radius:.7rem;background:#eaf5ff;color:#0057a8;
  font-weight:850;font-size:1.15rem}
.heyaansh-apps-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;gap:.12rem}
.heyaansh-apps-copy strong{font-size:.85rem;font-weight:760;line-height:1.25;color:#14243a}
.heyaansh-apps-copy small{font-size:.71rem;line-height:1.35;color:#64748b}
.heyaansh-apps-arrow{color:#94a3b8;font-size:.95rem;flex:none}
.heyaansh-apps-footnote{margin:.65rem .2rem .15rem;padding-top:.65rem;border-top:1px solid #edf2f7;
  font-size:.68rem;line-height:1.4;color:#64748b}
/* At tablet widths the original full navigation is wider than the header.
   Reuse the existing mobile drawer instead of squeezing or clipping the new Login. */
/* Keep the header action buttons above the mobile navigation backdrop.
   The drawer itself remains above both through its own z-index. */
@media (max-width:1199.98px){
  .site-header > .max-w-7xl{position:relative;z-index:1001}
}
@media (min-width:768px) and (max-width:1199.98px){
  .site-header nav[aria-label="Primary navigation"]{display:none!important}
  .site-header .heyaansh-contact-action{display:none!important}
  .site-header #mobile-menu-button{display:inline-flex!important}
  .site-header #mobile-menu.hidden{display:none!important}
  .site-header #mobile-menu:not(.hidden){display:block!important;
    max-height:calc(100dvh - 5rem);overflow-x:hidden;overflow-y:auto}
  .site-header #mobile-menu-backdrop:not(.hidden){display:block!important}
  body.mobile-menu-open{overflow:hidden}
}
@media (max-width:767.98px){
  .php-dropdown>.heyaansh-apps-trigger{min-height:2.5rem;padding:.55rem .7rem!important;font-size:.79rem}
  .php-dropdown>.heyaansh-apps-menu{position:fixed!important;
    top:4.9rem!important;left:.5rem!important;right:.5rem!important;
    width:auto!important;max-width:none!important;transform:none!important;z-index:1400}
}
@media (prefers-reduced-motion:reduce){
  .heyaansh-apps-trigger,.heyaansh-apps-item,.heyaansh-apps-caret{transition:none!important}
}
