/*
 * WS Form – only what the WS Form Styler has no setting for.
 *
 * Colors, fonts, spacing, borders, radii, field/label/button/note styles are
 * set in WS Form → Styles → "1A Taxi Havur" (the Styler). The rules below either
 * cover properties without a Styler option, or switch Styler variables per
 * breakpoint (the Styler holds one value per setting). Colors below read the
 * Styler's own CSS variables.
 *
 * Selectors include .wsf-form so they outrank WS Form's own stylesheets,
 * which load after this file.
 */

/* Form slot on the Kontakt page (theme layout, same as the static site). */
.contact-form-column .taxi-wsform{margin-top:27px}

/* Row spacing 18px; the Styler's grid gap (16px) stays the column gap – the Styler has one value for both. */
.taxi-wsform .wsf-form .wsf-field-wrapper{margin-bottom:18px}
/* Privacy checkbox → button: 18px note margin + 28px button row margin, as on the static site. */
.taxi-wsform .wsf-form .wsf-field-wrapper[data-type=checkbox]{margin-bottom:46px}

/* Privacy checkbox. Colors, radius and box–text gap: Styler → Checkbox.
   The box size has no Styler option (WS Form derives it from font size × line height = 26px). */
.taxi-wsform .wsf-form{--wsf-field-checkbox-size:18px}
/* Its text reads like the note on the static site: uses the Styler's "Text editor" values
   (12px / 1.6 / muted) instead of the bold field-label style. */
.taxi-wsform .wsf-form input[type=checkbox].wsf-field + label.wsf-label{font-size:var(--wsf-field-texteditor-font-size);line-height:var(--wsf-field-texteditor-line-height);font-weight:400;color:var(--wsf-field-texteditor-color)}
.taxi-wsform .wsf-form input[type=checkbox].wsf-field{margin-top:calc((var(--wsf-field-texteditor-font-size) * var(--wsf-field-texteditor-line-height) - var(--wsf-field-checkbox-size)) / 2)}
.taxi-wsform .wsf-form input[type=checkbox].wsf-field + label.wsf-label a{color:var(--wsf-field-color);text-decoration:underline;text-underline-offset:2px}
/* No extra space under the button – the card padding closes the form. */
.taxi-wsform .wsf-form .wsf-field-wrapper[data-type=submit]{margin-bottom:0}

/* Datum/Uhrzeit become native date/time inputs (app.js). WS Form LITE styles inputs by type
   (text/tel/number/email) only, so apply the same Styler variables to these two. */
.taxi-wsform .wsf-form input.taxi-input-date.wsf-field,
.taxi-wsform .wsf-form input.taxi-input-time.wsf-field{background-color:var(--wsf-field-color-background);border:var(--wsf-field-border);border-radius:var(--wsf-field-border-radius);color:var(--wsf-field-color);display:inline-block;font-family:var(--wsf-field-font-family);font-size:var(--wsf-field-font-size);font-style:var(--wsf-field-font-style);font-weight:var(--wsf-field-font-weight);letter-spacing:var(--wsf-field-letter-spacing);line-height:var(--wsf-field-line-height);margin:0;padding:var(--wsf-field-padding);width:100%}

/* Required marker: static site shows a muted, non-bold "*" (no Styler option for its color). */
.taxi-wsform .wsf-form .wsf-required-wrapper .wsf-text-danger{color:#59634e;font-weight:inherit}

/* Active fields keep their normal border – no extra ring outside (client request).
   Keyboard users (Tab key) still see where they are: the checkbox's own border darkens.
   :focus-visible doesn't match mouse clicks/taps on checkboxes, so this never shows for them. */
.taxi-wsform .wsf-form .wsf-field:focus{outline:0;box-shadow:none}
.taxi-wsform .wsf-form input[type=checkbox].wsf-field:focus-visible{border-color:var(--wsf-field-box-shadow-color-focus)}

/* Message box height (Styler has no min-height). */
.taxi-wsform .wsf-form textarea.wsf-field{display:block;min-height:135px;resize:vertical} /* block: no inline baseline gap under it */

/* Submit button: height and hover lift of the theme's .button (no Styler option). */
.taxi-wsform .wsf-form .wsf-button[type=submit]{min-height:52px;transition:background .18s,transform .18s}
.taxi-wsform .wsf-form .wsf-button[type=submit]:hover{transform:translateY(-2px)}

/* Responsive Styler values (static: 32px padding, 24px on tablet/phone, 20px on small phones;
   button full width on phones). */
@media (max-width:1000px){.contact-form-column .taxi-wsform .wsf-form{--wsf-form-padding-horizontal:24px;--wsf-form-padding-vertical:24px}}
@media (max-width:760px){.taxi-wsform .wsf-form{--wsf-form-padding-horizontal:24px;--wsf-form-padding-vertical:24px}}
@media (max-width:480px){.contact-home .taxi-wsform .wsf-form{--wsf-field-button-width:100%}}
@media (max-width:430px){.contact-form-column .taxi-wsform .wsf-form{--wsf-form-padding-horizontal:20px;--wsf-form-padding-vertical:20px;--wsf-field-button-width:100%}}