/* ==========================================================
   error_code_form.css
   Scope: ONLY node add/edit form for bundle "error_code"
   (Drupal často zmení "_" na "-" v class/selector názvoch)
   ========================================================== */

/* 1) SCOPE len na form error_code (najistejšie cez data-drupal-selector) */
body.user-logged-in form[data-drupal-selector="node-error-code-form"],
body.user-logged-in form.node-error-code-form,
body.user-logged-in form.node-error_code-form {
  /* len scope - bez vizuálnej zmeny */
}

/* 2) Wrapper top group (err_code_top) */
body.user-logged-in form[data-drupal-selector="node-error-code-form"] .group-err-code-top,
body.user-logged-in form[data-drupal-selector="node-error-code-form"] .group-err_code_top,
body.user-logged-in form.node-error-code-form .group-err-code-top,
body.user-logged-in form.node-error-code-form .group-err_code_top,
body.user-logged-in form.node-error_code-form .group-err-code-top,
body.user-logged-in form.node-error_code-form .group-err_code_top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* 3) Ľavý / pravý stĺpec */
body.user-logged-in form[data-drupal-selector="node-error-code-form"] .group-err-code-left,
body.user-logged-in form[data-drupal-selector="node-error-code-form"] .group-err_code_left,
body.user-logged-in form[data-drupal-selector="node-error-code-form"] .group-err-code-right,
body.user-logged-in form[data-drupal-selector="node-error-code-form"] .group-err_code_right,
body.user-logged-in form.node-error-code-form .group-err-code-left,
body.user-logged-in form.node-error-code-form .group-err_code_left,
body.user-logged-in form.node-error-code-form .group-err-code-right,
body.user-logged-in form.node-error-code-form .group-err_code_right,
body.user-logged-in form.node-error_code-form .group-err-code-left,
body.user-logged-in form.node-error_code-form .group-err_code_left,
body.user-logged-in form.node-error_code-form .group-err-code-right,
body.user-logged-in form.node-error_code-form .group-err_code_right {
  flex: 1 1 420px;
  min-width: 320px;
  box-sizing: border-box;
}

/* 4) Všetky položky v stĺpcoch na 100% šírky */
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err-code-left .form-item,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err_code_left .form-item,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err-code-right .form-item,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err_code_right .form-item {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* 5) Inputy/textarea/selecty nech sa roztiahnu na plnú šírku kontajnera */
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err-code-left input,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err-code-left select,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err-code-left textarea,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err_code_left input,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err_code_left select,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err_code_left textarea,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err-code-right input,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err-code-right select,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err-code-right textarea,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err_code_right input,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err_code_right select,
body.user-logged-in form[data-drupal-selector="node-error-code-form"]
  .group-err_code_right textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* 6) Entity reference / autocomplete / input-group často obmedzuje šírku */
body.user-logged-in form[data-drupal-selector="node-error-code-form"] .input-group,
body.user-logged-in form[data-drupal-selector="node-error-code-form"] .form-autocomplete {
  width: 100%;
  max-width: 100%;
}

/* 7) Flex fix pre fieldset (aby nič “netlačilo” stĺpce) */
body.user-logged-in form[data-drupal-selector="node-error-code-form"] fieldset {
  min-width: 0;
}

/* 8) Mobile: daj stĺpce pod seba */
@media (max-width: 900px) {
  body.user-logged-in form[data-drupal-selector="node-error-code-form"]
    .group-err-code-left,
  body.user-logged-in form[data-drupal-selector="node-error-code-form"]
    .group-err_code_left,
  body.user-logged-in form[data-drupal-selector="node-error-code-form"]
    .group-err-code-right,
  body.user-logged-in form[data-drupal-selector="node-error-code-form"]
    .group-err_code_right {
    flex: 1 1 100%;
    min-width: 0;
  }
}