/*
 * QRTasse – WPForms-Styleset
 * Scoped auf .qrt-check-form. Überschreibt WPForms „Modern Markup"-Variablen
 * UND erzwingt das Markendesign mit !important (klassisches Markup).
 */

/* ─────────────────────────────────────────────
   1) WPForms Modern-Markup CSS-Variablen kapern
   ───────────────────────────────────────────── */
.qrt-check-form .wpforms-container,
.qrt-check-form .wpforms-container-full{
  /* Felder */
  --wpforms-field-border-radius:12px;
  --wpforms-field-border-style:solid;
  --wpforms-field-border-size:1px;
  --wpforms-field-background-color:#ffffff;
  --wpforms-field-border-color:rgba(14,13,11,.12);
  --wpforms-field-text-color:#0e0d0b;
  --wpforms-field-menu-color:#ffffff;
  /* Labels */
  --wpforms-label-color:#0e0d0b;
  --wpforms-label-sublabel-color:rgba(14,13,11,.40);
  --wpforms-label-error-color:#b42318;
  /* Button */
  --wpforms-button-border-radius:999px;
  --wpforms-button-border-style:none;
  --wpforms-button-border-size:0;
  --wpforms-button-background-color:#b8912a;
  --wpforms-button-text-color:#ffffff;
  /* Größen */
  --wpforms-field-size-font-size:15px;
  --wpforms-field-size-line-height:1.5;
  --wpforms-field-size-padding-h:15px;
  --wpforms-field-size-input-height:50px;
  --wpforms-field-size-input-spacing:16px;
  --wpforms-button-size-font-size:12px;
  --wpforms-button-size-height:auto;
  --wpforms-button-size-padding-h:30px;
  --wpforms-button-size-margin-top:6px;
}

/* ─────────────────────────────────────────────
   2) Container
   ───────────────────────────────────────────── */
.qrt-check-form .wpforms-container{margin:0!important;font-family:var(--sans)!important}
.qrt-check-form .wpforms-container *{box-sizing:border-box}
.qrt-check-form .wpforms-head-container,
.qrt-check-form .wpforms-title,
.qrt-check-form .wpforms-description{display:none!important}
.qrt-check-form .wpforms-form{display:flex;flex-direction:column;gap:0}

/* ─────────────────────────────────────────────
   3) Felder
   ───────────────────────────────────────────── */
.qrt-check-form .wpforms-field{padding:0!important;margin:0 0 16px!important}

/* WPForms Feldgrößen (small/medium/large) auf volle Breite zwingen */
.qrt-check-form .wpforms-field-small,
.qrt-check-form .wpforms-field-medium,
.qrt-check-form .wpforms-field-large,
.qrt-check-form .wpforms-field-row{max-width:100%!important;width:100%!important}

.qrt-check-form .wpforms-field-label{
  display:block!important;
  font-family:var(--mono)!important;
  font-size:10.5px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:500!important;
  color:var(--ink-54)!important;
  margin:0 0 9px!important;
  line-height:1.4!important;
}
.qrt-check-form .wpforms-required-label{color:var(--gold)!important;margin-left:3px}

.qrt-check-form input[type=text],
.qrt-check-form input[type=email],
.qrt-check-form input[type=tel],
.qrt-check-form input[type=url],
.qrt-check-form input[type=number],
.qrt-check-form input[type=password],
.qrt-check-form input[type=date],
.qrt-check-form input[type=datetime-local],
.qrt-check-form input[type=time],
.qrt-check-form .wpforms-field select,
.qrt-check-form textarea{
  width:100%!important;
  font-family:var(--sans)!important;
  font-size:15px!important;
  line-height:1.5!important;
  color:var(--ink)!important;
  background:var(--white)!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  padding:13px 15px!important;
  height:auto!important;
  box-shadow:none!important;
  outline:none!important;
  -webkit-appearance:none;appearance:none;
  transition:border-color .22s var(--ease),box-shadow .22s var(--ease)!important;
}
.qrt-check-form textarea{min-height:120px!important;resize:vertical}
.qrt-check-form input::placeholder,
.qrt-check-form textarea::placeholder{color:var(--ink-36)!important;opacity:1}

.qrt-check-form input:focus,
.qrt-check-form .wpforms-field select:focus,
.qrt-check-form textarea:focus{
  border-color:var(--gold)!important;
  box-shadow:0 0 0 3px rgba(184,145,42,.14)!important;
  background:var(--white)!important;
}

/* Select-Pfeil */
.qrt-check-form .wpforms-field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b8912a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 15px center!important;
  padding-right:42px!important;
}

/* Sub-Label / Beschreibung */
.qrt-check-form .wpforms-field-description,
.qrt-check-form .wpforms-field-sublabel{
  color:var(--ink-36)!important;font-size:12.5px!important;line-height:1.6!important;margin-top:7px!important;
  font-family:var(--sans)!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;
}

/* Checkboxen & Radios */
.qrt-check-form .wpforms-field-checkbox ul,
.qrt-check-form .wpforms-field-radio ul,
.qrt-check-form .wpforms-field-payment-multiple ul,
.qrt-check-form .wpforms-field-payment-checkbox ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px}
.qrt-check-form .wpforms-field-checkbox li,
.qrt-check-form .wpforms-field-radio li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--ink-70);line-height:1.5}
.qrt-check-form input[type=checkbox],
.qrt-check-form input[type=radio]{width:18px!important;height:18px!important;margin:1px 0 0!important;flex:0 0 auto;accent-color:var(--gold);cursor:pointer}
.qrt-check-form .wpforms-field-checkbox label,
.qrt-check-form .wpforms-field-radio label,
.qrt-check-form .wpforms-field-gdpr-checkbox label.wpforms-field-label-inline{
  font-family:var(--sans)!important;font-size:13.5px!important;letter-spacing:0!important;text-transform:none!important;
  color:var(--ink-54)!important;line-height:1.6!important;font-weight:400!important;margin:0!important;
}

/* ─────────────────────────────────────────────
   4) Submit-Button = exakt .btn-gold
   ───────────────────────────────────────────── */
.qrt-check-form .wpforms-submit-container{margin-top:8px!important;padding:0!important;text-align:left}
.qrt-check-form button.wpforms-submit,
.qrt-check-form input.wpforms-submit,
.qrt-check-form .wpforms-submit-container button[type=submit]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  width:auto!important;
  min-width:0!important;
  font-family:var(--mono)!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.095em!important;
  text-transform:uppercase!important;
  line-height:1!important;
  color:var(--white)!important;
  background:var(--gold)!important;
  background-image:none!important;
  border:0!important;
  border-radius:999px!important;
  padding:17px 30px!important;
  margin:0!important;
  cursor:pointer!important;
  box-shadow:0 14px 34px rgba(184,145,42,.20)!important;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease)!important;
  text-shadow:none!important;
}
.qrt-check-form button.wpforms-submit:hover,
.qrt-check-form input.wpforms-submit:hover,
.qrt-check-form .wpforms-submit-container button[type=submit]:hover{
  background:var(--gold-2)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 18px 44px rgba(184,145,42,.28)!important;
}
.qrt-check-form button.wpforms-submit:active,
.qrt-check-form input.wpforms-submit:active{transform:translateY(0)!important}
.qrt-check-form button.wpforms-submit[disabled],
.qrt-check-form input.wpforms-submit[disabled]{opacity:.55!important;cursor:not-allowed;transform:none!important}

/* Vollbreiter Submit auf Mobile */
@media(max-width:600px){
  .qrt-check-form .wpforms-submit-container{text-align:stretch}
  .qrt-check-form button.wpforms-submit,
  .qrt-check-form input.wpforms-submit{width:100%!important;padding:16px 22px!important}
}

/* ─────────────────────────────────────────────
   5) Fehler / Validierung
   ───────────────────────────────────────────── */
.qrt-check-form .wpforms-field input.wpforms-error,
.qrt-check-form .wpforms-field textarea.wpforms-error,
.qrt-check-form .wpforms-field select.wpforms-error{
  border-color:#b42318!important;box-shadow:0 0 0 3px rgba(180,35,24,.10)!important;
}
.qrt-check-form label.wpforms-error,
.qrt-check-form .wpforms-error-alert{
  color:#b42318!important;font-family:var(--mono)!important;font-size:11px!important;letter-spacing:.04em!important;margin-top:7px!important;display:block;
}

/* ─────────────────────────────────────────────
   6) Mehrstufig / Divider / Seiten-Buttons
   ───────────────────────────────────────────── */
.qrt-check-form .wpforms-field-divider{border-top:1px solid var(--line)!important;margin:8px 0 18px!important;padding-top:18px!important}
.qrt-check-form .wpforms-field-divider h3{font-family:var(--serif)!important;font-size:1.3rem!important;font-weight:700!important;color:var(--ink)!important;margin:0!important}
.qrt-check-form .wpforms-page-button{
  font-family:var(--mono)!important;font-size:12px!important;letter-spacing:.08em!important;text-transform:uppercase!important;
  background:var(--ink)!important;color:var(--cream)!important;border:0!important;border-radius:999px!important;padding:14px 26px!important;cursor:pointer!important;
}
.qrt-check-form .wpforms-page-indicator{margin-bottom:20px!important;color:var(--ink-54)!important}

/* ─────────────────────────────────────────────
   7) Bestätigung
   ───────────────────────────────────────────── */
.qrt-check-form .wpforms-confirmation-container-full,
.qrt-check-form div.wpforms-confirmation-container-full{
  background:rgba(184,145,42,.08)!important;
  border:1px solid rgba(184,145,42,.3)!important;
  border-radius:16px!important;
  padding:24px 26px!important;
  color:var(--ink)!important;
  font-size:15.5px!important;line-height:1.7!important;margin:0!important;
}
.qrt-check-form .wpforms-confirmation-container-full p:last-child{margin-bottom:0!important}