/* V4 motion trial. Reuse the existing once-only entry engine in details.js.
   Images keep their normal behaviour, with no zoom or floating controls. */
.rrom-area-card { transition: border-color 220ms ease; }
.rrom-area-card:is(:hover, :focus-within) {
  border-color: var(--rrom-green, #0b691c) !important;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .rrom-area-card {
    transition: transform 240ms cubic-bezier(.2,.65,.3,1), border-color 220ms ease;
  }
  .rrom-area-card:hover:not(:focus-within) { transform: translateY(-3px); }
}
/* Core still controls opening, closing, focus and Escape. */
.rrom-nav .wp-block-navigation__responsive-container.is-menu-open {
  animation: rrom-menu-appear 180ms ease-out both;
}
@keyframes rrom-menu-appear {
  from { opacity: .9; transform: translateY(-5px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce), print {
  .rrom-area-card { transition: none !important; transform: none !important; }
  .rrom-nav .wp-block-navigation__responsive-container.is-menu-open { animation: none !important; }
}