.ssm-plyr-wrapper{
  width: 100%;
  margin: 16px auto;
  position: relative;
  overflow: hidden;
}

/* Plyr container should fill wrapper (fixes ad overlay sizing) */
.ssm-plyr-wrapper .plyr,
.ssm-plyr-wrapper .plyr__video-wrapper{
  width: 100%;
  height: 100%;
}

.ssm-plyr-wrapper video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

/* Ad overlay */
.ssm-plyr-ad-container{
  display:none;
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
  z-index: 50;
  pointer-events: none; /* enable only during ads */
}

.ssm-plyr-theme-dark{
  background:#000;
  color:#fff;
  border-radius: 10px;
}
.ssm-plyr-theme-light{
  background:#fff;
  color:#000;
  border-radius: 10px;
}

@media (max-width: 768px){
  .ssm-plyr-wrapper{ margin: 12px auto; }
}
/* Skip button (custom) */
.ssm-plyr-skip-btn{
  position:absolute;
  right:12px;
  bottom:12px;
  z-index: 60;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.3);
  font-size: 14px;
  cursor: pointer;
  display: none;
}
.ssm-plyr-skip-btn[disabled]{
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive wrapper for embedded iframes (e.g., Gutenberg Custom HTML embeds) */
.ssm-iframe-wrapper{
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  margin: 16px auto;
}
.ssm-iframe-wrapper iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}