/* smartox-embed v1.0.0 */
.smx-wrap{position:relative;overflow:hidden;background:#000;max-width:100%;display:flex;flex-direction:column;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--smx-bar:#000;--smx-accent:#64b6ff;outline:none;user-select:none;-webkit-user-select:none;box-sizing:border-box}
.smx-wrap *{box-sizing:border-box}
.smx-stage{position:relative;overflow:hidden;aspect-ratio:16/9;width:100%;flex:none}
.smx-wrap.smx-fixed-h .smx-stage{aspect-ratio:auto}
.smx-wrap:fullscreen,.smx-wrap:-webkit-full-screen{width:100%!important;height:100%!important}
.smx-wrap:fullscreen .smx-stage,.smx-wrap:-webkit-full-screen .smx-stage{aspect-ratio:auto;height:auto!important;flex:1;min-height:0}
.smx-wrap svg{width:1em;height:1em;fill:currentColor;display:block}
.smx-frame{position:absolute;inset:0;overflow:hidden}
.smx-frame-inner{position:absolute;inset:0}
.smx-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.smx-shield{position:absolute;inset:0;z-index:2;cursor:pointer;display:none}
/* modalita' "shielded" (hideYtLogo=1): l'iframe non riceve mai il mouse, ritagliato di 60px sopra/sotto */
.smx-shielded .smx-frame,.smx-shielded .smx-frame iframe{pointer-events:none}
.smx-shielded .smx-frame-inner{top:-60px;bottom:-60px}
.smx-shielded .smx-shield{display:block}
.smx-no-pause[data-state=playing] .smx-shield{cursor:default}
.smx-poster{position:absolute;inset:0;z-index:3;background:#000 center/cover no-repeat;display:flex;align-items:center;justify-content:center;cursor:pointer}
.smx-wrap[data-state=playing] .smx-poster{opacity:0;pointer-events:none;transition:opacity .2s}
.smx-end-blank[data-state=ended] .smx-poster{background-image:none!important}
.smx-end-poster[data-state=ended] .smx-bigplay{display:none}
.smx-wrap[data-state=locked] .smx-bigplay,.smx-wrap[data-state=error] .smx-bigplay{display:none}
.smx-bigplay{width:72px;height:72px;border-radius:50%;border:0;background:var(--smx-accent);color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.45);transition:transform .15s;padding:0}
.smx-bigplay:hover{transform:scale(1.08)}
.smx-wrap[data-state=loading] .smx-bigplay{animation:smx-pulse 1s infinite ease-in-out}
@keyframes smx-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.smx-watermark{position:absolute;z-index:4;max-width:22%;max-height:22%;pointer-events:none;margin:12px}
.smx-wm-tl{top:0;left:0}.smx-wm-tr{top:0;right:0}.smx-wm-bl{bottom:0;left:0}.smx-wm-br{bottom:0;right:0}
.smx-sound{position:absolute;inset:0;z-index:5;display:none;align-items:center;justify-content:center;cursor:pointer}
.smx-sound.smx-on{display:flex}
.smx-sound img{max-width:60%;max-height:60%}
.smx-sound span{background:rgba(0,0,0,.75);color:#fff;padding:12px 22px;border-radius:999px;font-size:16px;display:flex;align-items:center;gap:8px}
.smx-lock{position:absolute;inset:0;z-index:6;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;margin:0}
.smx-lock-box{color:#fff;text-align:center;font-size:32px;padding:16px}
.smx-lock-box svg{margin:0 auto 8px}
.smx-lock-box label{display:block;font-size:15px;margin-bottom:12px}
.smx-lock-row{display:flex;gap:6px;justify-content:center}
.smx-lock-row input{font-size:14px;padding:8px 10px;border-radius:4px;border:1px solid #666;background:#111;color:#fff;min-width:160px}
.smx-lock-row button{font-size:14px;padding:8px 14px;border-radius:4px;border:0;background:var(--smx-accent);color:#fff;cursor:pointer}
.smx-lock.smx-busy button{opacity:.5;pointer-events:none}
.smx-lock-msg{font-size:13px;color:#ff8080;min-height:1.2em;margin:8px 0 0}
.smx-error{position:absolute;inset:0;z-index:7;display:none;align-items:center;justify-content:center;color:#fff;background:#111;font-size:15px;padding:20px;text-align:center}
.smx-wrap[data-state=error] .smx-error{display:flex}
.smx-bar{position:relative;z-index:8;display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--smx-bar);color:#fff;flex:none}
.smx-shielded .smx-bar{position:absolute;left:0;right:0;bottom:0;transition:opacity .25s,transform .25s}
.smx-wrap[data-state=locked] .smx-bar,.smx-wrap[data-state=error] .smx-bar{display:none}
.smx-shielded.smx-idle .smx-bar{opacity:0;transform:translateY(100%)}
.smx-shielded.smx-idle{cursor:none}
.smx-bar button{background:none;border:0;color:#fff;font-size:20px;padding:4px;cursor:pointer;opacity:.9;line-height:1}
.smx-bar button:hover{opacity:1}
.smx-no-pause[data-state=playing] .smx-play{display:none}
.smx-time{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.smx-bar input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(to right,var(--smx-accent) var(--smx-fill,0%),rgba(255,255,255,.3) var(--smx-fill,0%));cursor:pointer;margin:0;padding:0;border:0;outline:none}
.smx-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--smx-accent);border:0}
.smx-bar input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--smx-accent);border:0}
.smx-bar input[type=range]::-moz-range-track{background:transparent}
.smx-progress{flex:1;min-width:60px}
.smx-volume{width:70px}
.smx-speed{background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:4px;font-size:12px;padding:2px 4px;cursor:pointer}
.smx-speed option{color:#000}
@media (max-width:480px){.smx-volume,.smx-speed{display:none}.smx-bigplay{width:56px;height:56px;font-size:26px}}
