.woocommerce-product-gallery .mdvp-video-slide { width: 100%; }
.mdvp-video-frame { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; background: #f7f4ef; }
.mdvp-video-frame video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.mdvp-video-frame iframe { display: block; width: 100%; height: 100%; border: 0; background: #fff; }
.mdvp-card-video-host { position: relative !important; }
.mdvp-card-video-host > img,
.mdvp-card-video-host > picture { visibility: hidden !important; }
.mdvp-card-video-host .mdvp-archive-video { position: absolute; inset: 0; z-index: 3; display: block; width: 100%; height: 100%; object-fit: cover; background: #f7f4ef; pointer-events: none; }
.woocommerce-product-gallery .flex-control-thumbs li {
  position: relative;
}

/* Ninguna foto lleva icono: JavaScript marca exclusivamente la miniatura del vídeo. */
.woocommerce-product-gallery .flex-control-thumbs li::before,
.woocommerce-product-gallery .flex-control-thumbs li::after {
  content: none !important;
  display: none !important;
}

.woocommerce-product-gallery .flex-control-thumbs li.mdvp-video-thumb::after {
  content: "▶" !important;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  display: grid !important;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #fff;
  background: rgba(63, 15, 92, .78);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .24);
  pointer-events: none;
  z-index: 4;
}

.mdvp-blocksy-trigger {
  position: relative;
  flex: 0 0 68px;
  width: 68px;
  height: 68px;
  padding: 0;
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 3px;
  background: #f7f4ef;
  cursor: pointer;
}

.mdvp-blocksy-trigger:hover,
.mdvp-blocksy-trigger:focus-visible {
  border-color: #6b168f;
}

.mdvp-blocksy-trigger img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mdvp-blocksy-trigger .mdvp-play-icon {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding-left: 2px;
  border-radius: 50%;
  color: #fff;
  background: rgba(63, 15, 92, .82);
  box-shadow: 0 2px 9px rgba(0, 0, 0, .3);
}

.mdvp-blocksy-trigger-row {
  display: flex;
  margin-top: 14px;
}

.mdvp-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(20, 10, 24, .82);
}

.mdvp-modal[hidden] { display: none !important; }
.mdvp-modal-dialog { position: relative; width: min(720px, 100%); max-height: 92vh; }
.mdvp-modal-content { width: 100%; max-height: 88vh; overflow: hidden; border-radius: 8px; background: #000; }
.mdvp-modal-content video { display: block; width: 100%; max-height: 88vh; background: #000; }
.mdvp-modal-content iframe { display: block; width: 100%; height: min(82vh, 760px); border: 0; background: #fff; }
.mdvp-modal-close { position: absolute; z-index: 2; top: -16px; right: -16px; display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; color: #fff; background: #6b168f; font-size: 28px; line-height: 1; cursor: pointer; }
body.mdvp-modal-open { overflow: hidden; }

/* Blocksy puede heredar el estilo en mayúsculas/negrita del resumen del producto. */
.single-product .woocommerce-product-details__short-description p,
.single-product .woocommerce-product-details__short-description li,
.single-product .woocommerce-Tabs-panel--description p,
.single-product .woocommerce-Tabs-panel--description li,
.single-product #tab-description p,
.single-product #tab-description li {
  text-transform: none !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
  letter-spacing: normal !important;
}

.single-product .woocommerce-Tabs-panel--description p + p,
.single-product #tab-description p + p {
  margin-top: 1.25em;
}

@media (max-width: 689px) {
  .mdvp-modal { padding: 14px; }
  .mdvp-modal-close { top: -10px; right: -8px; }
}
