/* worksheet-generator-a11y.css — older-user friendly bump
   Loaded by worksheet-generator.html and worksheet-generator-pl.html
   Targets specific elements to keep the layout intact while making
   text more readable. ~15-20% bump where it matters.
*/

/* Header bar — Klasse, Mathematik, Einstellungen, Lösungsschlüssel, Speichern, … */
.header-btn {
  font-size: 0.95rem !important;
  padding: 0.55rem 0.95rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0.005em;
}

/* Topbar title input ("Arbeitsblatt") */
.topbar input[type="text"],
input.sheet-title-input,
input#sheetTitle {
  font-size: 1.05rem !important;
  padding: 0.6rem 0.85rem !important;
}

/* Left sidebar — exercise type buttons (Grundrechenarten / Zahlenvergleich / …) */
.ex-btn {
  padding: 12px 14px !important;
  gap: 12px !important;
}
.ex-btn .label {
  font-size: 0.96rem !important;
  line-height: 1.3 !important;
}
.ex-btn .sublabel {
  font-size: 0.78rem !important;
}
.ex-btn .icon {
  width: 36px !important;
  height: 36px !important;
  font-size: 17px !important;
}

/* Sidebar tabs (Mathematik / Sprache / Allgemein) */
.sidebar-tabs button,
.sidebar-tab,
.tab-pill {
  font-size: 0.92rem !important;
  padding: 0.55rem 1rem !important;
}

/* Section labels in left sidebar */
.sidebar-section-label,
.sidebar h3,
.sidebar h4 {
  font-size: 0.82rem !important;
}

/* Right panel — Eigenschaften */
.properties-panel,
.right-panel,
aside.properties {
  font-size: 0.95rem !important;
}
.properties-panel h2,
.properties-panel h3,
.right-panel h2,
.right-panel h3 {
  font-size: 1.02rem !important;
  line-height: 1.3 !important;
}
.properties-section-label {
  font-size: 0.82rem !important;
  letter-spacing: 0.08em !important;
}

/* Topic / quick-pick chips ("Zahlen bis 100", "Einmaleins", etc.) */
.chip {
  font-size: 0.9rem !important;
  padding: 0.4rem 0.85rem !important;
  line-height: 1.35;
}

/* Form helpers and labels (right panel) */
.properties-panel label,
.right-panel label,
.field-label {
  font-size: 0.92rem !important;
  font-weight: 600;
}
.properties-panel select,
.properties-panel input,
.right-panel select,
.right-panel input {
  font-size: 0.95rem !important;
  padding: 0.5rem 0.75rem !important;
}

/* Radio buttons / segmented controls */
.radio-btn {
  font-size: 0.92rem !important;
  padding: 0.5rem 0.85rem !important;
}

/* Generate button (primary action in right panel) */
.gen-btn {
  font-size: 1rem !important;
  padding: 0.75rem 1.25rem !important;
  font-weight: 700 !important;
}

/* Help / hint blocks (the dashed instruction text in the right panel) */
.properties-panel small,
.properties-panel .hint,
.help-text {
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
}

/* Block-edit controls inside an exercise on the worksheet area */
.block-ctrl-btn {
  font-size: 0.9rem !important;
  padding: 0.45rem 0.7rem !important;
}

/* Worksheet preview body — keep print-realistic but readable */
.worksheet-area,
.sheet-preview {
  font-size: 1rem !important;
}

/* Preserve narrow-screen behavior — only apply on screens wide enough */
@media (max-width: 900px) {
  .header-btn { font-size: 0.88rem !important; padding: 0.5rem 0.7rem !important; }
  .ex-btn .label { font-size: 0.9rem !important; }
  .ex-btn .icon { width: 30px !important; height: 30px !important; font-size: 14px !important; }
  .chip { font-size: 0.85rem !important; padding: 0.35rem 0.7rem !important; }
}