/* Egon's Tennisplanner — mobile foundation 2026-09-21
   Alleen generieke mobiele/touch-regels.
   De complete visuele responsive vormgeving staat in makeover.css. */

:root { --tap: 48px; }

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  min-width: 0;
  overflow-x: hidden;
  padding-top: env(safe-area-inset-top);
}

img, svg { max-width: 100%; }

button, .btn, input, select, textarea {
  font: inherit;
  max-width: 100%;
  box-sizing: border-box;
}

button, .btn, input, select {
  min-height: var(--tap);
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

a, textarea {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.table-wrap, .timeline-wrap, .timeline-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

dialog {
  box-sizing: border-box;
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

dialog input, dialog select, dialog textarea { width: 100%; }

@media (max-width: 760px) {
  input, select, textarea { font-size: 16px; }
}