/* ev-embed.css — click-to-play video facade.
 *
 * The poster is drawn entirely from local CSS. Pulling the provider's thumbnail
 * would be a request to the provider on page load, which is the thing the
 * facade exists to prevent.
 */

.ev-embed{
  position:relative;
  aspect-ratio:16/9;
  width:100%;
  margin:0 0 20px;
  border-radius:12px;
  overflow:hidden;
  background:var(--ev-ink,#333);
}

.ev-embed__poster{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:24px;
  border:0;
  cursor:pointer;
  text-align:center;
  background:linear-gradient(140deg,#3A3A3D 0%,#232326 100%);
  color:#fff;
  font:400 14px/1.4 var(--ev-ui,system-ui,-apple-system,'Segoe UI',sans-serif);
}
.ev-embed__poster:hover{background:linear-gradient(140deg,#454549 0%,#2B2B2F 100%)}
.ev-embed__poster:focus-visible{outline:3px solid var(--ev-coral,#EE365B);outline-offset:-3px}

.ev-embed__play{
  width:62px;height:62px;border-radius:50%;
  background:var(--ev-coral-deep,#C9143F);
  display:flex;align-items:center;justify-content:center;flex:none;
  transition:transform .12s ease;
}
.ev-embed__play::after{
  content:'';
  border-style:solid;
  border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent #fff;
  margin-left:5px;
}
.ev-embed__poster:hover .ev-embed__play{transform:scale(1.07)}

.ev-embed__label{
  font-weight:600;font-size:16px;line-height:1.3;
  max-width:34ch;
}
.ev-embed__note{
  font-size:12.5px;
  color:rgba(255,255,255,.72);
}

.ev-embed__frame{position:absolute;inset:0;width:100%;height:100%;border:0}

/* TikTok and anything else that can only be linked out. */
.ev-embed-link{margin:0 0 16px}
.ev-embed-link a{
  display:inline-block;
  font:600 15px/1.4 var(--ev-ui,system-ui,sans-serif);
  color:var(--ev-coral-ink,#CE1E42);
  text-decoration:underline;text-underline-offset:2px;
}
.ev-embed-link__host{font-weight:400;color:var(--ev-ink-3,#909093)}

@media (max-width:620px){
  .ev-embed__play{width:52px;height:52px}
  .ev-embed__label{font-size:15px}
}