/**
 * Estilos del bloque "Facturación de empresas" en el checkout.
 *
 * Hoja editable a mano: hacé los ajustes acá. NO requiere recompilar el bloque
 * (la versión se invalida sola por filemtime → editás y recargás).
 *
 * El bloque se monta en `.em-billing-data` (dentro del form del checkout, justo
 * antes de "Datos de facturación"). El selector usa el `RadioControl` nativo de
 * WooCommerce (clases `.wc-block-components-radio-control*`), y los campos el
 * `ValidatedTextInput` nativo (`.wc-block-components-text-input`).
 */

.em-billing-data {
  margin-block-end: 1.5em;
}

/* ===== Ajustes ===== */

/* Campos readonly (datos impuestos por el perfil, ej. agencia): se muestran como
   TEXTO IMPRESO — sin caja de input (sin borde ni fondo). El rótulo queda como
   caption y el valor como texto plano. Distinto de un campo editable (caja). */
.em-billing-data .wc-block-components-text-input input[readonly] {
  /* !important: el tema del storefront pisa el borde/fondo del input por orden
     de carga; forzamos el look "impreso". */
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-inline: 0 !important;
  color: inherit;
  cursor: default;
  font-weight: 600; /* el valor impreso resalta */
}

.em-billing-data .wc-block-components-text-input input[readonly]:focus {
  box-shadow: none !important;
  outline: none;
}

/* rótulo alineado a la izquierda, sin el "notch" de fondo que tapa el borde */
.em-billing-data .wc-block-components-text-input:has(input[readonly]) label {
  inset-inline-start: 0 !important;
  padding-inline: 0 !important;
  background: transparent !important;
}

/* País de facturación fijo (Chile): solo lectura. Conserva la caja del campo y
   lleva encima un velo semitransparente que también bloquea el clic.
   `frontend.js` marca el select con `aria-readonly` y su contenedor con
   `.em-billing-data-readonly`. */
.em-billing-data-readonly .wc-blocks-components-select__container {
  position: relative;
}

.em-billing-data-readonly .wc-blocks-components-select__container::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--wp--preset--color--background, #fff);
  opacity: 0.55;
  cursor: not-allowed;
  /* Sobre el rótulo flotante, que WooCommerce deja en z-index 1. */
  z-index: 2;
}

.em-billing-data-readonly .wc-blocks-components-select__select[aria-readonly="true"] {
  pointer-events: none;
}

.em-billing-data-readonly .wc-blocks-components-select__expand {
  display: none;
}

/* Con Factura la facturación va aparte: "Usar la misma dirección para
   facturación" no se ofrece (`address.js` pone la clase en el body). */
.em-billing-data-invoice .wc-block-checkout__use-address-for-billing {
  display: none;
}