/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* ── Hidden invoice fields (shown when invoice radio is selected) ── */
.woocommerce-billing-fields #billing_vat_field,
.woocommerce-billing-fields #billing_tax_authority_field,
.woocommerce-billing-fields #billing_job_description_field,
.woocommerce-billing-fields #billing_company_field {
    display: none;
}

.woocommerce-billing-fields #billing_vat_field.show,
.woocommerce-billing-fields #billing_tax_authority_field.show,
.woocommerce-billing-fields #billing_job_description_field.show,
.woocommerce-billing-fields #billing_company_field.show {
    display: block;
}

/* ── Billing type radio layout ── */
.woocommerce-billing-fields #billing_type_field .woocommerce-input-wrapper {
    display: flex;
    align-items: center;
}

.woocommerce-billing-fields #billing_type_field input {
    margin-right: 5px;
}

.woocommerce-billing-fields #billing_type_field label {
    margin-right: 10px;
}

/* ── Readonly / API-populated fields ── */
.woocommerce-billing-fields input[readonly],
.woocommerce-billing-fields select[disabled] {
    background-color: #f5f5f5;
    cursor: not-allowed;
    color: #555;
    border-color: #ddd;
}

/* ── VAT field wrapper: align input + button ── */
.woocommerce-billing-fields #billing_vat_field .woocommerce-input-wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.woocommerce-billing-fields #billing_vat_field .woocommerce-input-wrapper #billing_vat {
    flex: 1;
}

/* ── Lookup button ── */
.itrust-aade-lookup-btn {
    white-space: nowrap;
    height: 42px;
    line-height: 1;
    padding: 0 14px;
}

/* ── Status message ── */
.itrust-aade-status {
    display: block;
    font-size: 0.9em;
    margin-top: 4px;
    padding: 4px 8px;
    border-radius: 3px;
}

.itrust-aade-status.error {
    color: #c0392b;
    background: #fdf0ef;
    border: 1px solid #e74c3c;
}

.itrust-aade-status.success {
    color: #27ae60;
    background: #eafaf1;
    border: 1px solid #2ecc71;
}