/* Opt-in media behavior. The existing layout rules remain the defaults. */
@media (hover: hover) and (pointer: fine) {
  .directorist-elementor-listing-card-images-slider[data-navigation-visibility="hover-focus"] .directorist-swiper__navigation {
    opacity: 0;
    pointer-events: none;
  }
  .directorist-elementor-listing-card-images-slider[data-navigation-visibility="hover-focus"]:hover .directorist-swiper__navigation,
  .directorist-elementor-listing-card-images-slider[data-navigation-visibility="hover-focus"]:focus-within .directorist-swiper__navigation {
    opacity: 1;
    pointer-events: auto;
  }
}
[data-direl-media-layout]:not(.directorist-elementor-listing-card-images-slider--slider) .directorist-swiper__navigation,
[data-direl-media-layout]:not(.directorist-elementor-listing-card-images-slider--slider) .directorist-swiper__pagination {
  display: none;
}
[data-direl-media-layout]:not(.directorist-elementor-listing-card-images-slider--slider) .swiper-wrapper {
  transform: none !important;
}
[data-direl-media-layout]:not(.directorist-elementor-listing-card-images-slider--slider):not(.directorist-elementor-listing-card-images-slider--thumbs) .swiper-wrapper {
  width: auto;
  height: auto;
}
[data-direl-media-layout]:not(.directorist-elementor-listing-card-images-slider--slider):not(.directorist-elementor-listing-card-images-slider--thumbs) .swiper-slide { width: auto; height: auto; }
[data-direl-media-layout] .swiper-slide[hidden] { display: none !important; }
.direl-media-hero {
  display: block;
  border: 0;
  padding: 0;
  background: transparent;
  width: 100%;
  height: var(--direl-hero-height, 240px);
  margin: 0 0 var(--direl-thumb-gap, 8px);
}
.direl-media-hero[hidden] { display: none; }
.direl-media-hero img { width: 100%; height: 100%; object-fit: cover; }
.directorist-elementor-listing-card-images-slider--thumbs .swiper-wrapper {
  display: flex;
  overflow-x: auto;
  gap: var(--direl-thumb-gap, 8px);
  height: var(--direl-thumb-height, 120px);
  scroll-snap-type: x proximity;
}
.directorist-elementor-listing-card-images-slider--thumbs .swiper-slide {
  flex: 0 0 var(--direl-thumb-width, 160px);
  width: var(--direl-thumb-width, 160px);
  height: 100%;
  cursor: pointer;
  scroll-snap-align: start;
}
.directorist-elementor-listing-card-images-slider--thumbs .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
.directorist-elementor-listing-card-images-slider--thumbs [aria-pressed="true"] { outline: 2px solid currentColor; outline-offset: -2px; }
.directorist-elementor-listing-card-images-slider--thumbs :focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
.directorist-gbi-related-slider[data-direl-static="true"] { overflow: visible; }
.directorist-gbi-related-slider[data-direl-static="true"] > .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(var(--direl-static-columns, 1), minmax(0, 1fr));
  gap: var(--direl-static-gap, 30px);
  transform: none !important;
}
.directorist-gbi-related-slider[data-direl-static="true"] > .swiper-wrapper > .swiper-slide { width: auto; height: auto; margin: 0; }
.directorist-gbi-related-slider[data-direl-static="true"] > .directorist-swiper__navigation,
.directorist-gbi-related-slider[data-direl-static="true"] > .directorist-swiper__pagination { display: none; }
.direl-term-showcase { min-width: 0; }
.direl-term-showcase > .directorist-gbi-taxonomy-slider { overflow: hidden; }
.direl-term-showcase > .directorist-gbi-taxonomy-slider > .swiper-wrapper > .swiper-slide {
  width: var(--direl-showcase-active-width, 60%);
  min-width: 0;
  height: auto;
  transform: scale(var(--direl-showcase-side-scale, 0.7));
  transition: transform 400ms;
}
.direl-term-showcase > .directorist-gbi-taxonomy-slider > .swiper-wrapper > .swiper-slide-active { transform: scale(1); }
.direl-term-showcase__tabs { display: flex; gap: var(--direl-showcase-gap, 8px); overflow-x: auto; background: var(--direl-showcase-shell, transparent); padding: 8px 0; }
.direl-term-showcase__tabs button { flex-shrink: 0; background: var(--direl-showcase-normal, transparent); color: var(--direl-showcase-text, inherit); border: 1px solid currentColor; border-radius: 4px; padding: 8px 12px; }
.direl-term-showcase__tabs [aria-selected="true"] { background: var(--direl-showcase-selected, transparent); color: var(--direl-showcase-selected-text, inherit); }
.direl-term-showcase__thumbs { overflow: hidden; }
.direl-term-showcase__thumbs .swiper-slide { width: var(--direl-showcase-thumb-width, 120px); height: var(--direl-showcase-thumb-height, 80px); }
.direl-term-showcase__thumbs button { width: 100%; height: 100%; padding: 4px; border: 0; background: transparent; }
.direl-term-showcase__thumbs img { width: 100%; height: 100%; object-fit: contain; }
.direl-term-showcase__thumbs [aria-pressed="true"], .direl-term-showcase button:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
@media (prefers-reduced-motion: reduce) { .direl-term-showcase .swiper-slide { transition: none; } }
