/* v2.0.0 - stable, flicker-free, mobile responsive */
.tuyve-summary{ margin:12px 0 18px; position:relative; z-index:2; }
.tuyve-summary-btn{
  display:inline-flex; align-items:center; gap:10px; justify-content:center;
  width:300px; height:50px; padding:0 14px;
  background:#FF0000; color:#fff; border:0; border-radius:0; cursor:pointer;
  font-weight:700; font-size:16px; line-height:1; text-decoration:none;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  transition: background-color .15s ease, transform .02s ease;
}
.tuyve-summary-btn:hover{ background:#000; color:#fff; }
.tuyve-summary-btn .tuyve-play-svg{ width:20px; height:20px; display:block; }
.tuyve-summary-btn .tuyve-label{ color:#fff; }

/* Scroll lock when modal open */
html.tuyve-lock, body.tuyve-lock { overflow:hidden !important; }

/* Overlay */
#tuyve-overlay.tuyve-video-overlay{
  position: fixed; inset: 0; background: rgba(0,0,0,.85);
  display: none; align-items: center; justify-content: center;
  z-index: 999999; padding: 16px;
}
#tuyve-overlay.tuyve-video-overlay.is-visible{ display:flex; }

/* Modal: keep 16:9, fit screen */
#tuyve-overlay .tuyve-iframe-wrap{
  position: relative;
  width: clamp(320px, 95vw, 900px);
  aspect-ratio: 16 / 9;
  max-height: 90vh;
  background:#000; box-shadow: 0 10px 40px rgba(0,0,0,.5); border-radius: 8px; overflow:hidden;
}
@supports (height: 100dvh) {
  #tuyve-overlay .tuyve-iframe-wrap{ max-height: 90dvh; }
}
@supports (height: 100svh) {
  #tuyve-overlay .tuyve-iframe-wrap{ max-height: 90svh; }
}
#tuyve-overlay .tuyve-iframe-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* Close button */
#tuyve-overlay .tuyve-close{
  position: absolute; top: 16px; right: 16px; width: 32px; height: 32px;
  background: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: 0; cursor: pointer; text-indent:-9999px;
}
#tuyve-overlay .tuyve-close::before, #tuyve-overlay .tuyve-close::after{
  content:""; position:absolute; left:8px; right:8px; top:15px; height:2px; background:#000;
}
#tuyve-overlay .tuyve-close::before{ transform: rotate(45deg); }
#tuyve-overlay .tuyve-close::after{ transform: rotate(-45deg); }