/* Essential styling for Alegra WooCommerce Sync fields */
.alegra-select-field select {
    height: 42px;
    padding: .375rem .75rem;
    border: 1px solid #dce0e0;
}

/* Critical field visibility classes */
.wc-hidden {
    display: none !important;
}

/* Essential error styling */
.field-error {
    border-color: #dc3545 !important;
}

.error-message {
    color: #dc3545;
    font-size: 0.9em;
    margin-top: 5px;
    display: block;
}


/* Hide WooCommerce optional spans for Alegra fields (fallback if filter missed) */
/* Hide WooCommerce's optional label only for fields with alegra-hide-optional class */
p.form-row.alegra-hide-optional span.optional { 
    display: none !important; 
}

/* Add red asterisk after labels for fields marked with alegra-hide-optional */
p.form-row.alegra-hide-optional.required label:after {
    content: ' *';
    color: #dc3545;
    font-weight: 600;
}