/**
 * Zebby VAT Frontend Styles
 */

/* Style for the message container */
.zebby-vat-message {
    margin-top: 8px;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    display: none;
}

.zebby-vat-message:not(:empty) {
    display: flex;
    gap: 10px;
}

/* Message states */
.zebby-vat-message--valid {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.zebby-vat-message--invalid {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.zebby-vat-message--loading {
    background-color: #e2e3e5;
    color: #383d41;
    border: 1px solid #d6d8db;
}

/* Input states */
.wc-block-components-text-input.is-active input:focus {
    border-color: #007cba;
    box-shadow: 0 0 0 1px #007cba;
}

.wc-block-components-text-input.is-active input.is-valid {
    border-color: #28a745;
}

.wc-block-components-text-input.is-active input.is-invalid {
    border-color: #dc3545;
}

/* Ensure standard WC invalid border shows */
.form-row.zebby-vat-invalid input#billing_vat_number {
    border-color: #e2401c; /* WooCommerce default error color */
}

/* Optional: Add styles for pending/valid/invalid states on the form row */
.form-row.zebby-vat-pending label,
.form-row.zebby-vat-pending input {
    /* Example: Slightly faded look */
    /* opacity: 0.7; */
}

.form-row.zebby-vat-valid .woocommerce-input-wrapper::after {
    /* Example: Add a green checkmark (use background image or content) */
    /* content: '\2713';
    color: green;
    margin-left: 5px; */
}

.form-row.zebby-vat-invalid .woocommerce-input-wrapper::after {
     /* Example: Add a red cross (use background image or content) */
    /* content: '\2717';
    color: red;
    margin-left: 5px; */
} 
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
    position:relative !important;
    top: unset !important;
    left: unset !important;
}