/**
 * MP Airsoft — Phone Mask Styles for WooCommerce Checkout
 */

/* Incomplete phone number — warn the user visually */
#billing_phone.mp-phone-incomplete,
#billing_phone.woocommerce-invalid {
    border-color: #e2401c !important;         /* WooCommerce error-red */
    box-shadow: 0 0 0 1px #e2401c !important;
    background-color: #fff8f7 !important;      /* Light red tint */
}

/* Optional: smooth transition on border colour */
#billing_phone {
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

/* Phone field with active mask — subtle indicator */
#billing_phone.mp-phone-masked {
    letter-spacing: 0.5px;
}

/* Placeholder styling for masked field */
#billing_phone::placeholder {
    color: #aaa;
    letter-spacing: normal;
}