/*
 Theme Name: Estate place
 Theme URI: https://mk-web.pl
 Description: Motyw dla Estate Place
 Author: MK-Web
 Author URI: https://mk-web.pl
 Template: hello-elementor
 Version: 1.0.0
 Text Domain: estate-place
*/

..acf-gallery-slider {
  max-width: 900px;
  margin: 20px auto;
}

.acf-gallery-slider .main-image {
  text-align: center;
  margin-bottom: 15px;
}

.acf-gallery-slider .main-image img {
  max-width: 100%;
  cursor: pointer;
  border-radius: 6px;
}

/* Pasek miniaturek poziomo */
.acf-gallery-slider .thumb-slider {
  display: flex;
  overflow-x: auto;
  white-space: nowrap; /* zapobiega zawijaniu */
  -webkit-overflow-scrolling: touch; /* płynne przewijanie */
  scrollbar-width: none; /* ukryj pasek przewijania w Firefox */
}
.acf-gallery-slider .thumb-slider::-webkit-scrollbar {
  display: none; /* ukryj pasek przewijania w Chrome/Safari */
}

.acf-gallery-slider .thumb {
  flex: 0 0 auto;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 4px;
  margin: 0 5px;
  transition: border 0.3s, transform 0.3s;
}

.acf-gallery-slider .thumb.active {
  border-color: #DBCA9B; /* Twój kolor */
  transform: scale(1.05);
}

.acf-gallery-slider .thumb img {
  display: block;
  width: 120px;
  height: auto;
  border-radius: 3px;
}

/* Wszystkie miniaturki trochę przygaszone */
.acf-gallery-slider .thumb img {
  opacity: 0.6;
  transition: all 0.3s ease;
  border: 3px solid transparent;
  border-radius: 6px;
}

/* Aktywna miniaturka – pełny kolor + złota ramka */
.acf-gallery-slider .thumb.active img {
  opacity: 1;
  border-color: #DBCA9B;
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(219, 202, 155, 0.8);
}

/* WYMUSZENIE WIDOCZNOŚCI STRZAŁEK LIGHTBOXA */
.elementor-lightbox .elementor-swiper-button {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: rgba(0, 0, 0, 0.0) !important;
    border: 0px solid white !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

.elementor-lightbox .elementor-swiper-button-prev {
    left: 20px !important;
    right: auto !important;
}

.elementor-lightbox .elementor-swiper-button-next {
    right: 20px !important;
    left: auto !important;
}

/* PROSTE IKONKI STRZAŁEK - Unicode */
.elementor-lightbox .elementor-swiper-button:after {
    content: "" !important;
    border: solid white;
    border-width: 0 3px 3px 0;
    display: none;
    padding: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.elementor-lightbox .elementor-swiper-button-prev:after {
    transform: rotate(135deg) !important;
    -webkit-transform: rotate(135deg) !important;
    margin-right: 3px;
}

.elementor-lightbox .elementor-swiper-button-next:after {
    transform: rotate(-45deg) !important;
    -webkit-transform: rotate(-45deg) !important;
    margin-left: 3px;
}

/* Efekty hover */
.elementor-lightbox .elementor-swiper-button:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    transform: translateY(-50%) scale(1.1) !important;
}

/* Przycisk zamykania */
.elementor-lightbox .elementor-swiper-close {
    background: rgba(0, 0, 0, 0.8) !important;
    border: 2px solid white !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 999999 !important;
}

.elementor-lightbox .elementor-swiper-close:before {
    content: "×" !important;
    color: white !important;
    font-size: 24px !important;
    font-weight: bold !important;
    line-height: 1 !important;
}