/* Spain Adventure World — overrides on top of donor _next CSS */
html, body {
  overflow: auto !important;
  height: auto !important;
  position: static !important;
}

/* Reset donor's inline swiper transforms, make carousels horizontally scrollable */
.swiper {
  overflow: hidden !important;
  position: relative;
}
.swiper-wrapper {
  transform: none !important;
  display: flex !important;
  overflow-x: auto !important;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 16px;
  padding: 8px 4px 16px;
  scrollbar-width: thin;
}
.swiper-wrapper::-webkit-scrollbar { height: 6px; }
.swiper-wrapper::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.swiper-slide {
  flex: 0 0 auto !important;
  margin-right: 0 !important;
  scroll-snap-align: start;
  transform: none !important;
}
/* Hero swiper: only show active slide, no horizontal scroll on it */
[class*='sliderHero_'] .swiper-wrapper {
  overflow: hidden !important;
  display: block !important;
  scroll-snap-type: none;
  gap: 0;
  padding: 0;
}
[class*='sliderHero_'] .swiper-slide {
  width: 100% !important;
}
[class*='sliderHero_'] .swiper-slide:not(.swiper-slide-active) {
  display: none !important;
}

/* Make swiper nav arrows clickable */
.swiper-button-prev, .swiper-button-next {
  pointer-events: auto !important;
  cursor: pointer !important;
  user-select: none;
}
.swiper-button-disabled,
.swiper-button-lock {
  display: flex !important;
  opacity: 0.4;
  pointer-events: auto !important;
}

/* Two-button CTA panel (fallback if any old page still uses it) */
.sa-cta-panel {
  display: flex; gap: 12px; flex-wrap: wrap;
  align-items: center; justify-content: center;
  padding: 18px 16px; background: rgba(255,255,255,.96);
  border-radius: 14px; box-shadow: 0 6px 24px rgba(0,0,0,.12);
  max-width: 720px; margin: 0 auto;
}
.sa-cta-panel__btn {
  flex: 1 1 220px; display: inline-flex; align-items: center; justify-content: center;
  padding: 14px 22px; border-radius: 10px;
  font-weight: 700; font-size: 16px; text-decoration: none;
  font-family: 'Poppins','Nunito',sans-serif;
}
.sa-cta-panel__btn--primary { background: #ff6a00; color: #fff; }
.sa-cta-panel__btn--secondary { background: #003a78; color: #fff; }

/* Our cookie banner */
#sa-consent {
  position: fixed; left: 12px; right: 12px; bottom: 12px;
  z-index: 9999; max-width: 880px; margin: 0 auto;
  background: #1a1a1a; color: #fff; border-radius: 14px;
  padding: 16px 18px;
  font-family: 'Poppins','Nunito',sans-serif; font-size: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.4);
  display: flex; gap: 14px; align-items: center; flex-wrap: wrap;
}
#sa-consent p { margin: 0; flex: 1 1 320px; }
#sa-consent a { color: #ffb84d; text-decoration: underline; }
#sa-consent button {
  background: #ff6a00; color: #fff; border: 0;
  padding: 10px 18px; border-radius: 8px; font-weight: 700; cursor: pointer;
}

@media (max-width: 600px) {
  .sa-cta-panel { padding: 14px; }
  .sa-cta-panel__btn { flex-basis: 100%; }
}

/* Crop hero image with CSS object-fit since donor CDN crop params aren't honored */
img.sliderHero_image__piW4_ {
  object-fit: cover !important;
  object-position: 25% center !important;
  width: 100% !important;
  height: 100% !important;
}
[class*='sliderHero_'] .swiper-slide picture {
  display: block;
  width: 100%;
  height: 100%;
}
[class*='sliderHero_'] {
  overflow: hidden;
}
[class*='sliderHero_'] .swiper {
  overflow: hidden !important;
}
[class*='sliderHero_'] .swiper-wrapper {
  height: 100%;
}
[class*='sliderHero_'] .swiper-slide-active img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
/* Inline lang switcher injected by rewrite_page.py replacing donor's dropdown */
.sa-langs-inline {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.sa-lang-link {
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid #ddd;
  border-radius: 6px;
  color: #555;
  text-decoration: none;
  font-family: 'Poppins', 'Nunito', sans-serif;
}
.sa-lang-link.is-active {
  background: #0018a8;
  color: #fff;
  border-color: #0018a8;
}
.sa-lang-link:hover {
  background: #f5f5f5;
}
.sa-lang-link.is-active:hover {
  background: #0018a8;
}

/* Hero has only 1 slide visible — hide leftover Swiper arrows */
[class*='sliderHero_'] .swiper-button-prev,
[class*='sliderHero_'] .swiper-button-next {
  display: none !important;
}



/* Simple nav replacing donor's broken section dropdowns */
.sa-mainnav {
  display: flex;
  gap: 20px;
  align-items: center;
  flex: 1 1 auto;
  margin: 0 24px;
}
.sa-mainnav a {
  color: #1a1a1a;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  padding: 18px 8px;
  white-space: nowrap;
}
.sa-mainnav a:hover { color: #0018a8; }
@media (max-width: 900px) {
  .sa-mainnav { display: none; }
}

/* Flexible label — small, no strike-through (donor's class had line-through) */
.sa-flex-label {
  display: inline-block;
  font-size: 11px; font-weight: 700;
  color: #00a884;
  text-transform: uppercase;
  letter-spacing: .05em;
  background: #e6f7f1;
  padding: 2px 8px; border-radius: 10px;
  margin-right: 6px;
  text-decoration: none !important;
}

/* On Flexible tab — hide donor 'Most popular' badge (it's a placeholder for dated 1st card only) */
[data-sa-flex-mode='flex'] .card_recommended__lTN0D {
  display: none !important;
}
[data-sa-flex-mode='flex'] [class*='card_isRecommended'] {
  border-color: transparent !important;
  outline: none !important;
}
[data-sa-flex-mode='flex'] [class*='card_root'] {
  border: 1px solid #eee !important;
  overflow: visible !important;
}