/* Mobile Fix - Stack header columns at mobile widths */
@media (max-width: 750px) {
  div.leftHeader {
    width: 100% !important;
    float: none !important;
  }
  div.rightHeader {
    width: 100% !important;
    float: none !important;
    padding-right: 15px !important;
  }

  /* Center leftContent, add gap before Key Links */
  div.leftContent {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 20px !important;
  }

  /* === Mobile hamburger button ===
     iOS Safari does NOT fire click events on divs without cursor:pointer.
     touch-action:manipulation eliminates the 300ms tap delay on iOS. */
  div.mobileMenu {
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: rgba(255,255,255,0.2) !important;
  }

  /* === Mobile Nav Menu — vertical dropdown ===
     Brand injector (sheet 66) has .mainNavigation a { display: inline-block !important }
     specificity (0,1,1). We use div.mainNavigation prefix to get (0,2,x) which wins. */
  div.mainNavigation ul.menu-level-0 {
    background-color: #003366 !important;
    width: 100% !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 9999 !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.35) !important;
  }
  div.mainNavigation ul.menu-level-0 > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
  }
  div.mainNavigation ul.menu-level-0 span.item-level-0 {
    display: block !important;
    padding: 0 !important;
  }
  div.mainNavigation ul.menu-level-0 a {
    display: block !important;
    padding: 14px 20px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    font-weight: 600 !important;
  }
  div.mainNavigation ul.menu-level-0 a:hover,
  div.mainNavigation ul.menu-level-0 a:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
  }

  /* Fix 3: Left-align Key Links header */
  #block-keylinks div.sideNav h3 {
    text-align: left !important;
  }
}

/* Fix 2: Action buttons — ID anchor gives specificity (1,3,0).
   Beats brand injector unconditionally. Default: stacked. */
#block-msbml-content div[property="schema:text"] > .row > .col-sm-4 {
  width: 100% !important;
  float: none !important;
  display: block !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Restore 3-col layout at tablet/desktop (Bootstrap col-sm-* breakpoint) */
@media (min-width: 768px) {
  #block-msbml-content div[property="schema:text"] > .row > .col-sm-4 {
    width: 33.3333% !important;
    float: left !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}