/*
 * ZS Spätná väzba – doplnkový CSS
 *
 * DÔLEŽITÉ: Všetky komponenty používajú IDSK 3 / govuk-* triedy.
 * Tento súbor obsahuje iba minimálne doplnky, ktoré IDSK nepokrýva.
 * Vyžaduje načítaný IDSK frontend CSS (frontend-3.0.0-beta.0.min.css).
 */

/* Inline widget: skrytý panel animácia */
#zsf-form-panel {
  animation: zsf-fadein 0.2s ease;
}

@keyframes zsf-fadein {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Panel spätnej väzby – ľavý okraj IDSK modrá */
#zsf-form-panel {
  border-left: 4px solid #1d70b8;
}

/* Kondicionálne sekcie pre IDSK radios (GOVUK vzor) */
.govuk-radios__conditional {
  margin-left: 44px;
  padding-left: 20px;
  border-left: 4px solid #b1b4b6;
}

.govuk-radios__conditional--hidden {
  display: none;
}

/* Tabuľka v admin: zlepšenie čitateľnosti */
.zsf-admin-table th {
  background: #f3f2f1;
}

/* E-mail formulár – maximálna šírka pre lepšiu čitateľnosť */
.zsf-email-form {
  max-width: 640px;
}

/* Notification banner neutral varianta (ak IDSK nemá) */
.govuk-notification-banner--neutral {
  border-color: #1d70b8;
}
.govuk-notification-banner--neutral .govuk-notification-banner__header {
  background: #1d70b8;
}

/* CES radios – kompaktné čísla 1–5 v rade */
.zsf-ces-radios .govuk-radios__item {
  padding-right: 12px;
  min-width: auto;
}

.zsf-ces-radios .govuk-radios__label {
  font-size: 1rem;
  font-weight: 700;
  padding: 0 0 0 8px;
}

/* Väčší priestor medzi widgetom a KVEPIS tlačidlami */
.zsf-widget {
  margin-bottom: 40px !important;
}