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

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

/* =====================================================
   1) Toggle switch
===================================================== */

.nui.checkbox{
  --fs-track-w: 52px;
  --fs-track-h: 28px;
  --fs-knob: 22px;
  --fs-pad: 3px;
  --fs-shift: 24px;
  --fs-off: #e6e6e6;
  --fs-on:  #2fb44a;

  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;
}

.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: #fff;
  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;
}

/* =====================================================
   2) Field alignment
===================================================== */

.field_checkbox{ margin-left: 12px; margin-top: 32px; }
.field_checkbox .nui.checkbox{ margin: 0 !important; }

/* =====================================================
   3) NUI Button
===================================================== */

button.nui.button,
a.nui.button.lrf-button-link{
  font-family: var(--fs-font-body);
  font-weight: 500;
  letter-spacing: .2px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  box-shadow: none !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

button.nui.button:hover,
button.nui.button:focus,
a.nui.button.lrf-button-link:hover,
a.nui.button.lrf-button-link:focus{
  box-shadow: 0 0 0 2px rgba(0,0,0,.12) !important;
  outline: none !important;
  text-decoration: none !important;
}

button.nui.button::after,
a.nui.button.lrf-button-link::after{
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  height: 100%;
  width: 60%;
  background: linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.28) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
}

button.nui.button:hover::after,
a.nui.button.lrf-button-link:hover::after{
  animation: glossSweep .85s ease forwards;
}

@keyframes glossSweep{
  from { left: -120%; }
  to   { left: 130%; }
}

button.nui.button.colored,
a.nui.button.lrf-button-link.colored{
  border: 1px solid rgba(255,255,255,.35) !important;
}

button.nui.button.colored.red,
a.nui.button.lrf-button-link.colored.red{
  background:#991425 !important;
  color:#fff !important;
}

button.nui.button.colored.green,
a.nui.button.lrf-button-link.colored.green{
  background:#279a41 !important;
  color:#fff !important;
}

button.nui.button.colored.blue,
a.nui.button.lrf-button-link.colored.blue{
  background:#1f5fa8 !important;
  color:#fff !important;
}

button.nui.button.colored.slate,
a.nui.button.lrf-button-link.colored.slate{
  background:#6c757d !important;
  color:#fff !important;
}
/* =====================================================
   4) NUI focus
===================================================== */

.nui,
.nui.select,
.nui.input,
.nui.textarea,
.nui.field{
  --focus: #4d4d4d !important;
}

.nui.select:hover,
.nui.select:focus,
.nui.input:hover,
.nui.input:focus,
.nui.textarea:hover,
.nui.textarea:focus{
  border-color: var(--focus) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* =====================================================
   6) Helper text
===================================================== */

.nui-helptext,
.field_select small{
  display: block;
  font-size: 0.85em;
  color: #95a5a6;
  font-style: italic;
  line-height: 1.3;
  margin-top: .4em;
}

.nui.form input::placeholder{
  color: #c6ccd1;
  opacity: 1;
}

/* =====================================================
   7) Clean Stepper
===================================================== */

:root{
  --fs-stepper-primary: #8b1d2c;
  --fs-stepper-success: #10b981;
  --fs-stepper-muted: rgba(15,23,42,0.45);
  --fs-stepper-text: rgba(15,23,42,0.92);
}

.nui.flex.equal.items.stackable{
  background: transparent !important;
  box-shadow: none !important;
  gap: 16px !important;
  padding: 0 !important;
  border: 0 solid var(--grey) !important;
}

.nui.flex.equal.items.stackable > .item{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  background:transparent !important;
  padding:4px 8px !important;
}

.nui.flex.equal.items.stackable .nui.label.circular{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}

.nui.flex.equal.items.stackable .nui.label.circular svg{
  width:1.05rem !important;
  height:1.05rem !important;
}

.nui.flex.equal.items.stackable a,
.nui.flex.equal.items.stackable .nui.bold{
  font-family: var(--fs-font-headings) !important;
  font-weight: var(--fs-w-heading) !important;
  text-decoration:none !important;
  color: var(--fs-stepper-text) !important;
}

.nui.flex.equal.items.stackable .nui.disabled{
  font-family: var(--fs-font-headings) !important;
  font-weight: var(--fs-w-regular) !important;
  text-decoration:none !important;
  color: var(--fs-stepper-muted) !important;
}

.nui.flex.equal.items.stackable .nui.label.circular.green{
  color: var(--fs-stepper-success) !important;
}

.nui.flex.equal.items.stackable > .item:has(.green) a{
  color: var(--fs-stepper-success) !important;
}

.nui.flex.equal.items.stackable .nui.label.circular.slate{
  color: var(--fs-stepper-primary) !important;
}

.nui.flex.equal.items.stackable > .item:has(.slate):not(:has(.green)) a{
  color: var(--fs-stepper-primary) !important;
}

/* =====================================================
   8) PATCH: Toggle circle nobīde (radio) — label augstums + line-height normalizācija
===================================================== */

.nui.checkbox > input + label{
  height: var(--fs-track-h) !important;
  line-height: 1 !important;
  align-items: center !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;
}

/* =====================================================
   9) NUI styling
===================================================== */

.nui.form{
  display: flex;
  flex-direction: column;
  gap: 0 !important;
  background: transparent;
  border-radius: 5px;
}

.nui.form .field>label,
.nui.form .fields>label{
  font-weight: 400;
}

.nui.select>.menu>.item.selected{
  font-weight: 400 !important;
  background-color: hsl(var(--h), var(--s), 85%);
}

.nui.select>.menu>.item.active.selected{
  font-weight: 400 !important;
  background-color: hsl(var(--h), var(--s), 85%);
}

/* Galvenais pelēkais konteiners */
.nui.form .maincontainer{
  background: #f7f7f7 !important;
  padding: 30px 50px !important;
  border-bottom: 1px solid #d9d9d9;
}

.nui.form h3.lrf-section-title.nui.header{
  display: block;
  width: 100%;
  padding: 18px 24px !important;
  background: #f3f3f3 !important;
  color: #9aa0a6 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  border-top: 4px solid #b30000 !important;
  border-bottom: 2px solid #d9d9d9 !important;
  box-sizing: border-box;
  margin-bottom: 0px !important;
}

.nui.form h3.lrf-section-title.nui.header i{
  margin-right: 10px;
  opacity: 0.9;
  vertical-align: middle;
}

/* =====================================================
   10) Hide stepper on small screens (stackable)
===================================================== */

@media (max-width: 768px){
  .nui.flex.equal.items.stackable{
    display: none !important;
  }
}