/* Penzión Turista — minimal overrides */
html { scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; }
a { text-decoration: none; }

/* Swiper theme */
:root {
  --swiper-theme-color: #ee7e21;
  --swiper-navigation-color: #ee7e21;
  --swiper-navigation-size: 14px;
}

/* Swiper container — side margins for buttons, wrapper clips slides */
.swiper {
  margin: 20px 70px 30px;
  padding: 0;
  position: relative;
  overflow: visible !important;
}
.swiper-wrapper {
  overflow: hidden;
}
.swiper-slide {
  height: auto;
}

/* Nav arrows — outside the cards, in the margin space */
.swiper-button-prev,
.swiper-button-next {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #ee7e21 !important;
  border: 2px solid #ee7e21 !important;
  box-shadow: none !important;
  transition: all .25s ease;
  margin-top: 0 !important;
  top: 50% !important;
  transform: translateY(-50%);
  z-index: 10;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.swiper-button-prev { left: -54px !important; }
.swiper-button-next { right: -54px !important; }
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #ee7e21 !important;
  color: #fff !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: inherit !important;
}
.swiper-button-disabled {
  opacity: .35 !important;
}

/* Testimonials: hide arrows, auto-scroll */
.swiper.testi-swiper .swiper-button-prev,
.swiper.testi-swiper .swiper-button-next {
  display: none !important;
}
.swiper.testi-swiper {
  margin: 20px 0 30px;
}

@media (max-width: 1024px) {
  .swiper { margin: 20px 54px 30px; }
  .swiper-button-prev { left: -44px !important; }
  .swiper-button-next { right: -44px !important; }
  .swiper-button-prev,
  .swiper-button-next { width: 36px !important; height: 36px !important; }
}

@media (max-width: 640px) {
  .swiper { margin: 20px 40px 30px; }
  .swiper-button-prev { left: -36px !important; }
  .swiper-button-next { right: -36px !important; }
  .swiper-button-prev,
  .swiper-button-next { width: 32px !important; height: 32px !important; }
  .swiper-button-prev::after,
  .swiper-button-next::after { font-size: 12px !important; }
}