/* =========================================================
   DCR Registration Form - form.css (pilnas)
   ========================================================= */

/* Scoped minimal styles */
#regForm input,
#regForm select,
#regForm textarea{
  padding:10px;
  font-size:16px;
  border:1px solid #d9d9d9;
  border-radius:12px;
  width:100%;
  box-sizing:border-box;
}

#regForm label{ font-size:14px; opacity:.95; }

.row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media(max-width:720px){ .row{ grid-template-columns:1fr; } }

.device{
  border:1px solid #eee;
  border-radius:14px;
  padding:12px;
  display:grid;
  gap:12px;
  background:#fafafa;
}

.device h4{ margin:0; font-size:16px; }

.device .topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.removeBtn{
  padding:8px 10px;
  border-radius:12px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
}

.hint{
  font-size:12.5px;
  opacity:.85;
  margin-top:4px;
  line-height:1.35;
}

.err{
  border-color:#b42318 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(180,35,24,.12);
}

/* =========================================================
   ASTRA + GUTENBERG FIX (z-index / pointer events)
   ========================================================= */
.dcr-wrap,
.dcr-wrap *{
  pointer-events: auto !important;
}

.dcr-wrap{
  position: relative;
  z-index: 9999;
}

/* Gutenberg konteineriai kartais “uždengia” dropdown */
.entry-content,
.wp-block-group,
.wp-block-group__inner-container{
  position: relative;
}

/* =========================================================
   Overflow fix (kad dropdown nebūtų nukerpamas)
   ========================================================= */
.dcr-wrap,
.entry-content,
.wp-block-group,
.wp-block-group__inner-container,
.ast-container,
.ast-article-single,
.site-content,
.site-main{
  overflow: visible !important;
}

/* Užtikrinam, kad wrapperiai būtų pozicionavimo bazė */
#regForm .device,
#regForm .row,
#regForm .field,
#regForm .form-field,
#regForm .field-wrap,
#regForm .dcr-field,
#regForm .dcr-input-wrap,
#regForm .modelWrap{
  position: relative;
  overflow: visible;
}

/* =========================================================
   Generic dropdown fixes (jei kada naudosi UI/Select2/Choices)
   ========================================================= */
#regForm :is(
  .ui-autocomplete,
  .autocomplete-items,
  .dcr-autocomplete,
  .dcr-suggestions,
  .suggestions,
  .select2-dropdown,
  .choices__list--dropdown
){
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: 100% !important;

  z-index: 999999 !important;

  box-sizing: border-box !important;
  background: #fff !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;

  max-height: 240px !important;
  overflow-y: auto !important;

  transform: none !important;
  margin: 0 !important;
}

#regForm :is(
  .ui-autocomplete li,
  .autocomplete-items div,
  .dcr-suggestions li,
  .suggestions li,
  .select2-results__option,
  .choices__item
){
  padding: 10px 12px;
  cursor: pointer;
  white-space: nowrap;
}

/* =========================================================
   Custom model dropdown (vietoj datalist) — pagrindinis fix
   ========================================================= */

/* pats dropdown konteineris */
#regForm .modelDd{
  position:absolute;
  top: calc(100% + 4px);
  left:0;
  right:0;

  z-index: 999999;
  box-sizing:border-box;

  background:#fff;
  border:1px solid #ddd;
  border-radius:12px;

  max-height:240px;
  overflow:auto;

  /* vizualiai gražiau */
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* vienas pasiūlymas */
#regForm .modelOpt{
  padding:10px 12px;
  cursor:pointer;
  white-space:nowrap;
  user-select:none;
}

/* hover */
#regForm .modelOpt:hover{
  background: rgba(0,0,0,.06);
}

/* kad pirmas/last atrodytų tvarkingai su radius */
#regForm .modelOpt:first-child{
  border-top-left-radius:12px;
  border-top-right-radius:12px;
}
#regForm .modelOpt:last-child{
  border-bottom-left-radius:12px;
  border-bottom-right-radius:12px;
}

/* (Optional) jei norėsi: kai dropdown atidarytas, input gali turėti focus outline */
#regForm .modelInput:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(17,17,17,.08);
}