/* ================================================================
   ER-FORMULAR – LAYOUT-CSS (typographie-neutral!)
   ================================================================ */

/* FIELDSET STRUKTUR */
.er-event-form fieldset {
  margin: 0 0 20px 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.er-event-form legend {
  margin-bottom: 10px;
  font-weight: 600; /* Schriftgröße übernimmt Theme! */
}

/* LEGEND – größer & klarer */
body .er-event-form fieldset legend{
    font-size:1.6rem !important;
    font-weight:600 !important;
    margin-bottom:10px;
    color:#111827 !important;
}

/* ZEILEN-LAYOUTS */
.er-event-form .er-row {
  display: grid;
  gap: 16px;
  margin-top: 12px;
}


/* Date/Number/Textarea – Schriftgröße wie Text/E-Mail */
/*
body .er-event-form input[type="date"],
body .er-event-form input[type="number"],
body .er-event-form textarea{
  font-size:1.6rem !important;
  line-height:1.35 !important;
  padding:12px 14px !important;      /* hält die Höhe konsistent */
  /*min-height:48px !important;
}

/* Falls OceanWP den Datepicker-Icon-Bereich zu groß darstellt */
  /*
body .er-event-form input[type="date"]{
  -webkit-appearance:none; appearance:none;
}
body .er-event-form input[type="date"]::-webkit-calendar-picker-indicator{
  padding:0 6px; opacity:.9;
}
  */

/* Person 1 + 2 (Vorname | Nachname | Alter) */
@media (min-width: 768px) {
  .er-event-form .er-row--name-age {
    grid-template-columns: 1fr 1fr 0.5fr;
    align-items: end;
  }
}

/* Kontakt (Mobil | Email) */
@media (min-width: 768px) {
  .er-event-form .er-row--2col {
    grid-template-columns: 1fr 1fr;
    align-items: end;
  }
}

/* Fahrzeug & Aufenthalt (Kennzeichen | Anfahrt | Abfahrt) */
@media (min-width: 768px) {
  .er-event-form .er-row--3col {
    grid-template-columns: 1fr 1fr 1fr;
    align-items: end;
  }
}

/* Altersfeld schmaler, aber Höhe von Theme! */
.er-event-form .er-field--age input[type="number"] {
  max-width: 160px;
}


/* ================================================
   OceanWP-Fix: Einheitlicher weißer Hintergrund
   für alle Eingabetypen
   ================================================ */

body .er-event-form input[type="text"],
body .er-event-form input[type="email"],
body .er-event-form input[type="tel"],
body .er-event-form input[type="number"],
body .er-event-form input[type="date"],
body .er-event-form textarea {
    background: #ffffff !important;   /* alle Felder gleich weiß */
    color: #111827;                   /* Standard-Textfarbe */
}


/* ================================================
   1) DATE-FELDER — Schriftgröße endlich korrekt
   ================================================ */

/* Für moderne Browser */
body .er-event-form input[type="date"] {
    font-size: 1.6rem !important;       /* sichtbar gleich groß */
    padding: 12px 14px !important;
    min-height: 48px !important;
    line-height: 1.35 !important;
}

/* Chrome/Safari: Shadow-DOM fix */
body .er-event-form input[type="date"]::-webkit-datetime-edit {
    font-size: 1.6rem !important;
}

/* Firefox: Shadow-DOM fix */
body .er-event-form input[type="date"]::-moz-focus-inner {
    font-size: 1.6rem !important;
}

/* ================================================
   2) TEXTAREA — optisch wie normale Inputs
   ================================================ */
body .er-event-form textarea {
    font-size: 1.6rem !important;
    line-height: 1.45 !important;
    padding: 14px !important;
}

/* ================================================
   3) NUMBER — "Alter" ebenfalls sauber
   ================================================ */
body .er-event-form input[type="number"] {
    font-size: 1.6rem !important;
    padding: 12px 14px !important;
    min-height: 48px !important;
}