/**
 * Checkout Form Mode: Disable
 * Province, City & Zip Code fields are visible but read-only/non-interactive.
 * The JS lockFields() handles setting readonly/pointer-events after district selection.
 * These rules ensure the visual disabled state is applied.
 */

/* Blocks: locked inputs after district selection */
.wc-block-components-address-form .wc-block-components-text-input #shipping-postcode,
.wc-block-components-address-form .wc-block-components-text-input #billing-postcode,
.wc-block-components-address-form .wc-block-components-text-input #shipping-city,
.wc-block-components-address-form .wc-block-components-text-input #billing-city{
  background-color: #f9f9f9;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(0, 0, 0, 0.02) 10px,
    rgba(0, 0, 0, 0.02) 20px
  );
  cursor: not-allowed;
  color: #555;
  border-color: #ddd;
}

.wc-block-components-address-form
  .wc-blocks-components-select__select#shipping-state {
  height: 42px !important;
  background-color: #f9f9f9;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(0, 0, 0, 0.02) 10px,
    rgba(0, 0, 0, 0.02) 20px
  );
  cursor: not-allowed;
  color: #555;
  border-color: #ddd;
  pointer-events: none;
}

/* Blocks: "Auto-filled" label indicator */
.wc-block-components-address-form .wc-block-components-text-input:has(#shipping-postcode) label::after,
.wc-block-components-address-form .wc-block-components-text-input:has(#billing-postcode) label::after,
.wc-block-components-address-form .wc-block-components-text-input:has(#shipping-city) label::after,
.wc-block-components-address-form .wc-block-components-text-input:has(#billing-city) label::after,
.wc-block-components-address-form__state:has(.wc-blocks-components-select__select#shipping-state)
  label::after{
  content: " (Auto-filled)";
  font-size: 11px;
  color: #999;
  font-weight: normal;
  font-style: italic;
  margin-left: 4px;
}

/* Shortcode: locked inputs */
.woocommerce-checkout input#shipping_postcode,
.woocommerce-checkout input#billing_postcode,
.woocommerce-checkout input#shipping_city,
.woocommerce-checkout input#billing_city{
  background-color: #f9f9f9;
  cursor: not-allowed;
  color: #555;
  border-color: #ddd;
}

.woocommerce-checkout .select2-container.wm-select2-disabled #shipping_state,
.woocommerce-checkout .select2-container.wm-select2-disabled #billing_state{
  pointer-events: none;
  opacity: 0.7;
}