/**
 * Register step fixes (visual only):
 * 1) Hide País/Moeda/Idioma badges on first register screen
 * 2) Clean country list with visible flags on step 2
 */

/* ——— 1) First screen: no País / Moeda / Idioma badges ——— */
.register-card .badge-highlight,
.register-card .card-header-info .badge-highlight,
.register-card .card-header-info > .badge-highlight,
body:has(.register-card) .register-card .badge-highlight {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* If SPA wraps badges in a flex row of chips, collapse empty header chips */
.register-card .card-header-info:has(.badge-highlight):not(:has(.card-title)) {
  min-height: 0;
}

/* ——— 2) Country list / modal: flag + name, clean ——— */
img.cig-country-flag,
img[data-cig-flag],
.register-card .flag-icon img,
.auth-wrapper .flag-icon img,
.register-card img[src*="flagcdn.com"],
.auth-wrapper img[src*="flagcdn.com"],
.register-card img[src*="/storage/paises/"][src$=".png"] {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  object-fit: cover !important;
  border-radius: 3px !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14);
  background: #0b1424 !important;
  filter: none !important;
  transform: none !important;
  position: static !important;
}

.register-card .flag-icon,
.auth-wrapper .flag-icon,
.field-addon .flag-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  min-width: 22px !important;
  height: auto !important;
}

/* Dropdown rows look like a proper list */
.register-card [role="option"],
.register-card .dropdown-item,
.register-card .vs__dropdown-option,
.register-card .multiselect__option,
.register-card li[class*="option"],
.auth-wrapper [role="option"],
.auth-wrapper .dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  text-align: left !important;
}

/* Language flags in footer/header must not inherit broken sizes — scoped above to register only where possible */