/**
 * Karaway image lightbox — Fancybox v4/v5 restyle.
 * Applies to image slides only. Inline/iframe modals (.fancy-modal,
 * #modal-callback, price order) keep the theme chrome.
 */

.fancybox__container.kw-lightbox,
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)):not(:has(.fancybox__slide.has-youtube)):not(:has(.fancybox__slide.has-vimeo)):not(:has(.fancybox__slide.has-html5video)):not(:has(.fancybox__slide.has-map)) {
  --fancybox-bg: rgba(255, 250, 231, 0.78);
  --fancybox-color: #4f453d;
  --fancybox-hover-color: #4f453d;
  --fancybox-opacity: 1;
  --f-button-width: 48px;
  --f-button-height: 48px;
  --f-button-border-radius: 50%;
  --f-button-color: #4f453d;
  --f-button-hover-color: #4f453d;
  --f-button-bg: #ffcf01;
  --f-button-hover-bg: #ffe36a;
  --f-button-active-bg: #ffd84a;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  --f-button-shadow: 0 8px 22px rgba(79, 69, 61, 0.16);
}

.fancybox__container.kw-lightbox .fancybox__backdrop,
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)):not(:has(.fancybox__slide.has-youtube)):not(:has(.fancybox__slide.has-vimeo)):not(:has(.fancybox__slide.has-html5video)):not(:has(.fancybox__slide.has-map)) .fancybox__backdrop {
  background: rgba(255, 250, 231, 0.72);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.fancybox__container.kw-lightbox .fancybox__slide.has-image > .fancybox__content,
.fancybox__container:has(.fancybox__slide.has-image) .fancybox__slide.has-image > .fancybox__content {
  background: transparent;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(79, 69, 61, 0.22);
}

.fancybox__container.kw-lightbox .fancybox-image,
.fancybox__container:has(.fancybox__slide.has-image) .fancybox-image {
  border-radius: 24px;
}

.fancybox__container.kw-lightbox .fancybox__content > .f-button.is-close-btn,
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)) .fancybox__content > .f-button.is-close-btn,
.fancybox__container.kw-lightbox .fancybox__toolbar .f-button[data-fancybox-close],
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)) .fancybox__toolbar .f-button[data-fancybox-close] {
  background: #ffcf01;
  color: #4f453d;
  border-radius: 50%;
  box-shadow: 0 8px 22px rgba(79, 69, 61, 0.16);
}

.fancybox__container.kw-lightbox .fancybox__nav .f-button,
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)) .fancybox__nav .f-button {
  background: #fffdf5;
  color: #4f453d;
  border-radius: 50%;
  box-shadow: 0 8px 22px rgba(79, 69, 61, 0.14);
}

.fancybox__container.kw-lightbox .fancybox__nav .f-button:hover,
.fancybox__container.kw-lightbox .fancybox__content > .f-button.is-close-btn:hover,
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)) .fancybox__nav .f-button:hover,
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)) .fancybox__content > .f-button.is-close-btn:hover {
  background: #ffe36a;
}

.fancybox__container.kw-lightbox .fancybox__toolbar,
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)) .fancybox__toolbar {
  color: #4f453d;
  text-shadow: none;
}

.fancybox__container.kw-lightbox .fancybox__infobar,
.fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)) .fancybox__infobar {
  color: #4f453d;
  font-weight: 600;
}

.fancybox__container.kw-lightbox .fancybox__caption,
.fancybox__container:has(.fancybox__slide.has-image) .fancybox__caption {
  color: #4f453d;
}

/* Leftover Simple Lightbox chrome — Fancybox is the only image viewer */
#slb_overlay,
#slb_viewer,
.slb_overlay,
.slb_viewer,
.slb_wrapper,
.slb_container {
  display: none !important;
}

@media (max-width: 680px) {
  .fancybox__container.kw-lightbox,
  .fancybox__container:has(.fancybox__slide.has-image):not(:has(.fancybox__slide.has-iframe)):not(:has(.fancybox__slide.has-html)) {
    --f-button-width: 40px;
    --f-button-height: 40px;
  }

  .fancybox__container.kw-lightbox .fancybox-image,
  .fancybox__container:has(.fancybox__slide.has-image) .fancybox-image,
  .fancybox__container.kw-lightbox .fancybox__slide.has-image > .fancybox__content,
  .fancybox__container:has(.fancybox__slide.has-image) .fancybox__slide.has-image > .fancybox__content {
    border-radius: 16px;
  }
}