/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 23 May 2026, 1:01 pm
*/

/* ================================
   JetStream FooGallery Styling
================================ */

.foogallery {
  padding: 18px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(8, 18, 35, 0.92), rgba(3, 8, 18, 0.96));
  border: 1px solid rgba(214, 173, 96, 0.35);
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.45);
}

.foogallery .fg-item,
.foogallery .fg-thumb,
.foogallery .fg-image-wrap {
  aspect-ratio: 16 / 9;
  border-radius: 18px;
  overflow: hidden;
}

.foogallery .fg-item {
  border: 1px solid rgba(214, 173, 96, 0.28);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.35);
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.foogallery .fg-item:hover {
  transform: translateY(-4px);
  border-color: rgba(214, 173, 96, 0.75);
  box-shadow:
    0 20px 46px rgba(0, 0, 0, 0.48),
    0 0 28px rgba(60, 130, 220, 0.22);
}

.foogallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 18px;
  filter: saturate(1.05) contrast(1.04);
}

.foogallery .fg-dots,
.foogallery .fg-carousel-dots,
.foogallery .foogallery-dots {
  display: none !important;
}


/* ================================
   Clean FooBox Lightbox
================================ */

.fbx-modal,
.fbx-modal * {
  box-shadow: none !important;
}

.fbx-modal,
.fbx-modal .fbx-inner,
.fbx-modal .fbx-stage,
.fbx-modal .fbx-item-current,
.fbx-modal .fbx-item,
.fbx-modal .fbx-image {
  border: none !important;
  background: transparent !important;
}

.fbx-modal .fbx-caption,
.fbx-modal .fbx-count,
.fbx-modal .fbx-close {
  display: none !important;
}

.fbx-modal .fbx-prev,
.fbx-modal .fbx-next {
  opacity: 0.85 !important;
}

.fbx-modal .fbx-prev:hover,
.fbx-modal .fbx-next:hover {
  opacity: 1 !important;
}

.fbx-modal .fbx-inner::after {
  content: "JETSTREAM FS";
  position: fixed;
  right: 32px;
  bottom: 28px;
  z-index: 9999;
  color: white;
  background: rgba(0, 0, 0, 0.65);
  padding: 10px 16px;
  pointer-events: none;
}

.fbx-modal .fbx-caption {
  display: block !important;
  position: fixed !important;
  right: 32px !important;
  bottom: 28px !important;
  width: 170px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: url("/wp-content/themes/jetstream-showroom/assets/images/jetstream-logo-white-full.png") center / contain no-repeat !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 0.78 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  pointer-events: none !important;
}

.fbx-modal .fbx-caption * {
  display: none !important;
}