/* Wrapper with aspect ratio & optional max-width */
.mx-yt-wrap{position:relative;width:100%;background:#000;overflow:hidden}
.mx-yt-wrap::before{content:"";display:block;padding-top:var(--mx-yt-aspect,56.25%)}
.mx-yt-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.mx-yt-align-center{margin-left:auto;margin-right:auto}
.mx-yt-align-right{margin-left:auto;margin-right:0}

/* Lite poster host */
.mx-yt-lite{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;cursor:pointer}
.mx-yt-lite::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.35));opacity:.9;transition:.2s;pointer-events:none}
.mx-yt-play{position:relative;z-index:2;border:0;border-radius:50%;width:68px;height:48px;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mx-yt-play::before{content:"";display:block;border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff;margin-left:4px}
.mx-yt-lite:focus,.mx-yt-play:focus{outline:2px solid #69f;outline-offset:2px}
.mx-yt-sr{position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}


/* === Icon styles (yt|minimal|none) === */
.mx-yt-style-yt .mx-yt-play{background:var(--mx-yt-icon-bg,#ff0000) !important;border-radius:12px !important;width:68px !important;height:48px !important;border:0 !important}
.mx-yt-style-yt .mx-yt-play::before{border-width:10px 0 10px 16px !important;border-color:transparent transparent transparent var(--mx-yt-icon-color,#fff) !important;margin-left:4px !important}
.mx-yt-style-minimal .mx-yt-play{background:var(--mx-yt-icon-bg,rgba(0,0,0,.6)) !important;border-radius:50% !important;width:68px !important;height:48px !important;border:0 !important}
.mx-yt-style-minimal .mx-yt-play::before{border-width:10px 0 10px 16px !important;border-color:transparent transparent transparent var(--mx-yt-icon-color,#fff) !important;margin-left:4px !important}

/* When icon=none, no button is rendered; click anywhere still works */