/**
 * wcchile-fields.css
 * Estilos para los campos RUT y ubicación chilena
 */

/* Campo RUT */
input[name="billing_rut"],
#reg_billing_rut {
    letter-spacing: 0.5px;
}

input[name="billing_rut"].woocommerce-invalid,
#reg_billing_rut.woocommerce-invalid {
    border-color: #e2401c;
}

.wcchile-rut-error {
    display: block;
    margin-top: 4px;
    color: #e2401c;
    font-size: 0.85em;
}

/* Selects de ubicación */
#billing_region,
#billing_ciudad,
#billing_comuna,
#shipping_region,
#shipping_ciudad,
#shipping_comuna {
    width: 100%;
}

/* Fieldset de ubicación en edit-account */
.wcchile-location-fieldset {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1.5em;
    margin: 1.5em 0;
}

.wcchile-location-fieldset legend {
    font-weight: 600;
    padding: 0 0.5em;
    color: #333;
}

/* Deshabilitar visualmente los selects dependientes vacíos */
#billing_ciudad:disabled,
#billing_comuna:disabled,
#shipping_ciudad:disabled,
#shipping_comuna:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Aviso de datos incompletos en Mi Cuenta */
.wcchile-aviso-incompleto {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff8e5;
    border-left: 4px solid #f0ad00;
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 1.5em;
    font-size: 0.95em;
}

.wcchile-aviso-icono {
    font-size: 1.2em;
    flex-shrink: 0;
}

.wcchile-aviso-incompleto a {
    color: #c87800;
    font-weight: 600;
    text-decoration: none;
}

.wcchile-aviso-incompleto a:hover {
    text-decoration: underline;
}

.wcchile-badge {
    display: inline-block;
    margin-left: 6px;
    width: 18px;
    height: 18px;
    background: #e09900;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    content: '!';
}

.wcchile-badge.badge-float{
    position: absolute;
    right: -25px;
}

.wcchile-badge::after {
    content: '!';
    margin-left: 2.5px;
}

.woocommerce-EditAccountForm .wcchile-badge::after {
    margin-left: 1.2px !important;
}