/* =========================================================
   mod_cruise_search2.css (final/clean)
   Wrapper-Klasse kommt aus default.php: .mod-cruise-search
   ========================================================= */

/* ---------- Base / Typography ---------- */
.mod-cruise-search .form-text{font-size:.85rem !important;}
.mod-cruise-search .form-control{font-size:16px !important;line-height:1.2;}

/* Fallback für native Selects */
.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:7px 0;font-size:15px !important;}

/* ---------- Input-group Layout ---------- */
.mod-cruise-search .input-group > .d-flex.flex-grow-1{min-width:0;min-height:42px;}
@media (max-width:991.98px){
  .mod-cruise-search .input-group > .d-flex.flex-grow-1{flex-direction:column;}
}

.mod-cruise-search .mod-cs-ig-label{
  width:96px;flex:0 0 96px;justify-content:flex-start;white-space:nowrap;
}
.mod-cruise-search .input-group.flex-nowrap{flex-wrap:nowrap;}

.mod-cruise-search .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;
}

/* =========================================================
   Choices.js Styling (Bootstrap-like)
   ========================================================= */

/* Choices vollbreit im input-group */
.mod-cruise-search .input-group > .choices{flex:1 1 auto;width:1%;min-width:0;}
.mod-cruise-search .choices{position:relative;} /* nötig für Dropdown-Positionierung */

.mod-cruise-search .choices__inner{
  min-height:42px;
  padding:.375rem .75rem;
  border-radius:.375rem;
  background:#fff;
  overflow:visible;
}
.mod-cruise-search .input-group .choices__inner{border-left:0;}

.mod-cruise-search .choices__input--cloned{width:100% !important;min-width:0 !important;}
.mod-cruise-search .choices__placeholder{opacity:.65;white-space:nowrap;}

.mod-cruise-search .choices__list--multiple .choices__item{
  background:#fff;border:1px solid #E9E9E9;color:#2C2874;
  border-radius:2px;padding:0 6px;margin:0 6px 6px 0;
  font-size:12px;line-height:20px;
}

/* Dropdown über normalen Inhalten */
.mod-cruise-search .choices__list--dropdown,
.mod-cruise-search .choices__list[aria-expanded="true"]{
  z-index:99999 !important;
}
.mod-cruise-search .choices__list--dropdown .choices__item{padding:.5rem .75rem;}

/* ---------- Remove Button (X) ---------- */
.mod-cruise-search .choices__button{
  text-indent:0 !important;
  background:none !important;
  background-image:none !important;

  width:18px;height:18px;padding:0;margin-left:.35rem;
  display:inline-flex;align-items:center;justify-content:center;

  border:0;cursor:pointer;opacity:.75;

  /* SR-Text "Remove item" verstecken */
  font-size:0 !important;line-height:0 !important;color:transparent !important;
}
.mod-cruise-search .choices__button::after{
  content:"\2713";
  display:inline-block;
  font-size:18px;font-weight:600;line-height:18px;
  color:#25e712;
  margin-left:-17px;
}
.mod-cruise-search .choices__button:hover{opacity:1;}
.mod-cruise-search .choices__button:hover::after{content:"x";color:#dc3545;}

.mod-cruise-search .cs-help{font-size:.85rem;opacity:.75;}

/* =========================================================
   SP Page Builder Overlay Fix (Dropdown wird überdeckt)
   ========================================================= */

/* Such-Section nach vorne */
.cs-overlay-section.sppb-section{position:relative;z-index:50 !important;}

/* Wrapper darf nichts clippen */
.cs-overlay-section,
.cs-overlay-section .sppb-container,
.cs-overlay-section .sppb-container-inner,
.cs-overlay-section .sppb-row,
.cs-overlay-section .sppb-col,
.cs-overlay-section .sppb-column,
.cs-overlay-section .sppb-column-addons,
.cs-overlay-section .sppb-addon,
.cs-overlay-section .sppb-addon-content{
  overflow:visible !important;
}

/* ✅ Dein bestätigter Fix: Offers-Section hinter die Suche */
.offers-section.sppb-section{position:relative;z-index:0 !important;}

/* WOW/Animation erzeugt oft transform => neuer Stacking Context => Dropdown wird überdeckt */
.offers-section.sppb-section.sppb-wow,
.offers-section.sppb-section.sppb-wow *{
  transform:none !important;
}