/* ==========================================================================
   forms.css — Yii ActiveForm restyle (homepage, comment, delete-modal,
   login/signup/contact) + plain-HTML search forms (company listing, blog)
   Markup: see .claude/skills/otzivi-design/inputs.md — this file targets
   Yii's generated .form-group/.control-label/.form-control/.help-block
   classes ONLY, never restructures the wrapper divs (breaks client-side
   validation hooks).
   ========================================================================== */

.form-group {
  margin-bottom: var(--otzivi-space-16);
}

.control-label {
  font-weight: var(--otzivi-fw-semibold);
  font-size: var(--otzivi-fs-body-sm);
  color: var(--otzivi-text);
  margin-bottom: var(--otzivi-space-8);
  font-family: var(--otzivi-font-base);
}

.form-control {
  border: 1px solid var(--otzivi-border);
  border-radius: var(--otzivi-radius-sm);
  background: var(--otzivi-surface);
  color: var(--otzivi-text);
  padding: 10px 14px;
  font-size: var(--otzivi-fs-body);
  font-family: var(--otzivi-font-base);
  height: auto;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.form-control:focus {
  border-color: var(--otzivi-primary);
  box-shadow: 0 0 0 3px rgba(var(--otzivi-primary-rgb), .35);
  outline: none;
}

.help-block {
  color: var(--otzivi-text-muted);
  font-size: var(--otzivi-fs-body-sm);
}

.has-error .form-control {
  border-color: var(--otzivi-danger);
}
.has-error .help-block {
  color: var(--otzivi-danger);
}

/* bootstrap-filestyle plugin generates a <label class="btn btn-secondary">
   which inherits the legacy theme's glow-shadow .btn-secondary style —
   override to match the token-driven button system (no glow). */
.group-span-filestyle label.btn {
  background: var(--otzivi-primary);
  box-shadow: none;
  border-radius: var(--otzivi-radius-md);
  font-weight: var(--otzivi-fw-semibold);
  cursor: pointer;
}
.group-span-filestyle label.btn:hover {
  background: var(--otzivi-primary-hover);
}

/* Plain-HTML search forms (company/index.php, blog _search.php) */
.otzivi-search-form input[type="text"],
.otzivi-search-form select {
  border: 1px solid var(--otzivi-border);
  border-radius: var(--otzivi-radius-sm);
  background: var(--otzivi-surface);
  color: var(--otzivi-text);
  padding: 10px 14px;
  font-size: var(--otzivi-fs-body);
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 720px) {
  .otzivi-search-form {
    display: flex;
    flex-direction: column;
    gap: var(--otzivi-space-12);
  }
  .otzivi-search-form button[type="submit"] {
    width: 100%;
  }
}