/* =============================================================================
   GHN Shipping — Checkout Styles  v3.0.0
   3 cấp: Tỉnh/TP (full width) + Quận/Huyện (trái) + Phường/Xã (phải)
   ============================================================================= */

/* Ẩn WC fields gốc (state/city/address_2) */
.woocommerce-billing-fields  .ghn-hidden,
.woocommerce-shipping-fields .ghn-hidden {
    display: none !important;
}

/* Dropdown GHN: full width trong ô */
#ghn_province,
#ghn_district,
#ghn_ward {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Placeholder option — màu nhạt */
#ghn_province option[value=""],
#ghn_district option[value=""],
#ghn_ward     option[value=""] {
    color: #aaa;
}

/* Loading state */
#ghn_district.ghn-loading,
#ghn_ward.ghn-loading {
    opacity: 0.5;
    pointer-events: none;
    cursor: wait;
}

/* Quận/Huyện + Phường/Xã — 2 cột */
#ghn_district_field,
#ghn_ward_field {
    width: calc(50% - 8px);
    float: left;
}
#ghn_district_field {
    margin-right: 16px;
}
#ghn_ward_field {
    margin-right: 0;
}
#ghn_province_field {
    clear: both;
}
/* Clear float sau cặp Huyện/Xã */
#ghn_ward_field + * {
    clear: both;
}

/* SĐT + Email — 2 cột */
#billing_phone_field,
#billing_email_field {
    width: calc(50% - 8px) !important;
    float: left;
    display: block;
}
#billing_phone_field {
    margin-right: 16px;
}
#billing_email_field + * {
    clear: both;
}

@media (max-width: 600px) {
    #ghn_district_field,
    #ghn_ward_field,
    #billing_phone_field,
    #billing_email_field {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
    }
}