/*
 * VN Address for WooCommerce — Stylesheet
 */

#billing_address_2_field>label, #shipping_address_2_field>label {
	opacity: 1 !important;
	overflow: unset !important;
}

/* ── Loading state ─────────────────────────────────────────────────────────── */
.form-row.vna-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.form-row.vna-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 2px solid #ccc;
    border-top-color: #7f54b3;
    border-radius: 50%;
    animation: vna-spin 0.7s linear infinite;
}

@keyframes vna-spin {
    to { transform: rotate(360deg); }
}

/* ── Select2 overrides ─────────────────────────────────────────────────────── */
#billing_city_field .select2-container,
#billing_address_2_field .select2-container,
#shipping_city_field .select2-container,
#shipping_address_2_field .select2-container {
    width: 100% !important;
}

/* Placeholder màu nhạt hơn */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #aaa;
}

/* ── Responsive ─────────────────────────────────────────────────────────────── */
@media (max-width: 480px) {
    .form-row.form-row-first,
    .form-row.form-row-last {
        width: 100%;
        float: none;
    }
}