/* public/assets/page-studio/runtimes/background-hover.css */
/* Kind 4 runtime CSS for background hover behaviors that genuinely
   cannot be expressed as a plain per-node `:hover` rule (video pulse
   keyframe animation state). Verbatim shared between SSR and the
   builder canvas, declared via each component schema's behaviors.runtime.

   REMOVED (2026-09): the hover-color / hover-image swap rules that
   lived here previously never actually matched anything —
   [data-ps-bg-hover-color] [data-ps-bg-layer] is a DESCENDANT selector,
   but both attributes were always written onto the SAME element. Fill
   and overlay layer hover swap-color/swap-image are now emitted as
   genuine per-band `:hover` rules directly into page-styles by
   CssWriter/cssWriter.js — see BackgroundResolver.php's class docblock
   for the full incident. Nothing in this file needs to duplicate that
   any more. */

@layer ps-components {

  [data-ps-bg-hover-pulse="true"] [data-ps-bg-layer="video"] {
    transition: transform var(--ps-bg-pulse-duration, 1.2s) ease-in-out;
  }

  [data-ps-bg-hover-pulse="true"] [data-ps-bg-layer="video"].ps-bg-pulse-active {
    animation: ps-bg-pulse var(--ps-bg-pulse-duration, 1.2s) ease-in-out infinite;
  }

  @keyframes ps-bg-pulse {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(var(--ps-bg-pulse-scale, 1.05)); }
  }

}