/**
 * RSTQ Modern — fleet card scroll bounce + teal border (standalone add-on)
 *
 * Reference: aboveandbeyondsav.com/about-vehicles/
 *   - Divi 5 Waypoint entrance `slideBottom` / `et_pb_slideBottom`, 1000ms,
 *     delays 0/150/250ms, intensity 50%, start opacity 0%, ease-in-out, once.
 *   - Card chrome: 1px solid rgb(205,177,21), radius 30px, pad 0, box-shadow none.
 *
 * Ours (no proprietary copy): transform-only soft bounce-in (theme forces
 * opacity:1 !important on fleet cards to kill GoodLayers reveal — fading would
 * lose that fight). Teal ring #1eacc7 / hover #1796af, radius 20px.
 * Animates .limoking-car-item only — safe with fleet-hover.js crossfade.
 */

/* ---- Teal border ---- */
html body.page-id-5787 .car-item-wrapper .limoking-item.limoking-car-item,
html body.page-id-5787 .limoking-item.limoking-car-item.limoking-modern-car,
html body.home .limoking-item.limoking-car-item,
html body.home .limoking-car-item.limoking-modern-car,
html body.page-id-5702 .limoking-item.limoking-car-item,
html body.page-id-5702 .limoking-car-item.limoking-modern-car {
  box-sizing: border-box !important;
  border: 1px solid #1eacc7 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background-clip: padding-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

html body.page-id-5787 .limoking-car-item .limoking-modern-car-ux,
html body.page-id-5787 .limoking-car-item .limoking-ux,
html body.home .limoking-car-item .limoking-modern-car-ux,
html body.page-id-5702 .limoking-car-item .limoking-modern-car-ux {
  border-radius: 19px;
  overflow: hidden;
}

html body.page-id-5787 .limoking-car-item .car-thumbnail,
html body.home .limoking-car-item .car-thumbnail,
html body.page-id-5702 .limoking-car-item .car-thumbnail {
  border-radius: 19px 19px 0 0;
}

html body.page-id-5787 .limoking-car-item:hover,
html body.page-id-5787 .limoking-car-item:focus-within,
html body.home .limoking-car-item:hover,
html body.home .limoking-car-item:focus-within,
html body.page-id-5702 .limoking-car-item:hover,
html body.page-id-5702 .limoking-car-item:focus-within {
  border-color: #1796af !important;
  box-shadow: 0 0 0 1px rgba(23, 150, 175, 0.45), 0 6px 18px rgba(30, 172, 199, 0.2) !important;
}

/* ---- Bounce (transform only) ---- */
@keyframes rstq-fleet-bounce-in {
  0%   { transform: translate3d(0, 40px, 0); }
  55%  { transform: translate3d(0, -8px, 0); }
  75%  { transform: translate3d(0, 3px, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

@media (prefers-reduced-motion: no-preference) {
  html.rstq-fleet-bounce-ready body.page-id-5787 .limoking-car-item.rstq-bounce-wait,
  html.rstq-fleet-bounce-ready body.home .limoking-car-item.rstq-bounce-wait,
  html.rstq-fleet-bounce-ready body.page-id-5702 .limoking-car-item.rstq-bounce-wait {
    transform: translate3d(0, 40px, 0);
  }

  html.rstq-fleet-bounce-ready body.page-id-5787 .limoking-car-item.rstq-bounce-play,
  html.rstq-fleet-bounce-ready body.home .limoking-car-item.rstq-bounce-play,
  html.rstq-fleet-bounce-ready body.page-id-5702 .limoking-car-item.rstq-bounce-play {
    animation-name: rstq-fleet-bounce-in;
    animation-duration: 0.85s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-delay: var(--rstq-bounce-delay, 0ms);
  }

  html.rstq-fleet-bounce-ready .limoking-car-item.rstq-bounce-play[data-rstq-bounce-i="0"] {
    --rstq-bounce-delay: 0ms;
  }
  html.rstq-fleet-bounce-ready .limoking-car-item.rstq-bounce-play[data-rstq-bounce-i="1"] {
    --rstq-bounce-delay: 150ms;
  }
  html.rstq-fleet-bounce-ready .limoking-car-item.rstq-bounce-play[data-rstq-bounce-i="2"] {
    --rstq-bounce-delay: 250ms;
  }

  html.rstq-fleet-bounce-ready body.page-id-5787 .limoking-car-item.rstq-bounce-done,
  html.rstq-fleet-bounce-ready body.home .limoking-car-item.rstq-bounce-done,
  html.rstq-fleet-bounce-ready body.page-id-5702 .limoking-car-item.rstq-bounce-done {
    transform: none;
    animation: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.rstq-fleet-bounce-ready .limoking-car-item.rstq-bounce-wait,
  html.rstq-fleet-bounce-ready .limoking-car-item.rstq-bounce-play {
    transform: none !important;
    animation: none !important;
  }
}