/**
 * Large-print styles for WP Accessibility toolbar (.fontsize on <html>).
 *
 * The plugin's built-in CSS was emptied in favour of a JS resizer. That path
 * multiplies by wpatb.factor; when the option is unset the factor becomes ""
 * and every text node gets font-size: 0px. This stylesheet restores a safe
 * CSS-based enlarge instead.
 */

html {
  --wpa-font-size: clamp(20px, 1.35rem, 28px);
  --wpa-h1-size: clamp(36px, 2.6rem, 56px);
  --wpa-h2-size: clamp(30px, 2.2rem, 44px);
  --wpa-h3-size: clamp(26px, 1.85rem, 36px);
  --wpa-h4-size: clamp(22px, 1.55rem, 30px);
  --wpa-sub-list-size: 1.05em;
  --wpa-sub-sub-list-size: 1em;
}

.fontsize p,
.fontsize div:not(div:has(p, h1, h2, h3, h4, h5, h6)),
.fontsize footer:not(footer:has(p, h1, h2, h3, h4, h5, h6)),
.fontsize li:not(.a11y-toolbar-list-item),
.fontsize label,
.fontsize input,
.fontsize select,
.fontsize textarea,
.fontsize legend,
.fontsize code,
.fontsize pre,
.fontsize dd,
.fontsize dt,
.fontsize blockquote {
  font-size: var(--wpa-font-size) !important;
  line-height: 1.6;
}

.fontsize h1 {
  font-size: var(--wpa-h1-size) !important;
}

.fontsize h2 {
  font-size: var(--wpa-h2-size) !important;
}

.fontsize h3 {
  font-size: var(--wpa-h3-size) !important;
}

.fontsize h6,
.fontsize h5,
.fontsize h4 {
  font-size: var(--wpa-h4-size) !important;
}

.fontsize li li {
  font-size: var(--wpa-sub-list-size) !important;
}

.fontsize li li li {
  font-size: var(--wpa-sub-sub-list-size) !important;
}