/* ===== VTRAVE – FORM UPGRADE (important) ===== */
:root{
  --bg: #f6fbf6;
  --card: #ffffff;
  --text: #1f2a1f;
  --muted: #5b6a5b;

  --border: #8fb38f;
  --border-soft: #cfe3cf;
  --focus: #2f7d32;
  --focus-glow: rgba(47,125,50,.18);

  --danger: #c62828;
  --danger-bg: #ffebee;

  --radius: 12px;
}


/* Labely – výraznější */
label{
  display: inline-block !important;
  font-weight: 700 !important;
  color: var(--text) !important;
  margin-bottom: 6px !important;
  letter-spacing: .2px !important;
}

/* Pomocné popisky / hinty */
.help-block, .hint, small{
  color: var(--muted) !important;
  display: block !important;
  margin-top: 6px !important;
  font-size: 13px !important;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
select,
textarea{
  box-sizing: border-box !important;
  border: 2px solid var(--border) !important;
  border-radius: 10px !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  outline: none !important;
  transition: box-shadow .18s ease, border-color .18s ease, background .18s ease, transform .08s ease !important;
}

/* Submit button */
button,
input[type="submit"],
button[type="submit"]{
  appearance: none !important;
  border: 0 !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  background: linear-gradient(135deg, #2f7d32, #52a354) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(47,125,50,.22) !important;
  transition: transform .08s ease, box-shadow .18s ease, filter .18s ease !important;
}

button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover{
  filter: brightness(1.02) !important;
  box-shadow: 0 14px 26px rgba(47,125,50,.26) !important;
}

button:active,
input[type="submit"]:active,
button[type="submit"]:active{
  transform: translateY(1px) !important;
}

/* Validace / chyby */
.field-validation-error,
.validation-summary-errors,
.input-validation-error{
  color: var(--danger) !important;
}

.input-validation-error{
  border-color: var(--danger) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(198,40,40,.14) !important;
}

.validation-summary-errors{
  background: var(--danger-bg) !important;
  border: 1px solid rgba(198,40,40,.28) !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  margin-bottom: 14px !important;
}