/* Mandatory field styling for vendor signup form */
.text-danger {
    color: #dc3545 !important;
}

/* Ensure asterisk is visible and properly styled */
label .text-danger {
    font-weight: bold;
    margin-left: 2px;
}

/* Optional: Add focus styling for required fields */
input[required]:focus,
select[required]:focus,
textarea[required]:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* Style for validation messages */
.invalid-feedback {
    display: block;
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 0.25rem;
}

/* Invalid field styling */
.is-invalid {
    border-color: #dc3545;
}

.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* Bank selector validation styling */
#bank-selector-mount.is-invalid {
    border: 2px solid #dc3545;
    border-radius: 4px;
    padding: 2px;
}

/* Bank selection error styling */
.bank-selection-error {
    display: block !important;
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 0.25rem;
}

/* Other bank validation errors */
.other-bank-name-error,
.other-bank-bic-error {
    display: block !important;
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 0.25rem;
}

/* Product category validation styling */
#category-tree.is-invalid {
    border: 2px solid #dc3545;
    border-radius: 4px;
    padding: 2px;
}

.category-selection-error {
    display: block !important;
    color: #dc3545;
    font-size: 0.875em;
    margin-top: 0.25rem;
}

/* Help text styling */
.text-muted {
    color: #6c757d !important;
    font-size: 0.875em;
}

/* Improved spacing for form fields */
.mb-3 {
    margin-bottom: 1rem !important;
}

/* Street field spacing improvements */
input[name="vendor_street2"] {
    margin-top: 10px !important;
}

/* Since vendor_street2 doesn't have a separate label, style the input directly */
input[name="vendor_street2"]::placeholder {
    color: #6c757d;
    font-style: italic;
}

/* General form field spacing */
.form-label {
    margin-bottom: 0.5rem;
    font-weight: 500;
}

/* Add some breathing room between form sections */
.col-lg-6 .mb-3:not(:last-child) {
    margin-bottom: 1.25rem !important;
}