/*
 * idSwift — aviso de dirección: chip de texto y botones de país.
 * ---------------------------------------------------------------------------
 * POR QUE VIVE AQUI
 *   Mismo motivo que lang-toggle.css y field-spinner.css: `regcard/assets` es el
 *   directorio COMPARTIDO en config/deploy-manifest.json y se copia como
 *   `assets/` a regcard, frontdesk y las demas; scanner lo recibe por una
 *   entrada explicita en su `staticDirs`.
 *
 * POR QUE UN FICHERO Y NO ESTILO EN LINEA
 *   Los botones nacieron con `style.cssText` dentro del helper JS, y asi no hay
 *   forma de dar :hover, :active ni :focus-visible — que es justo lo que hace
 *   que algo PAREZCA pulsable.
 *
 * COMO SE REPARTE
 *   · El ambar rodea SOLO el texto, y va pegado al rotulo del campo que hay que
 *     corregir ("Country:  <aviso>"). Antes envolvia tambien los botones, que
 *     asi parecian parte del cartel en vez de controles.
 *   · Los botones van sueltos debajo del campo, con el aspecto del `.btn` de la
 *     suite: azul #13556d relleno para el mas probable, blanco con texto azul
 *     para el resto. Texto sin negrita y algo menor que el del formulario, para
 *     que no compitan con los botones de verdad de la pantalla.
 */

/* ── Chip del aviso ───────────────────────────────────────────────────────
 * El rotulo y el chip comparten una fila flex, y el chip se lleva lo que queda
 * hasta el final de la columna: asi el ambar no es un recuadro del ancho de su
 * texto ni cae a la linea de abajo.
 */
.idswift-label-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .25em .5em;
}

/* `flex-basis: 220px` es la bisagra: donde la columna es ancha (el escaner, con
   300px) el chip cabe al lado del rotulo y llega hasta el final; donde es
   estrecha (el front desk, 240px, de los que 89 se los lleva "Country:") no
   cabe, baja a su propia linea y ocupa el ancho entero. Antes se quedaba
   encajonado en los 144px que sobraban y el texto salia en TRES renglones,
   ademas de estirar la fila y alejar el rotulo del campo. */
.idswift-address-chip {
  flex: 1 1 220px;
  min-width: 0;
  padding: .2em .55em;
  font-size: .78em;
  font-weight: 400;
  line-height: 1.35;
  color: #8a6100;
  background: #fff6e0;
  border: 1px solid #e8c46a;
  border-radius: 4px;
  vertical-align: middle;
  max-width: 100%;
}

/* Sin texto no debe dejar un recuadro vacio flotando junto al rotulo. */
.idswift-address-chip:empty {
  display: none;
}

/* ── Botones de país ────────────────────────────────────────────────────── */
.idswift-address-picks {
  display: flex;
  flex-wrap: wrap;
  gap: .5em;
  margin-top: .5em;
}

/* Variante secundaria (`.btn.ghost` de la suite): blanco con texto azul. */
.idswift-address-pick {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  font: inherit;
  font-size: .85em;
  font-weight: 500;
  line-height: 1.2;
  color: #13556d;
  background: #ffffff;
  border: 1px solid rgba(19, 85, 109, 0.35);
  border-radius: 10px;
  cursor: pointer;
  transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.idswift-address-pick:hover:not([disabled]) {
  background: #eef5f8;
  box-shadow: 0 4px 10px rgba(19, 85, 109, .14);
}

/* Se hunde al pulsar: sin esto no hay sensacion de que el clic ha entrado. */
.idswift-address-pick:active:not([disabled]) {
  transform: translateY(1px);
  box-shadow: none;
}

.idswift-address-pick:focus-visible {
  outline: 2px solid #13556d;
  outline-offset: 2px;
}

/* Mientras se aplica el pais elegido quedan todos inertes. */
.idswift-address-pick[disabled] {
  opacity: .65;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* El primero es el mas probable segun la evidencia: boton principal, relleno. */
.idswift-address-pick--primary {
  color: #ffffff;
  background: #13556d;
  border-color: rgba(19, 85, 109, 0.2);
  box-shadow: 0 8px 18px rgba(19, 85, 109, .18);
}

.idswift-address-pick--primary:hover:not([disabled]) {
  background: #0f4255;
  box-shadow: 0 10px 22px rgba(19, 85, 109, .22);
}

/* ── Fuera del papel ────────────────────────────────────────────────────────
 * Ni el aviso ni los botones significan nada en la tarjeta impresa ni en el PDF
 * firmado que se archiva: son estado de la pantalla.
 */
@media print {
  .idswift-address-chip,
  .idswift-address-picks { display: none !important; }
}

body.pdf-mode .idswift-address-chip,
body.pdf-mode .idswift-address-picks { display: none !important; }