/* Minimal extra CSS for static build (Tailwind via CDN). */

/* Custom scrollbar styles (ported from react/src/styles/custom-scrollbar.css) */
.overflow-y-auto::-webkit-scrollbar {
  width: 8px;
}

.overflow-y-auto::-webkit-scrollbar-track {
  background: #fce7f3;
  border-radius: 10px;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ec4899, #f472b6);
  border-radius: 10px;
}

.overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #db2777, #ec4899);
}

/* Firefox */
.overflow-y-auto {
  scrollbar-width: thin;
  scrollbar-color: #ec4899 #fce7f3;
}

/* Слайдер «Оборудование»: акцентный розовый (Swiper 11 — theme + пагинация через CSS variables) */
.lalaserland-equipment-slider {
  --swiper-theme-color: #ec4899;
  --swiper-pagination-color: #ec4899;
  --swiper-pagination-bullet-inactive-color: #d1d5db;
  --swiper-pagination-bullet-inactive-opacity: 0.55;
}

.lalaserland-equipment-slider .swiper-pagination-bullet-active {
  background: #ec4899;
  opacity: 1;
}

.lalaserland-equipment-slider [data-equipment-pagination] .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px !important;
}

.lalaserland-equipment-slider [data-equipment-pagination].swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 100%;
}

/* Слайдер «О нас»: пагинация в розовом акценте */
.lalaserland-about-slider {
  --swiper-theme-color: #ec4899;
  --swiper-pagination-color: #ec4899;
  --swiper-pagination-bullet-inactive-color: #d1d5db;
  --swiper-pagination-bullet-inactive-opacity: 0.55;
}
.lalaserland-about-slider .swiper-pagination-bullet-active {
  background: #ec4899;
  opacity: 1;
}
.lalaserland-about-slider [data-about-pagination] .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px !important;
}

.lalaserland-about-slider [data-about-pagination].swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 100%;
}

/* Слайдер «Акции» на главной (#packages): пагинация светлая на розовом фоне */
#packages .lalaserland-promotions-slider {
  --swiper-theme-color: #ffffff;
  --swiper-pagination-color: #ffffff;
  --swiper-pagination-bullet-inactive-color: rgba(255, 255, 255, 0.45);
  --swiper-pagination-bullet-inactive-opacity: 1;
}

#packages .lalaserland-promotions-slider .swiper-pagination-bullet-active {
  background: #ffffff;
  opacity: 1;
}

/* Слайдер «Акции»: пагинация в розовом акценте (другие контексты) */
.lalaserland-promotions-slider {
  --swiper-theme-color: #ec4899;
  --swiper-pagination-color: #ec4899;
  --swiper-pagination-bullet-inactive-color: #d1d5db;
  --swiper-pagination-bullet-inactive-opacity: 0.55;
}

/*
 * Одинаковая высота карточек в ряду.
 * В Swiper 11 у .swiper-slide по умолчанию height:100% + display:block — слайды не тянутся
 * по высоте соседа; height:auto + flex на слайде и flex:1 на карточке дают одну линию по максимуму.
 */
.lalaserland-promotions-slider .swiper-wrapper {
  align-items: stretch;
  height: auto;
  min-height: 0;
}

.lalaserland-promotions-slider .swiper-slide {
  display: flex;
  height: auto;
  align-self: stretch;
  box-sizing: border-box;
}

.lalaserland-promotions-slider .swiper-slide > * {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}
.lalaserland-promotions-slider .swiper-pagination-bullet-active {
  background: #ec4899;
  opacity: 1;
}
.lalaserland-promotions-slider [data-promotions-pagination] .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px !important;
}

.lalaserland-promotions-slider [data-promotions-pagination].swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 100%;
}

/* Safety: never show mobile promotions slider on desktop */
@media (min-width: 1024px) {
  [data-promotions-slider-root] {
    display: none !important;
  }
}

/* Слайдер «Наши услуги»: стрелки только lg+ (десктоп); мобилка и планшет — свайп и точки */
.lalaserland-services-slider [data-services-prev],
.lalaserland-services-slider [data-services-next] {
  display: none !important;
}

@media (min-width: 1024px) {
  .lalaserland-services-slider [data-services-prev]:not(.is-services-nav-hidden),
  .lalaserland-services-slider [data-services-next]:not(.is-services-nav-hidden) {
    display: flex !important;
  }
}

/* Слайдер «Наши услуги»: пагинация и стрелки в розовом акценте */
.lalaserland-services-slider {
  --swiper-theme-color: #ec4899;
  --swiper-pagination-color: #ec4899;
  --swiper-pagination-bullet-inactive-color: #d1d5db;
  --swiper-pagination-bullet-inactive-opacity: 0.55;
}

.lalaserland-services-slider .swiper-pagination-bullet-active {
  background: #ec4899;
  opacity: 1;
}

.lalaserland-services-slider [data-services-pagination] .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 4px !important;
}

.lalaserland-services-slider [data-services-pagination].swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 100%;
}

.lalaserland-services-slider .swiper-button-prev::after,
.lalaserland-services-slider .swiper-button-next::after {
  font-size: 1.1rem;
  font-weight: 700;
}

/* Mobile menu in modal: make links full-width buttons */
.lalaserland-mobile-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.85rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid #fce7f3; /* pink-100-ish */
  background: #ffffff;
  color: #374151; /* gray-700 */
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}
.lalaserland-mobile-menu a:hover {
  background: #fdf2f8; /* pink-50 */
  border-color: #fbcfe8; /* pink-200 */
  color: #db2777; /* pink-600 */
}

/* Шторка меню: пункты без рамок */
.lalaserland-drawer-nav a {
  text-decoration: none;
}

/* Contact studios list: light gray scrollbar (overrides pink .overflow-y-auto rules below) */
.lalaserland-studios-scroll::-webkit-scrollbar {
  width: 8px;
}
.lalaserland-studios-scroll::-webkit-scrollbar-track {
  background: #f3f4f6;
  border-radius: 10px;
}
.lalaserland-studios-scroll::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 10px;
}
.lalaserland-studios-scroll::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}
.lalaserland-studios-scroll {
  scrollbar-width: thin;
  scrollbar-color: #d1d5db #f3f4f6;
}