/* =========================================
   OVSIZE – CHECKOUT: inputs + placeholders
   (Woo Checkout clásico + Woo Checkout Blocks)
   ========================================= */

/* Scope checkout (clásico + blocks) */
.woocommerce-checkout,
.wc-block-checkout,
.wc-block-components-form {
  --ov-field-bg: #0d0d0d;
  --ov-field-bd: rgba(255,255,255,.18);
  --ov-field-tx: #ffffff;
  --ov-ph: rgba(255,255,255,.72);
}

/* Inputs / textarea / select (clásico Woo) */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-selection,
.woocommerce-checkout .select2-selection__rendered {
  background: var(--ov-field-bg) !important;
  border: 1px solid var(--ov-field-bd) !important;
  color: var(--ov-field-tx) !important;
  -webkit-text-fill-color: var(--ov-field-tx) !important;
  border-radius: 12px !important;
}

/* Inputs / textarea (Checkout Blocks) */
.wc-block-checkout input,
.wc-block-checkout textarea,
.wc-block-checkout select,
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-combobox-control input,
.wc-block-components-combobox-control select,
.wc-block-components-form input,
.wc-block-components-form textarea,
.wc-block-components-form select {
  background: var(--ov-field-bg) !important;
  border: 1px solid var(--ov-field-bd) !important;
  color: var(--ov-field-tx) !important;
  -webkit-text-fill-color: var(--ov-field-tx) !important;
  border-radius: 12px !important;
}

/* Placeholder (estándar) */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder,
.wc-block-checkout input::placeholder,
.wc-block-checkout textarea::placeholder,
.wc-block-components-text-input input::placeholder,
.wc-block-components-text-input textarea::placeholder,
.wc-block-components-combobox-control input::placeholder {
  color: var(--ov-ph) !important;
  opacity: 1 !important;
}

/* Placeholder Safari/iOS */
.woocommerce-checkout input::-webkit-input-placeholder,
.woocommerce-checkout textarea::-webkit-input-placeholder,
.wc-block-checkout input::-webkit-input-placeholder,
.wc-block-checkout textarea::-webkit-input-placeholder,
.wc-block-components-text-input input::-webkit-input-placeholder,
.wc-block-components-text-input textarea::-webkit-input-placeholder,
.wc-block-components-combobox-control input::-webkit-input-placeholder {
  color: var(--ov-ph) !important;
  opacity: 1 !important;
}

/* Autofill (Chrome/Safari) */
.woocommerce-checkout input:-webkit-autofill,
.wc-block-checkout input:-webkit-autofill,
.wc-block-components-text-input input:-webkit-autofill {
  -webkit-text-fill-color: var(--ov-field-tx) !important;
  box-shadow: 0 0 0 1000px var(--ov-field-bg) inset !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Labels (para que no se “pierdan”) */
.woocommerce-checkout label,
.wc-block-checkout label,
.wc-block-components-form label {
  color: rgba(255,255,255,.82) !important;
}

/* Estados de error (sin romper tu vibra) */
.woocommerce-checkout .woocommerce-invalid input,
.wc-block-checkout .wc-block-components-validation-error input {
  border-color: rgba(255,77,109,.65) !important;
}