/* Fix validation layout issues */
.footerformform .invalid-feedback {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 11px;
    color: #dc3545;
    white-space: nowrap;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    padding: 2px 5px;
    border-radius: 3px;
}

.footerformform .col-md-2,
.footerformform .col-md-3 {
    position: relative;
    margin-bottom: 25px;
}

.footerformform .phone-input-wrapper {
    position: relative;
}

.footerformform .form-select-class {
    position: relative;
}

/* Ensure proper spacing when validation is shown */
.footerformform.was-validated .col-md-2,
.footerformform.was-validated .col-md-3 {
    margin-bottom: 30px;
}

/* Fix submit button alignment */
.footerformform .submit-btn {
    align-self: flex-end;
    margin-top: auto !important;
}

/* Footer form validation styling */
.footer-form .invalid-feedback {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 10px;
    color: #dc3545;
    white-space: nowrap;
    z-index: 10;
    background: rgba(0, 0, 0, 0.8);
    padding: 2px 5px;
    border-radius: 3px;
}

.footer-form .col-12 {
    position: relative;
    margin-bottom: 25px;
}

.footer-form .footer-phone-container {
    position: relative;
}

/* Ensure proper spacing when validation is shown */
.footer-form.was-validated .col-12 {
    margin-bottom: 30px;
}

/* Fix checkbox validation positioning */
.footer-form .custom-check {
    position: relative;
}

.footer-form .custom-check .invalid-feedback {
    top: 100%;
    margin-top: 5px;
}

/* Loading state fixes */
.submit_loading_btn.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
    padding: 5px 10px;
}

.submit-btn {
    position: relative;
}

.submit_loading_btn.loading img {
    width: 16px !important;
    height: 16px !important;
}