/* accessibility-override.css
   Ensure minimum readable font sizes and heading scale for accessibility scanners
*/
html, body {
  /* Keep base font large enough for readability */
  font-size: 18px !important;
}

/* Headings: use rem units so they scale with base font-size */
h1 { font-size: 2rem !important; line-height: 1.2 !important; margin: 0.67em 0 !important; }
h2 { font-size: 1.5rem !important; line-height: 1.25 !important; margin: 0.75em 0 !important; }
h3 { font-size: 1.25rem !important; line-height: 1.3 !important; margin: 0.85em 0 !important; }
h4, h5, h6 { font-size: 1rem !important; line-height: 1.35 !important; margin: 0.9em 0 !important; }

/* Ensure form/control text is readable */
input, select, textarea, button { font-size: 18px !important; }

/* Make important UI text visible */
.ui-title, .ui-header h1 { font-size: 1.6rem !important; }

/* Avoid overly small transforms from theme */
* { -webkit-font-smoothing: antialiased; }

/* Header action buttons (back, ?) — WCAG 2.5.5 minimum 44×44 px tap target.
   Use inline-flex on the outer anchor so JQM's .ui-btn-inner circle is
   vertically centred within the 44 px click area. */
[data-role="header"] {
  min-height: 44px !important;
}
.menu-button {
  min-height: 44px !important;
  min-width: 44px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Content area buttons (Start Over, Update, etc.) — WCAG 2.5.5 minimum 44×44 px.
   JQM wraps data-role="button" anchors with .ui-btn-inner; visual height comes
   from that span's padding, not the outer <a> element.
   :not(.ui-li) excludes list-view items — JQM adds .ui-btn to <li> elements too
   and those items have their own sizing/icon-positioning that must not be touched. */
[data-role="content"] .ui-btn:not(.ui-li) .ui-btn-inner {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  min-height: 44px !important;
  box-sizing: border-box !important;
}

/* List-view tappable items — WCAG 2.5.5 minimum 44×44 px tap target.
   JQM 1.3.2 wraps <li><a> content in div.ui-btn-inner > div.ui-btn-text > a,
   so "li > a" does not exist after enhancement.  Target div.ui-btn-inner
   directly: the arrow icon is "position:absolute; top:50%; margin-top:-9px"
   relative to that div, so giving it min-height:44px centres the icon at 22px. */
[data-role="listview"] li.ui-li:not([data-role="list-divider"]) > .ui-btn-inner {
  min-height: 44px !important;
  box-sizing: border-box !important;
}