/* Premium EGYSHOW YouTube skin — all controls remain outside the official iframe. */
.player-root.youtube-native-ui{--yt-red:#ff1831;--yt-surface:#11141d;--yt-muted:#aab1c2;display:flex;flex-direction:column;min-height:320px;overflow:hidden;background:#07090d;color:#f6f7fa}
.youtube-native-ui .player-chrome--top{position:relative;z-index:2;flex:0 0 auto}
.youtube-native-ui .top-bar{position:relative;inset:auto;height:58px;min-height:58px;display:flex;align-items:center;gap:10px;padding:8px clamp(12px,2.4vw,24px);background:linear-gradient(110deg,#181d29,#10141c 75%);border-bottom:1px solid #292f3c}
.youtube-native-ui #playerTitle{font-size:clamp(12px,1.5vw,16px);font-weight:800;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.youtube-native-ui #playerSubtitle{font-size:10px;color:#9da8bb;line-height:1.3}
.youtube-native-ui .top-bar .back-button{background:#242b3a;border:1px solid #373f50;width:38px;height:38px;min-width:38px;min-height:38px}
.youtube-native-ui .top-bar .back-button:hover{background:#364357}
.youtube-native-ui .youtube-brand-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #373d4a;background:#232733;color:#f0f2f8;text-decoration:none;border-radius:999px;font:700 11px Cairo,system-ui,sans-serif;min-height:32px;padding:5px 13px;white-space:nowrap;transition:background .2s,border-color .2s}
.youtube-native-ui .youtube-brand-link:hover{background:#393f51;border-color:#677084}
.youtube-native-ui .youtube-frame-zone{position:relative;flex:1 1 auto;min-height:200px;width:100%;overflow:hidden;background:#000}
.youtube-native-ui #youtubeOfficialPlayer,.youtube-native-ui .youtube-frame-zone iframe{display:block;width:100%;height:100%;border:0;background:#000}
.youtube-native-ui #video,.youtube-native-ui #contentPoster,.youtube-native-ui .player-shade,.youtube-native-ui #centerControls,.youtube-native-ui .skip-actions,.youtube-native-ui #settingsPanel{display:none!important}
.youtube-native-ui #controlsLayer{position:relative;z-index:2;inset:auto;flex:0 0 auto;min-height:94px;padding:3px clamp(12px,2.5vw,28px) max(8px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#181d26,#101319);border-top:1px solid #303745;box-shadow:0 -5px 22px #0005}
.youtube-native-ui #controlsLayer .timeline-zone{height:31px;overflow:visible}
.youtube-native-ui #timeline{min-height:31px;touch-action:none;cursor:pointer}
.youtube-native-ui #timeline .timeline-track{height:4px;background:#ffffff36;transition:height .15s,box-shadow .15s}
.youtube-native-ui #timeline:hover .timeline-track,.youtube-native-ui #timeline.is-seeking .timeline-track{height:6px;box-shadow:0 0 0 1px #ffffff1b}
.youtube-native-ui #timeline #playedBar{background:linear-gradient(90deg,#cf081c,#ff374e)}
.youtube-native-ui #timeline #bufferedBar{background:#b1b7c58a}
.youtube-native-ui #timeline #timelineThumb{width:14px;height:14px;margin-left:-7px;transform:translateY(-50%) scale(.82);background:#ff2840;box-shadow:0 0 0 3px #ff29301e}
.youtube-native-ui #timeline:hover #timelineThumb,.youtube-native-ui #timeline.is-seeking #timelineThumb{transform:translateY(-50%) scale(1);opacity:1}
.youtube-native-ui #controlsLayer .control-row{min-height:48px;gap:8px}
.youtube-native-ui #controlsLayer .icon-button{min-width:41px;min-height:41px;border-radius:12px;transition:background .17s,transform .17s,color .17s}
.youtube-native-ui #controlsLayer .icon-button:hover{background:#ffffff19;color:#fff;transform:translateY(-1px)}
.youtube-native-ui #controlsLayer .icon-button:active{transform:scale(.96)}
.youtube-native-ui #controlsLayer #playBtn{background:var(--yt-red);color:#fff;width:43px;min-width:43px;height:43px;box-shadow:0 3px 13px #ff183133}
.youtube-native-ui #controlsLayer #playBtn:hover{background:#f74353}
.youtube-native-ui #controlsLayer .control-group{gap:2px}
.youtube-native-ui #rewindBtn,.youtube-native-ui #forwardBtn{display:inline-grid}
.youtube-native-ui #controlsLayer .volume-group input{width:75px;opacity:1;accent-color:#f4f5f7}
.youtube-native-ui #controlsLayer .volume-group{border-radius:12px}
.youtube-native-ui #controlsLayer .time-display{font-size:11px;font-weight:700;color:#d9deeb;font-variant-numeric:tabular-nums;direction:ltr;white-space:nowrap;margin-inline-start:8px}
.youtube-native-ui .youtube-speed{background:#282f3c;color:#fff;border:1px solid #3d4657;border-radius:11px;padding:8px 5px;font:700 12px Cairo,system-ui,sans-serif;cursor:pointer;margin:0 5px;max-width:85px;min-height:36px}
.youtube-native-ui .youtube-speed:hover{background:#354055}
.youtube-native-ui #loadingOverlay,.youtube-native-ui #errorOverlay,.youtube-native-ui .rich-ad-surface{display:none!important}
.youtube-native-ui .player-chrome{opacity:1!important;pointer-events:auto!important}
.youtube-native-ui .youtube-seek-tip{position:absolute;bottom:29px;left:50%;transform:translateX(-50%) translateY(3px);padding:5px 9px;font:700 11px system-ui,sans-serif;direction:ltr;white-space:nowrap;pointer-events:none;color:#fff;background:#10151ff0;border:1px solid #3f485a;border-radius:7px;opacity:0;visibility:hidden;transition:opacity .12s,transform .12s;box-shadow:0 3px 12px #0008;z-index:8}
.youtube-native-ui #timeline.youtube-previewing .youtube-seek-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.youtube-native-ui .youtube-feedback{position:absolute;bottom:calc(100% + 3px);inset-inline-start:16px;padding:7px 12px;border:1px solid #465168;background:#141925;color:#f8fafc;border-radius:8px;font:700 11px Cairo,system-ui,sans-serif;box-shadow:0 8px 20px #0008;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s;z-index:3;max-width:85%}
.youtube-native-ui .youtube-feedback.visible{opacity:1;visibility:visible}
.youtube-native-ui .youtube-source-link{color:#fff;background:#be1c2a;border-radius:999px;text-decoration:none;padding:7px 11px;font-size:11px;font-weight:700;white-space:nowrap}
.youtube-native-ui .youtube-source-link:hover{background:#ed2638}
.youtube-native-ui.youtube-preparing #playerSubtitle{color:#efb84e}
.youtube-native-ui.youtube-buffering #playerSubtitle{color:#f7c96b}
.youtube-native-ui.youtube-failed #playerSubtitle{color:#ff8089}
.youtube-native-ui #timeline:focus-visible,.youtube-native-ui .youtube-speed:focus-visible,.youtube-native-ui .youtube-brand-link:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:720px){
 .youtube-native-ui .top-bar{height:50px;min-height:50px;padding-inline:9px}
 .youtube-native-ui #playerTitle{font-size:12px}
 .youtube-native-ui #controlsLayer{padding:4px 9px max(7px,env(safe-area-inset-bottom));min-height:91px}
 .youtube-native-ui #controlsLayer .control-row{gap:3px}
 .youtube-native-ui #controlsLayer .icon-button{min-width:36px;min-height:38px}
 .youtube-native-ui #controlsLayer .volume-group input{display:none!important}
 .youtube-native-ui #controlsLayer .time-display{font-size:10px;margin-inline-start:4px}
 .youtube-native-ui #rewindBtn,.youtube-native-ui #forwardBtn,.youtube-native-ui #embedBtn{display:none}
 .youtube-native-ui .youtube-speed{max-width:66px;min-height:34px;font-size:11px;padding:5px 3px;margin:0 2px}
 .youtube-native-ui #controlsLayer #playBtn{min-width:38px;width:38px;height:38px}
}
@media(max-width:380px){
 .youtube-native-ui .youtube-brand-link{padding:4px 8px;font-size:10px}
 .youtube-native-ui #controlsLayer #embedBtn{display:none}
 .youtube-native-ui #controlsLayer .volume-group input{width:34px!important}
 .youtube-native-ui #controlsLayer .time-display{font-size:9px;margin-inline-start:2px}
}
@media(prefers-reduced-motion:reduce){
 .youtube-native-ui *, .youtube-native-ui *::before, .youtube-native-ui *::after{transition:none!important;animation:none!important}
}