.mod-cruise-search .form-text {
  font-size: 0.85rem !important;
}

.mod-cruise-search select option {
  padding: 8px 14px;
	 font-size: 16px !important;
	font-weight: 400;
	line-height: 20px !important;
}
.mod-cruise-search select optgroup {
  font-size: 18px !important;
  font-weight: 600;
  padding: 6px 10px;
}
.mod-cruise-search select[multiple] {
  min-height: 42px;
  padding-top: 7px;
  padding-bottom: 7px;
	font-size: 15px !important;
}
.mod-cruise-search .form-control {
  font-size: 16px !important;
  line-height: 1.2;
}
/* ensure the 2 date inputs don't wrap under the label */
.mod-cruise-search .input-group > .d-flex.flex-grow-1 {
  min-width: 0;
	min-height: 42px;
}

@media (max-width: 991.98px) {
  /* on mobile keep them stacked like before if desired */
  .mod-cruise-search .input-group > .d-flex.flex-grow-1 {
    flex-direction: column;
  }
}

/* media/mod_cruise_search2/css/mod_cruise_search2.css */

/* Alle grauen Label-Kästchen (input-group-text) auf gleiche Breite */
.mod-cruise-search2 .mod-cs-ig-label,
.mod-cruise-search .mod-cs-ig-label { /* falls Wrapper mal anders heißt */
  width: 96px;          /* <- Wert nach Geschmack anpassen (z.B. 96 / 110 / 120) */
  flex: 0 0 96px;
  justify-content: flex-start;
  white-space: nowrap;
}

/* Optional: wenn du willst, dass die Input-Groups nicht umbrechen */
.mod-cruise-search2 .input-group.flex-nowrap,
.mod-cruise-search .input-group.flex-nowrap {
  flex-wrap: nowrap;
}
.mod-cruise-search__form button[type="submit"] {
  height: calc(2.5rem + 2px);
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 6) media/css/mod_cruise_search2.css
   Optik: Choices in Input-Group sauber wie Bootstrap 5 */
.mod-cruise-search2 .choices,
.mod-cruise-search .choices {
  flex: 1 1 auto;
  min-width: 0;
}

.mod-cruise-search2 .choices__inner,
.mod-cruise-search .choices__inner {
  min-height: calc(2.5rem + 2px); /* ~42px */
  border-radius: 0 .375rem .375rem 0; /* rechts rund, links macht input-group-text */
}

.mod-cruise-search2 .input-group .choices__inner,
.mod-cruise-search .input-group .choices__inner {
  border-left: 0; /* damit es wie ein Feld wirkt */
}

.mod-cruise-search2 .choices__list--multiple .choices__item,
.mod-cruise-search .choices__list--multiple .choices__item {
  margin-top: 2px;
  margin-bottom: 2px;
}
/* Choices muss im input-group Layout voll breit sein */
.mod-cruise-search .input-group > .choices {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0; /* wichtig gegen abgeschnittene Inhalte */
}

/* Höhe wie deine Felder (ca. 42px) */
.mod-cruise-search .choices__inner {
  min-height: 42px;
  padding: .375rem .75rem;
  border-radius: .375rem;
}

/* Placeholder/Input nicht abgeschnitten */
.mod-cruise-search .choices__input--cloned {
  min-width: 98%; /* verhindert "0 ausgewäh" */
}

/* Wenn Items vorhanden sind: Input-Placeholder verstecken (sonst bleibt er sichtbar) */
.mod-cruise-search .choices[data-type*="select-multiple"] .choices__list--multiple + .choices__input--cloned::placeholder {
   color: #9c9c9c;
	font-size: 13px;
	 font-weight: 400;
}

/* Pills optisch klein/neutral (nicht wie riesige Buttons) */
.mod-cruise-search .choices__list--multiple .choices__item {
  background: #ffffff;
  border: 1px solid #E9E9E9;
  color: #2C2874;
  border-radius: 2px;
  padding: 0 0 0 1;
  margin: 0 0 .25rem 0;
  font-size: 12px;
}

/* X-Button sichtbar und angenehm */
.mod-cruise-search .choices__button {
  opacity: .8;
  margin-left: .15rem;
}
.mod-cruise-search .choices__button:hover {
  opacity: 1;
}

/* Dropdown über allem (falls er "hinter" Elemente rutscht) */
.mod-cruise-search .choices__list--dropdown {
  z-index: 9999;
}
/* Choices im input-group korrekt skalieren */
.mod-cruise-search .input-group > .choices {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

/* Feldhöhe wie Bootstrap Inputs */
.mod-cruise-search .choices__inner {
  min-height: 42px;
  padding: .375rem .75rem;
  border-radius: .375rem;
  background: #fff;
}

/* ? Pills komplett entfernen */
.mod-cruise-search .choices__list--multiple {
  display: inline-flex;
}

/* Anzeige der Auswahl als normaler Text */
.mod-cruise-search .choices__list--single {
  padding: 0;
}

/* Placeholder korrekt */
.mod-cruise-search .choices__placeholder {
  opacity: .6;
}

/* Dropdown korrekt überlagern */
.mod-cruise-search .choices__list--dropdown {
  z-index: 9999;
}

/* Dropdown-Items wie Select */
.mod-cruise-search .choices__list--dropdown .choices__item {
  padding: .5rem .75rem;
}