/* =========================================================
   ONOS — Video Testimonials (YouTube)
   Additive stylesheet only. Nothing in style.css is modified;
   these rules style the new <img class="ot-yt-poster"> /
   <iframe class="ot-yt-embed"> elements that replaced the old
   locally-hosted <video> element, and extend the existing
   mobile nav-arrow hiding rule to every mobile width.
========================================================= */

/* Mirrors the sizing/behaviour the old .ot-video-frame video rule had,
   just targeting the new poster <img> and embed <iframe> instead. */
.ot-yt-poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #0b2247;
  transition: transform 0.6s var(--ease, ease);
  display: block;
}
.ot-card:hover .ot-yt-poster {
  transform: scale(1.06);
}

.ot-yt-embed {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}

/* The site already hides .test-arrow / .ot-nav-btn between 600–767px,
   but they were still visible below 600px and each slide wasn't
   guaranteed full width at every phone size. This extends that same
   behaviour across the whole mobile range without touching the
   original rule. */
@media (max-width: 767px) {
  .test-arrow,
  .ot-nav-btn {
    display: none !important;
  }
  .testimonial-page {
    grid-template-columns: 1fr !important;
  }
}