/**
 * DLB surface motion — reusable interaction primitives for cards and tiles.
 *
 * .dlb-surface--interactive  Lift + elevated shadow on hover (icon tiles, grid cards)
 * .dlb-surface--media-dim      Photo dim on hover (photo cards, promo panels)
 * .dlb-surface--static         No lift — use when a card contains its own CTA button
 * .dlb-reveal                  Scroll entrance; theme.js toggles .is-visible
 */

/* Scroll reveal */
.dlb-reveal {
  opacity: 1;
  transform: none;
  transition:
    opacity 0.55s ease,
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--dlb-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.js .dlb-reveal:not(.is-visible) {
  opacity: 0;
  transform: translateY(16px);
}

.dlb-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Hover lift */
.dlb-surface--interactive {
  transition: var(--surface-transition);
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .dlb-surface--interactive:hover,
  .dlb-surface--interactive:focus-within {
    box-shadow: var(--shadow-card-hover);
    transform: translateY(var(--surface-lift-y));
  }

  .dlb-card.dlb-surface--interactive:hover,
  .dlb-card.dlb-surface--interactive:focus-within {
    box-shadow: var(--shadow-rugged-hover);
  }

  .dlb-content-section--light .dlb-card.dlb-surface--interactive:hover,
  .dlb-content-section--light .dlb-card.dlb-surface--interactive:focus-within,
  .dlb-card--article.dlb-surface--interactive:hover,
  .dlb-card--article.dlb-surface--interactive:focus-within {
    box-shadow: var(--shadow-card-hover);
  }
}

.dlb-surface--static,
.dlb-surface--static:hover,
.dlb-surface--static:focus-within,
.dlb-surface--static:focus-visible {
  transform: none;
}

/* Icon accent on interactive tiles */
@media (hover: hover) {
  .dlb-surface--interactive:hover .dlb-home-explore__icon,
  .dlb-surface--interactive:focus-within .dlb-home-explore__icon,
  .dlb-surface--interactive:hover .dlb-hub-wireframe-cards__icon,
  .dlb-surface--interactive:focus-within .dlb-hub-wireframe-cards__icon {
    color: var(--brown-dark-hover);
  }
}

/* Photo dim */
.dlb-surface--media-dim .dlb-card__media {
  transition: opacity 0.35s ease;
}

@media (hover: hover) {
  .dlb-surface--media-dim:hover .dlb-card__media,
  .dlb-surface--media-dim:focus-within .dlb-card__media {
    opacity: 0.88;
  }
}

/* Photo zoom (featured panels) */
.dlb-surface--media-zoom .dlb-home-news-featured__media {
  transition: transform 0.35s ease;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .dlb-surface--media-zoom:hover .dlb-home-news-featured__media,
  .dlb-surface--media-zoom:focus-within .dlb-home-news-featured__media {
    transform: scale(1.03);
  }
}

@media (prefers-reduced-motion: reduce) {
  .dlb-reveal,
  .dlb-reveal.is-visible,
  .js .dlb-reveal:not(.is-visible) {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .dlb-surface--interactive,
  .dlb-surface--interactive:hover,
  .dlb-surface--interactive:focus-within {
    transform: none;
  }
}