/* === Nastavení barev (můžeš změnit) === */
.nice-form {
  --accent:#e91e63;          /* růžová na tlačítko a focus */
  --accent-hover:#d81b60;
  --border:#d9d9e3;
  --border-focus:#c2185b;
  --bg:#fff;
  --label:#333;
  --placeholder:#9aa3af;
  --shadow:0 2px 4px rgba(0,0,0,.05);
}

/* === Layout formuláře === */
.nice-form {
  background:var(--bg);
  padding:28px;
  border-radius:10px;
  box-shadow:var(--shadow);
  max-width:820px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:22px; /* hlavní rozestupy */
}

.nice-form * { box-sizing:border-box; }

.nice-form .form-row {
  display:flex;
  flex-direction:column;
  gap:10px;
}

.nice-form label {
  display:block;
  font-weight:600;
  color:var(--label);
  margin-bottom:4px;
}

/* === Textová pole / email / tel / textarea / select === */
.nice-form input[type="text"],
.nice-form input[type="email"],
.nice-form input[type="tel"],
.nice-form input[type="number"],
.nice-form textarea,
.nice-form select {
  width:100%;
  padding:14px 16px;
  border:1px solid var(--border);
  border-radius:8px;
  font-size:16px;
  color:#111;
  background:#fff;
  transition:border-color .2s, box-shadow .2s;
}

.nice-form textarea {
  min-height:120px;
  resize:vertical;
}

.nice-form ::placeholder {
  color:var(--placeholder);
}

/* === Focus stav === */
.nice-form input:focus,
.nice-form textarea:focus,
.nice-form select:focus {
  outline:0;
  border-color:var(--border-focus);
  box-shadow:0 0 0 3px rgba(233,30,99,.15);
}

/* === Select: hezčí šipka === */
.nice-form select {
  -webkit-appearance:none; 
  appearance:none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999'><path d='M4 6l4 4 4-4z'/></svg>");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:40px;
}

/* === Radio skupiny – svisle pod sebou === */
.nice-form .radio-group {
  margin-top:6px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.nice-form .radio-option {
  display:flex;
  align-items:flex-start;
  gap:10px;
  line-height:1.4;
}

.nice-form .radio-option input[type="radio"] {
  margin-top:3px;
  accent-color:var(--accent);
}

/* === Tlačítko === */
.nice-form input[type="submit"],
.nice-form button[type="submit"] {
  background:var(--accent);
  color:#fff;
  border:0;
  padding:14px 28px;
  border-radius:8px;
  font-weight:700;
  font-size:16px;
  cursor:pointer;
  box-shadow:0 3px 6px rgba(233,30,99,.25);
  transition: transform .05s ease, background .2s ease, box-shadow .2s ease;
  align-self:flex-start;
}

.nice-form input[type="submit"]:hover,
.nice-form button[type="submit"]:hover {
  background:var(--accent-hover);
  box-shadow:0 4px 10px rgba(233,30,99,.3);
}

.nice-form input[type="submit"]:active,
.nice-form button[type="submit"]:active {
  transform:translateY(1px);
}

/* === Mobilní vyladění === */
@media (max-width:640px) {
  .nice-form {
    padding:20px;
    gap:18px;
  }

  .nice-form input[type="submit"],
  .nice-form button[type="submit"] {
    width:100%;
    text-align:center;
  }
}