:root {
  --planora-font-sans: Arial, Helvetica, Verdana, Roboto, Inter, sans-serif;
}

html,
body {
  font-family: var(--planora-font-sans) !important;
  font-weight: 400 !important;
  font-synthesis: none;
}

body *:not(i):not(svg):not(path):not([class^="fa-"]):not([class*=" fa-"]):not([class*="material-symbol"]):not([class*="material-icon"]) {
  font-family: var(--planora-font-sans) !important;
  font-weight: 400 !important;
  font-synthesis: none;
}

input::placeholder,
textarea::placeholder {
  font-family: var(--planora-font-sans) !important;
  font-weight: 400 !important;
}

/*
 * iOS Safari automatically zooms the page when a focused form control is
 * rendered below 16px. Keep interactive text at the native threshold while
 * preserving normal pinch-to-zoom accessibility.
 */
@supports (-webkit-touch-callout: none) {
  @media (max-width: 900px) {
    html {
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
    }

    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    select,
    textarea,
    [contenteditable="true"] {
      font-size: 16px !important;
    }
  }
}