/**
 * PeruShip Pro — Checkout CSS v1.2.0
 *
 * Mapeo final: shipping_state = Provincia, shipping_city = Distrito.
 * El selector de Departamento es auxiliar, identificado por ID
 * (#prefix_psp_departamento), sin atributo "name" (no se serializa).
 */

/* ── Ocultar campos no necesarios ─────────────────────────────────────────── */
.psp-hidden,
[name="billing_postcode"],
[name="shipping_postcode"],
p.form-row:has([name="billing_postcode"]),
p.form-row:has([name="shipping_postcode"]),
.wfacp_form_group:has([name="billing_postcode"]),
.wfacp_form_group:has([name="shipping_postcode"]) {
    display: none !important;
}

/* ── Selects PSP: departamento (auxiliar), provincia, distrito ───────────── */
select.psp-departamento-select,
select.psp-provincia-select,
select.psp-distrito-select,
[name="billing_state"],
[name="shipping_state"],
[name="billing_city"],
[name="shipping_city"] {
    width: 100% !important;
    cursor: pointer !important;
}

/* ── Estado deshabilitado (mientras carga AJAX) ────────────────────────────── */
select.psp-provincia-select:disabled,
select.psp-distrito-select:disabled,
[name="billing_city"]:disabled,
[name="shipping_city"]:disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
}

/* ── Selector auxiliar de Departamento — estructura clonada de FK ─────────── */
/* Hereda la misma altura y label flotante que los demás campos FK */
[id$="_psp_departamento"].wfacp-form-control {
    height: auto !important;
    min-height: 52px !important;
    padding-top: 18px !important;
    padding-bottom: 6px !important;
    line-height: 1.4 !important;
}

[id$="_psp_departamento"] ~ .wfacp-form-control-label,
.wfacp_form_group:has([id$="_psp_departamento"]) .wfacp-form-control-label {
    position: absolute !important;
    top: 6px !important;
    left: 12px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: #767676 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.wfacp_form_group:has([id$="_psp_departamento"]) .wfacp-form-control-wrapper,
p.form-row:has([id$="_psp_departamento"]) .wfacp-form-control-wrapper {
    position: relative;
}