/* V12 — Clients navigation + contact carousel stability */

/* The Clients/portfolio page inherits a dark palette from the captured theme.
   Keep the main navigation at the lighter tone used elsewhere. */
body.client-side .header-menu__primary,
body.client-side .header-menu__primary:visited {
  color: #f2f2f2 !important;
  opacity: 1 !important;
}
body.client-side .header-menu__primary:hover,
body.client-side .header-menu__primary:active,
body.client-side .header-menu__primary:focus {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Client gallery pages hide the main header, so this only affects the visible
   Clients index navigation. */
body.client-side .header-menu__primary {
  text-decoration: none !important;
}

/* Contact/about carousel: don't apply the gallery's vertical reveal transform
   to the carousel image itself. It can interfere with Pixieset's carousel
   sizing/positioning. Fade the image only and let the carousel control its
   geometry. */
.element-photo-slider .carousel-slider .carousel-slider__photo,
.carousel-slider .carousel-slider__photo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  transform: none !important;
  will-change: opacity !important;
  box-sizing: border-box !important;
}

.carousel-slider .carousel-slider__photo.is-revealed,
.carousel-slider .carousel-slider__photo.lazyloaded {
  transform: none !important;
  opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-slider .carousel-slider__photo {
    transition: none !important;
    opacity: 1 !important;
  }
}