/**
 * mobile-fixes.css — Minimal mobile safety net
 *
 * ONLY two things:
 *   1. Prevent horizontal scroll on html/body
 *   2. Protect nav dropdown from being clipped
 *
 * Everything else is left to each page's own CSS.
 * No wildcard selectors. No grid overrides. No button overrides.
 */

/* Prevent horizontal scroll — the ONLY global rule */
html { overflow-x: hidden; }

/* Nav dropdown must not be clipped by anything */
@media (max-width: 768px) {
  #hy-nav, #desk-profile-wrap, #mob-profile-wrap {
    overflow: visible !important;
  }
  #mob-dropdown, #desk-dropdown, .desk-dd {
    overflow: visible !important;
    max-width: none !important;
  }
  .desk-dd.open, #mob-dropdown[style*="block"] {
    overflow-y: auto !important;
  }
}