/* Contenedor inline del iframe.
 * Ratio alto para parecerse a las fotos verticales.
 */
.wc-yt-inline-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 150%;
}

.wc-yt-inline-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

/* Flechas custom en mobile (sin tocar los puntos / thumbs del tema) */
@media (max-width: 768px) {
  .woocommerce-product-gallery {
      position: relative;
  }

  .wc-yt-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: rgba(0,0,0,0.45);
      border: none;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      z-index: 5;
  }

  .wc-yt-arrow:focus {
      outline: none;
  }

  .wc-yt-arrow::before {
      content: "";
      width: 8px;
      height: 8px;
      border-style: solid;
      border-width: 0 2px 2px 0;
      border-color: #ffffff;
      display: inline-block;
  }

  .wc-yt-prev {
      left: 8px;
  }
  .wc-yt-prev::before {
      transform: rotate(135deg);
  }

  .wc-yt-next {
      right: 8px;
  }
  .wc-yt-next::before {
      transform: rotate(-45deg);
  }
}