/**
 * Fallero: arreglo del selector de direcciones del CHECKOUT.
 *
 * En checkout las tarjetas usan el marcado de hummingbird con clases
 * .address-card__* (header, alias, custom-radio), NO .address-item. Las reglas
 * .address-item del theme.css no aplican aqui, asi que el .address-card__header
 * quedaba en display:block y el <input type=radio> se renderizaba deforme
 * (~46px de alto) solapando el titulo (.address-card__alias).
 *
 * Aqui se maqueta el header como fila flex y se acota el radio a 18px, dejando
 * el titulo despejado a su derecha. Scoped a #checkout / .page-order para no
 * afectar a la pagina de direcciones de la cuenta (que ya tiene su propio CSS).
 */
body#checkout #checkout-addresses-step .address-card__header,
body.page-order #checkout-addresses-step .address-card__header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body#checkout #checkout-addresses-step .address-card .custom-radio,
body.page-order #checkout-addresses-step .address-card .custom-radio {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

body#checkout #checkout-addresses-step .address-card input[type="radio"],
body.page-order #checkout-addresses-step .address-card input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

body#checkout #checkout-addresses-step .address-card__alias,
body.page-order #checkout-addresses-step .address-card__alias {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: block !important;
  margin-left: 22px !important;
}

/* La primera dirección guardada queda seleccionada para continuar. No se
   ofrecen duplicados ni un enlace de cancelación dentro del checkout. */
html body.page-order #checkout-addresses-step .add-address,
html body#checkout #checkout-addresses-step .add-address,
html body.page-order #checkout-addresses-step .buttons-wrapper:has(a[href*="newAddress"]),
html body#checkout #checkout-addresses-step .buttons-wrapper:has(a[href*="newAddress"]),
html body.page-order #checkout-addresses-step a[href*="newAddress"],
html body#checkout #checkout-addresses-step a[href*="newAddress"],
html body.page-order #checkout-addresses-step .js-cancel-address,
html body#checkout #checkout-addresses-step .js-cancel-address,
html body.page-order #checkout-addresses-step [data-link-action="cancel-address"],
html body#checkout #checkout-addresses-step [data-link-action="cancel-address"],
html body.page-order #checkout-addresses-step a[href*="cancelAddress"],
html body#checkout #checkout-addresses-step a[href*="cancelAddress"] {
  display: none !important;
}

/* Tras guardar la primera dirección de un invitado se muestra la misma card
   que a un cliente registrado. Esta es la única acción secundaria visible: el
   formulario de facturación distinto se abre solo bajo petición expresa. */
body.page-order #checkout-addresses-step .fa-checkout-alternate-invoice,
body#checkout #checkout-addresses-step .fa-checkout-alternate-invoice {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  margin: 0 0 24px !important;
  padding: 0 16px !important;
  border: 1px solid #bccbe0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: var(--dark) !important;
  font-family: var(--sans) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}