.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 10px;
  color: #ff9b00;
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.is-invalid {
  border-color: #f00;
}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
    background-position: right calc(.375em + .7rem) center;
    background-size: calc(.55em + .375rem) calc(.75em + .375rem);
}
.is-valid {
  border-color: #28a745;
}

.loading {
  display: none;
  color: #007bff;
  font-weight: bold;
}

.custom-select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  background-image: none;
}

.required {
  color: red;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: normal;
}

/* SweetAlert2 customizations */
.swal-custom-popup {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  max-width: 400px !important;
  padding: 1rem !important;
}

.swal-custom-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 10px !important;
  width: 100% !important;
}

.swal-custom-confirm-btn {
  padding: 10px 10px !important;      /* Reduced vertical padding */
  border-radius: 3px !important;
  background-color: #008558 !important;
  font-size: 12px !important;        /* Smaller font */
  line-height: 1.2 !important;       /* Tighter line spacing */
  height: auto !important;           /* Fixed height */
  min-height: auto !important;       /* Override any min-height */
  margin: 0 4px !important;          /* Adjust spacing if needed */
  letter-spacing: 0;
}
.swal2-title {
  font-size: 1.2em !important;
  margin-bottom: 0.5em !important;
}

.swal2-content {
  font-size: 14px !important;
}

/* intl-tel-input styles */
.iti {
  width: 100%;
}

.iti__country-list {
  z-index: 10000 !important;
}

.iti__selected-flag {
  padding: 0 0px 0 5px !important;
height: 35px !important;
  align-items: center !important;
  background-color: transparent !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* ✅ Hide dial code in input */
.iti__selected-dial-code {
  display: none !important;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
  background-position: right calc(.375em + 0.7rem) center;
}
/* ✅ Input styling with room for flag only */
input#phone {
  padding-left: 45px !important;
  height: 35px !important;
  line-height: 35px !important;
  font-size: 12px;
}

/* ✅ Keep dropdown dial codes visible */
.iti__country-name,
.iti__dial-code {
  color: #000 !important;
  font-size: 14px !important;
}

/* Hover and highlight background */
.iti__country:hover,
.iti__country.iti__highlight {
  background-color: #f0f0f0 !important;
}