/*
 * Hover / focus affordances — restores the interaction feedback Framer's stripped
 * variant runtime used to drive. Every element that had a hover/tap variant carries
 * data-highlight="true"; with the runtime gone they sit frozen with no feedback.
 * Pure CSS, keyed only off stable data-framer-name (all breakpoint variants DT/TL/MB
 * listed; the non-visible copies are display:none so inert), degrades gracefully
 * with no JS. Copied + link-injected like mobilenav.css (unconditional, inert where
 * the names are absent). The level pills and FAQ chips carry their own hover in
 * level-switcher.css / faq-filter.css.
 */

/* Primary buttons / full pills (faithful: lift + soft shadow + slight darken).
   Covers "Primary" (8px pill: navbar + section CTAs) and "* PR" (250px pill:
   level-card CTAs, "mehr erfahren", Beratung, ueber-uns). */
[data-framer-name='Primary'],
[data-framer-name='DT PR'],
[data-framer-name='TL PR'],
[data-framer-name='MB PR'] {
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
  will-change: transform;
}
[data-framer-name='Primary']:hover,
[data-framer-name='DT PR']:hover,
[data-framer-name='TL PR']:hover,
[data-framer-name='MB PR']:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(15, 54, 62, 0.18);
  filter: brightness(0.96);
}
[data-framer-name='Primary']:active,
[data-framer-name='DT PR']:active,
[data-framer-name='TL PR']:active,
[data-framer-name='MB PR']:active {
  transform: translateY(0);
  filter: brightness(0.92);
}
[data-framer-name='Primary']:focus-visible,
[data-framer-name='DT PR']:focus-visible,
[data-framer-name='TL PR']:focus-visible,
[data-framer-name='MB PR']:focus-visible {
  outline: 2px solid rgb(48, 180, 207);
  outline-offset: 2px;
}

/* Underline external links (approximate: opacity dip + underline). */
[data-framer-name='DT Underline'],
[data-framer-name='MB Underline'] {
  transition: opacity 0.18s ease;
}
[data-framer-name='DT Underline']:hover,
[data-framer-name='MB Underline']:hover {
  opacity: 0.7;
  text-decoration: underline;
}

/* Decorative feature / proof pills, non-link (approximate: faint lift). Also
   covers the FAQ filter chips (DT/MB SC), which pairs with their cursor:pointer. */
[data-framer-name='DT SC'],
[data-framer-name='TL SC'],
[data-framer-name='MB SC'] {
  transition: transform 0.18s ease;
}
[data-framer-name='DT SC']:hover,
[data-framer-name='TL SC']:hover,
[data-framer-name='MB SC']:hover {
  transform: translateY(-1px);
}

@media (prefers-reduced-motion: reduce) {
  [data-framer-name='Primary'],
  [data-framer-name='DT PR'],
  [data-framer-name='TL PR'],
  [data-framer-name='MB PR'],
  [data-framer-name='DT Underline'],
  [data-framer-name='MB Underline'],
  [data-framer-name='DT SC'],
  [data-framer-name='TL SC'],
  [data-framer-name='MB SC'] {
    transition: none;
  }
  [data-framer-name='Primary']:hover,
  [data-framer-name='DT PR']:hover,
  [data-framer-name='TL PR']:hover,
  [data-framer-name='MB PR']:hover,
  [data-framer-name='DT SC']:hover,
  [data-framer-name='TL SC']:hover,
  [data-framer-name='MB SC']:hover {
    transform: none;
  }
}