.hts-ycp { width:100%; max-width:100%; margin:1em 0; }
.hts-ycp__preview { position:relative; width:100%; aspect-ratio:16 / 9; overflow:hidden; background:#17202a; }
.hts-ycp__thumbnail, .hts-ycp__no-thumbnail { display:block; width:100%; height:100%; object-fit:cover; }
.hts-ycp__no-thumbnail { background:linear-gradient(135deg,#283747,#526777); }
.hts-ycp__play { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); width:76px; height:54px; border:0; border-radius:15px; background:#c4302b; cursor:pointer; box-shadow:0 2px 8px #0005; }
.hts-ycp__play span { display:block; margin:auto; width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:19px solid #fff; transform:translateX(2px); }
.hts-ycp__play:hover { filter:brightness(1.08); }
.hts-ycp__message { position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:clamp(14px,3vw,32px); overflow:auto; background:rgba(250,250,248,.97); color:#263746; text-align:center; }
.hts-ycp__message[hidden] { display:none !important; }
.hts-ycp__message-inner { width:100%; max-width:560px; margin:auto; }
.hts-ycp__message-text { margin:0 0 18px; font-size:clamp(14px,1.5vw,18px); line-height:1.6; }
.hts-ycp__actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.hts-ycp__actions button { padding:10px 16px; border:1px solid #4a6884; border-radius:4px; background:#4a6884; color:#fff; font:inherit; cursor:pointer; }
.hts-ycp__actions .hts-ycp__settings { background:transparent; color:#4a6884; }
.hts-ycp__player { position:absolute; inset:0; width:100%; height:100%; border:0; }
.hts-ycp--playing .hts-ycp__preview { background:#000; }
.hts-ycp--playing .hts-ycp__player { position:relative; display:block; }
.hts-ycp--playing .hts-ycp__preview { aspect-ratio:16 / 9; }
@media (max-width:480px) { .hts-ycp__play { width:62px; height:44px; border-radius:12px; } .hts-ycp__play span { border-top-width:10px; border-bottom-width:10px; border-left-width:16px; } }

/* v1.1.0: triangle-only play button for both video services */
.hts-ycp .hts-ycp__play { width:76px; height:76px; background:transparent!important; border:0; border-radius:0; box-shadow:none; padding:0; }
.hts-ycp .hts-ycp__play span { border-top:25px solid transparent; border-bottom:25px solid transparent; border-left:40px solid white; transform:translateX(4px); }
.hts-ycp .hts-ycp__play:hover { opacity:.8; }

/* v1.1.2: explicit paint layers for Enfold video previews. */
.hts-ycp .hts-ycp__preview {
  isolation: isolate;
  position: relative;
}
.hts-ycp .hts-ycp__preview > .hts-ycp__thumbnail,
.hts-ycp .hts-ycp__preview > .hts-ycp__no-thumbnail {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
  opacity: 1 !important;
}
.hts-ycp .hts-ycp__preview > .hts-ycp__play { z-index: 2 !important; }
.hts-ycp .hts-ycp__preview > .hts-ycp__message { z-index: 3 !important; }
.hts-ycp .hts-ycp__preview > .hts-ycp__player { z-index: 4 !important; }