/* =====================================================
   FILE: nui.css
   VERSION: 202603291255

   SĀKUMA KOMENTĀRI:
   - Šis ir NUI pamata / core override fails virs ChronoForms.
   - Šeit paliek tikai kopējais .nui reset, checkbox / radio toggle
     un stepper / progress bloki.
   - Pogas, formas, filtri, tabulas un responsive noteikumi ir pārcelti
     uz atsevišķiem failiem, lai struktūra būtu tīra un uzturama.
===================================================== */

.nui {
  border: 0 solid var(--grey) !important;
}

/* =========================================
   CHECKBOX / RADIO TOGGLE
========================================= */

.nui.checkbox {
  --fs-track-w: 52px;
  --fs-track-h: 28px;
  --fs-knob: 22px;
  --fs-pad: 3px;
  --fs-shift: 24px;
  --fs-off: #e6e6e6;
  --fs-on: var(--mc-success);

  display: inline-flex;
  align-items: center;
  position: relative;
  margin-right: 24px;
}

.nui.checkbox:last-child {
  margin-right: 0;
}

.nui.checkbox > label svg {
  display: none !important;
}

.nui.checkbox > input[type="checkbox"],
.nui.checkbox > input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
}

.nui.checkbox > input + label {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 64px !important;
  min-height: var(--fs-track-h) !important;
  line-height: var(--fs-track-h) !important;
  cursor: pointer !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  height: var(--fs-track-h) !important;
  line-height: 1 !important;
}

.nui.checkbox > input + label::before {
  content: "";
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: var(--fs-track-w);
  height: var(--fs-track-h);
  border-radius: 999px;
  background: var(--fs-off);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
  transition: background .25s ease;
}

.nui.checkbox > input + label::after {
  content: "";
  position: absolute !important;
  left: var(--fs-pad) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: var(--fs-knob);
  height: var(--fs-knob);
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
  transition: transform .25s ease;
}

.nui.checkbox > input:checked + label::before {
  background: var(--fs-on);
}

.nui.checkbox > input:checked + label::after {
  transform: translateY(-50%) translateX(var(--fs-shift)) !important;
}

.nui.checkbox > input:focus-visible + label {
  outline: 3px solid rgba(47, 180, 74, .35);
  outline-offset: 2px;
}

.nui.checkbox > label::before {
  margin: 0 !important;
}

.nui.checkbox > input + label * {
  line-height: 1 !important;
}

.nui.checkbox > input + label .errormark {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 6px !important;
}

.field_checkbox {
  margin-left: 12px;
  margin-top: 32px;
}

.field_checkbox .nui.checkbox {
  margin: 0 !important;
}

/* =====================================================
   NAME: CF8 Locked fields (Nom/Prenom) + lock icon
   VERSION: 202602241315
   Mērķis: readonly lauks + 🔒 ikona iekšā laukā (bez JS CSS injekcijas)
   ===================================================== */

.cf-lock-wrapper{
  position: relative;
  display: block;
}

/* inputam vajag vietu ikonai */
.cf-locked-field{
  padding-right: 38px !important;
  background-color: #f8f9fa;
  cursor: not-allowed;
}

/* lock ikona iekšā laukā labajā pusē */
.cf-lock-icon{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  opacity: 0.65;
  pointer-events: none;
}

/* =====================================================
   CF8 Locked input ar CSS lock ikonu
   VERSION: 202602241330
   ===================================================== */

.cf-locked-field {
  background-color: #f8f9fa;
  cursor: default;

  padding-right: 40px !important;

  /* 🔒 kā SVG data URI — ass, elegants */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a3 3 0 00-3 3v2H4a2 2 0 00-2 2v5a2 2 0 002 2h8a2 2 0 002-2V8a2 2 0 00-2-2h-1V4a3 3 0 00-3-3zm-2 5V4a2 2 0 114 0v2H6z'/%3E%3C/svg%3E");

  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
}