/* =====================================================
   FILE: nui-repeater.css
   VERSION: 202604101235

   SĀKUMA KOMENTĀRI:
   - area_repeater8 repeater pogas (+ / -)
   - + = zaļš, - = sarkans
   - pilns NUI reset (bez default button gļukiem)
   - simboli perfekti centrēti
   - remove poga NEPĀRKLĀJ select dropdown bultiņu
===================================================== */

/* =====================================================
   REPEATER BLOKS
===================================================== */

.nui.form.clonable.area_repeater8.clone,
.nui.form.clonable.area_repeater8.hidden {
  position: relative;
  padding: 18px 60px 14px 18px; /* vieta pogai */
  border: 1px solid #d6dbe3;
  border-radius: 10px;
  background: #fafafa;
}

.area_repeater8.hidden .remove-clone {
  display: none !important;
}

/* =====================================================
   HARD RESET POGĀM
===================================================== */

button.nui.button.area_repeater8-cloner,
.area_repeater8 button.nui.button.remove-clone {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 36px !important;
  height: 36px !important;

  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;

  border-radius: 6px !important;
  box-shadow: none !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;

  overflow: hidden !important;
}

/* paslēpjam default saturu */
button.nui.button.area_repeater8-cloner svg,
.area_repeater8 button.nui.button.remove-clone svg {
  display: none !important;
}

/* =====================================================
   SIMBOLS (CENTRĀ)
===================================================== */

button.nui.button.area_repeater8-cloner::before,
.area_repeater8 button.nui.button.remove-clone::before {
  position: absolute;
  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;

  line-height: 1;
}

/* =====================================================
   PLUS (ZAĻŠ)
===================================================== */

button.nui.button.area_repeater8-cloner {
  border: 1px solid #b7d7c2 !important;
  background: #eaf6ef !important;
}


/* PLUS */
button.nui.button.area_repeater8-cloner::before {
  content: "\f067";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #2e7d32;
}


button.nui.button.area_repeater8-cloner:hover {
  background: #dff0e6 !important;
  border-color: #9fcaad !important;
}

button.nui.button.area_repeater8-cloner:hover::before {
  color: #256628;
}

/* =====================================================
   MINUS (SARKANS)
===================================================== */

.area_repeater8 button.nui.button.remove-clone {
  border: 1px solid #e3b4b4 !important;
  background: #faeaea !important;
}
 
/* MINUS */
.area_repeater8 button.nui.button.remove-clone::before {
  content: "\f068";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #b42323;
}

.area_repeater8 button.nui.button.remove-clone:hover {
  background: #f5dede !important;
  border-color: #d39c9c !important;
}

.area_repeater8 button.nui.button.remove-clone:hover::before {
  color: #8f1d1d;
}

/* =====================================================
   POZĪCIJA
===================================================== */

.area_repeater8.clone button.nui.button.remove-clone {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  z-index: 5;
}

/* + poga apakšā */
button.nui.button.area_repeater8-cloner {
  margin-top: 10px !important;
}

/* =====================================================
   MOBILĀ VERSIJA
===================================================== */

@media (max-width: 767px) {
  .nui.form.clonable.area_repeater8.clone,
  .nui.form.clonable.area_repeater8.hidden {
    padding: 16px 54px 12px 14px;
  }

  .area_repeater8.clone button.nui.button.remove-clone {
    top: 10px !important;
    right: 10px !important;
  }
}