/* ======================================================================
   WPMC Row FX (v1.1.1)
   Targets core/group Row variation (flex horizontal).
   ====================================================================== */

.wpmc-row-fx {
  border: var(--wpmc-row-border-width, 0px) var(--wpmc-row-border-style, solid) var(--wpmc-row-border-color, transparent);
  border-radius: var(--wpmc-row-radius, 0px);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
  will-change: transform, box-shadow, filter;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  overflow: visible;

  /* базово: все нижче контенту */
  position: relative;
  z-index: 0;
}

.wpmc-row-fx.wpmc-hover-lift,
.wpmc-row-fx.wpmc-hover-glow {
  box-shadow: var(--wpmc-row-rest-shadow, 0 0 0 rgba(0,0,0,0));
}

.wpmc-row-fx.wpmc-hover-tilt:hover {
  transform: perspective(var(--wpmc-row-persp, 800px))
             rotateX(var(--wpmc-row-tilt-x, -2deg))
             rotateY(var(--wpmc-row-tilt-y, 2deg))
             scale(var(--wpmc-row-tilt-scale, 1.01));
}

.wpmc-row-fx.wpmc-hover-lift:hover {
  transform: translateY(calc(var(--wpmc-row-lift, 4px) * -1)) scale(var(--wpmc-row-lift-scale, 1.01));
  box-shadow: 0 10px calc(var(--wpmc-row-lift-shadow, 28px)) rgba(0,0,0,0.18);
}

.wpmc-row-fx.wpmc-hover-glow:hover {
  /* glow слабший і завжди позаду контенту */
  box-shadow:
    0 0 calc(var(--wpmc-row-glow-spread, 10px)) var(--wpmc-row-glow-color, rgba(0, 123, 255, 0.4)),
    0 3px 12px rgba(0,0,0,0.06);
  filter: saturate(1.03);
  transform: translateZ(0);
  z-index: 0;
}

.wpmc-row-fx.wpmc-hover-glow > * {
  position: relative;
  z-index: 1; /* контент завжди поверх glow */
}

@media (prefers-reduced-motion: reduce) {
  .wpmc-row-fx { transition: none !important; }
  .wpmc-row-fx:hover { transform: none !important; }
}