/* KoraHubs Player Pro v1.6.0 - shell + overrides. The controls themselves use Plyr's own stylesheet (plyr.css, class names plyr__*). */
.khp-player{position:relative;width:100%;max-width:100%;margin:16px 0;background:#000;border-radius:16px;overflow:hidden;box-sizing:border-box;font-family:Arial,Tajawal,sans-serif;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.28)}
.khp-player *{box-sizing:border-box}
.khp-topbar{position:absolute;z-index:30;left:0;right:0;top:0;height:58px;padding:10px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(#0008,transparent)}
.khp-left-tools{display:flex;flex-direction:column;gap:6px;pointer-events:auto}
.khp-tool{width:54px;height:38px;border:1px solid #444;background:#111c;color:#eee;border-radius:9px;font-size:19px}
.khp-lang{pointer-events:auto;border:0;border-radius:11px;background:#5a16a8;color:#fff;padding:10px 22px;font-weight:800;font-size:16px}
.khp-share{pointer-events:auto;border:0;background:transparent;color:#fff;font-size:0;width:50px;height:50px;position:relative}
.khp-share:after{content:'↗';font-size:42px;font-weight:900}

/* stage = the Plyr container */
.khp-player .khp-stage{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;min-width:0}
.khp-player .khp-stage .plyr__video-wrapper{position:absolute;inset:0;width:100%;height:100%;margin:0}
.khp-player .khp-stage video.khp-video{position:absolute;inset:0;width:100%;height:100%;border:0;display:none;background:#000;object-fit:contain}
.khp-player .khp-stage video.khp-video.is-active{display:block}
.khp-logo{position:absolute;z-index:15;width:var(--khp-logo-width);max-width:40%;opacity:var(--khp-logo-opacity);pointer-events:none;user-select:none;transform:translate(var(--khp-logo-x),var(--khp-logo-y))}
.khp-logo-top-left{left:12px;top:12px}.khp-logo-top-right{right:12px;top:12px}.khp-logo-bottom-left{left:12px;bottom:60px}.khp-logo-bottom-right{right:12px;bottom:60px}
.khp-logo-center{left:50%;top:50%;transform:translate(calc(-50% + var(--khp-logo-x)),calc(-50% + var(--khp-logo-y)))}

/* loading ring + error box (Plyr has no spinner; the animated buffer bar is driven by .plyr--loading) */
.khp-loading{position:absolute;z-index:135;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border:4px solid rgba(255,255,255,.25);border-top-color:var(--plyr-color-main,#00b3ff);border-radius:50%;animation:khp-spin .8s linear infinite;pointer-events:none}
.khp-loading[hidden],.khp-error[hidden]{display:none}
.plyr--paused .khp-loading{display:none}
@keyframes khp-spin{to{transform:rotate(360deg)}}
.khp-error{position:absolute;z-index:135;left:50%;top:50%;transform:translate(-50%,-50%);background:#000c;padding:12px 18px;border-radius:10px;pointer-events:none;max-width:90%;text-align:center}

/* live position label (Plyr's current-time slot) */
.khp-player .plyr__time--current{cursor:pointer}
.khp-player .plyr__time--current.khp-at-live:before{content:'';display:inline-block;width:8px;height:8px;margin-inline-end:6px;border-radius:50%;background:#e51b45;vertical-align:middle}

/* servers bar */
.khp-servers{display:flex;gap:10px;padding:12px;background:#080808;overflow:auto}
.khp-server{flex:0 0 auto;padding:10px 20px;border:1px solid #58677d;background:#172033;color:#fff;border-radius:12px;font-size:16px}
.khp-server.is-active{background:#e51b45;border-color:#e51b45}
.khp-toast{position:absolute;z-index:100;bottom:75px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:9px 14px;border-radius:8px}
@media(max-width:600px){.khp-player{border-radius:10px}.khp-logo{max-width:34%}.khp-topbar{height:52px}.khp-lang{padding:8px 16px}.khp-tool{width:50px;height:35px}}

/* keep the theme from stealing clicks: the player sits above theme layers */
.khp-player{position:relative!important;z-index:10000!important;isolation:isolate!important;pointer-events:auto!important}
.khp-player .khp-stage .plyr__controls{z-index:140}
.khp-player .khp-stage .plyr__control--overlaid{z-index:140}
.khp-player .khp-stage .plyr__menu__container{z-index:160}
.khp-player .khp-topbar{z-index:130!important}
.khp-player .khp-logo,.khp-player .khp-error{pointer-events:none!important}
.khp-player .khp-servers,.khp-player .khp-servers *{pointer-events:auto}
.khp-player .khp-servers{position:relative;z-index:150!important}
.khp-player .khp-servers .khp-server{position:relative;z-index:151}
.khp-theme-player-host,.khp-theme-player-host .khp-player{position:relative!important;z-index:2147483646!important;pointer-events:auto!important;isolation:isolate!important}
.khp-theme-player-host .khp-player{touch-action:manipulation!important}
.khp-theme-player-host .khp-player .khp-servers,.khp-theme-player-host .khp-player .khp-servers *{pointer-events:auto!important}

/* fullscreen logo */
.khp-logo-hide-fullscreen{display:block}
.khp-player:fullscreen .khp-logo-hide-fullscreen,.khp-player:-webkit-full-screen .khp-logo-hide-fullscreen{display:none!important}
.khp-player:fullscreen .khp-logo,.khp-player:-webkit-full-screen .khp-logo{width:var(--khp-logo-fs-width);max-width:40%}
@media (orientation:landscape){.khp-player:fullscreen .khp-logo,.khp-player:-webkit-full-screen .khp-logo{width:var(--khp-logo-fs-landscape-width)}}
@media (orientation:portrait){.khp-player:fullscreen .khp-logo,.khp-player:-webkit-full-screen .khp-logo{width:var(--khp-logo-fs-portrait-width)}}

/* always-landscape fullscreen (fallback when the browser cannot lock orientation, e.g. iPhone Safari) */
.khp-force-landscape .khp-stage{height:100%!important;aspect-ratio:auto!important}
.khp-force-landscape .khp-servers{display:none}
.khp-pseudo-fs{position:fixed!important;left:0;top:0;z-index:2147483647;width:100vw;height:100vh;height:100dvh;max-width:none!important;margin:0!important;background:#000}
.khp-pseudo-fs .khp-stage,.khp-player:fullscreen .khp-stage,.khp-player:-webkit-full-screen .khp-stage{height:100%!important;aspect-ratio:auto!important}
.khp-pseudo-fs .khp-servers,.khp-player:fullscreen .khp-servers,.khp-player:-webkit-full-screen .khp-servers{display:none}
.khp-rot.khp-pseudo-fs,.khp-player.khp-rot:fullscreen,.khp-player.khp-rot:-webkit-full-screen{position:fixed!important;left:0;top:0;width:100vh!important;height:100vw!important;max-width:none!important;transform-origin:top left;transform:rotate(90deg) translateY(-100%)}