/* Forminator and Nice Select CSS compatibility fixes 
   These might be needed if the JavaScript solution doesn't fully resolve conflicts
*/

/* Fix for select elements in Forminator forms */
.forminator-ui .forminator-select-container {
  position: relative;
  z-index: 5;
}

/* Hide the Nice Select version when inside Forminator forms */
.forminator-custom-form .nice-select {
  display: none !important;
}

/* Ensure Forminator's Select2 dropdown is visible */
.forminator-dropdown-list {
  z-index: 10 !important;
}

/* Fix z-index of Select2 dropdowns for Forminator */
.select2-container--forminator .select2-dropdown {
  z-index: 10 !important;
}

/* Restore visibility to Forminator's original select (for backup if needed) */
.forminator-custom-form .forminator-select-container select {
  position: relative;
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  height: auto !important;
}

/* Make sure Forminator select dropdowns appear above other elements (if needed) */
.forminator-ui.forminator-custom-form[data-design="flat"] .forminator-select2 + .select2-container {
  z-index: 10 !important;
}

/* Adjust height of select elements to match other form inputs (44.8px) */
.forminator-ui .forminator-select-container {
  height: 44.8px !important;
}

.forminator-ui .forminator-select2 + .select2-container .select2-selection--single {
  height: 44.8px !important;
}

.forminator-ui .forminator-select2 + .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 44.8px !important;
}

.forminator-ui .forminator-select2 + .select2-container .select2-selection--single .select2-selection__arrow {
  height: 44.8px !important;
}

/* Adjust Nice Select height for consistency */
.nice-select {
  height: 44.8px !important;
  line-height: 44.8px !important;
}