/*
 * AIDA-Schiffsvergleich: native, feed-sichere Angebots-Slidebar.
 *
 * Das Asset verändert ausschließlich die Darstellung der bereits gerenderten
 * CruiseCompass-Karten. Feed-Markup, Hydration und Ziel-Links bleiben unberührt.
 */

body.has-aida-schiffsberater .pilot-offers .ship-offer-layout {
  min-width: 0;
}

body.has-aida-schiffsberater .pilot-offers .angebote-slot__cards {
  display: flex;
  gap: 20px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 16px;
  scroll-padding-inline-start: 0;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #c9a84c rgba(245, 243, 239, 0.18);
}

body.has-aida-schiffsberater .pilot-offers .angebote-card {
  flex: 0 0 calc((100% - 20px) / 2);
  min-width: 0;
  scroll-snap-align: start;
}

body.has-aida-schiffsberater .pilot-offers .angebote-slot__cards::-webkit-scrollbar {
  height: 8px;
}

body.has-aida-schiffsberater .pilot-offers .angebote-slot__cards::-webkit-scrollbar-track {
  background: rgba(245, 243, 239, 0.18);
  border-radius: 999px;
}

body.has-aida-schiffsberater .pilot-offers .angebote-slot__cards::-webkit-scrollbar-thumb {
  background: #c9a84c;
  border-radius: 999px;
}

body.has-aida-schiffsberater .pilot-offers .angebote-slot__cards::-webkit-scrollbar-thumb:hover {
  background: #dabd66;
}

@media (max-width: 620px) {
  body.has-aida-schiffsberater .pilot-offers .angebote-slot__cards {
    gap: 14px;
    padding-bottom: 14px;
  }

  body.has-aida-schiffsberater .pilot-offers .angebote-card {
    flex-basis: 88%;
  }
}