/* QK Web Enhanced — UI for the plugin settings + phone tweaks */
.qk-toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;z-index:99999;
  background:rgba(20,20,28,.92);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;max-width:88vw;text-align:center;
  box-shadow:0 6px 30px rgba(0,0,0,.5);transition:all .25s ease;pointer-events:none}
.qk-toast.on{opacity:1;transform:translate(-50%,0)}

#qk-settings{margin:0 0 2rem;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#fff}
#qk-settings h2{font-size:1.4rem;font-weight:700;margin:0 0 10px}
.qk-set-note{opacity:.6;font-size:13px;margin:12px 0 4px}
.qk-set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.qk-set-row:last-child{border-bottom:0}
.qk-set-txt{display:flex;flex-direction:column;min-width:0}
.qk-set-txt small{opacity:.6;font-size:12px;margin-top:2px;line-height:1.3}
.qk-set-ctl{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#qk-settings select,.qk-modal select,.qk-modal input[type=text]{background:rgba(0,0,0,.35);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:7px 10px;font-size:14px;max-width:60vw}
#qk-settings button,.qk-modal button{border:0;border-radius:10px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;color:#fff;background:rgba(255,255,255,.12)}
#qk-settings .qk-primary,.qk-modal .qk-primary{background:#fff;color:#111}
.qk-switch{position:relative;width:44px;height:26px;flex:0 0 auto;cursor:pointer}
.qk-switch input{opacity:0;width:0;height:0}
.qk-switch i{position:absolute;inset:0;border-radius:99px;background:rgba(255,255,255,.2);transition:.2s}
.qk-switch i:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}
.qk-switch input:checked+i{background:#e50914}
.qk-switch input:checked+i:before{transform:translateX(18px)}
.qk-modal{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.qk-modal-box{background:#17171f;color:#fff;border-radius:18px;padding:18px 20px;width:min(520px,100%);max-height:85vh;overflow:auto;border:1px solid rgba(255,255,255,.1)}
.qk-modal-box h3{margin:0 0 8px;font-size:1.2rem}
.qk-modal-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}

/* ---- phones ---- */
html.qk-theme-liquid-glass.qk-mobile #qk-resume-bar{margin:70px 10px 6px!important;padding:10px!important;border-radius:14px!important}
html.qk-theme-liquid-glass.qk-mobile .qk-rb-card{width:250px!important}
html.qk-theme-liquid-glass.qk-mobile .qk-rb-card:hover{transform:none!important}
html.qk-mobile #qk-dx-modal > div{width:94vw!important;max-height:86vh!important}
html.qk-mobile #qk-settings{margin:0 0 1.2rem;padding:14px}

/* no local streaming server on the web: debrid links play without it, so hide the nag */
[class*="board-warning-container"]{display:none!important}

/* phones: native-app style bottom tab bar instead of the theme's top pill bar */
html.qk-theme-liquid-glass.qk-mobile #app [class*="main-nav-bars-container"] [class*="vertical-nav-bar"][class*="vertical-nav-bar"]{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;max-width:none!important;height:auto!important;transform:none!important;margin:0!important;
  display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:0!important;padding:6px 4px calc(6px + env(safe-area-inset-bottom))!important;
  border-radius:0!important;background:rgba(12,12,18,.9)!important;backdrop-filter:blur(22px) saturate(1.4)!important;-webkit-backdrop-filter:blur(22px) saturate(1.4)!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;z-index:60!important;overflow:visible!important}
html.qk-theme-liquid-glass.qk-mobile #app [class*="main-nav-bars-container"] [class*="vertical-nav-bar"][class*="vertical-nav-bar"]::before{display:none!important}
html.qk-theme-liquid-glass.qk-mobile #app [class*="main-nav-bars-container"] [class*="vertical-nav-bar"][class*="vertical-nav-bar"] [class*="nav-tab-button"][class*="nav-tab-button"]{flex:1 1 0!important;width:auto!important;min-width:0!important;height:54px!important;margin:0 2px!important;padding:0!important;border-radius:14px!important}
html.qk-theme-liquid-glass.qk-mobile #app [class*="board-content"],html.qk-theme-liquid-glass.qk-mobile #app [class*="discover-content"],html.qk-theme-liquid-glass.qk-mobile #app [class*="library-content"],html.qk-theme-liquid-glass.qk-mobile #app [class*="calendar-content"],html.qk-theme-liquid-glass.qk-mobile #app [class*="addons-content"],html.qk-theme-liquid-glass.qk-mobile #app [class*="sections-container"]{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
/* phones: 3 posters per row */
html.qk-theme-liquid-glass.qk-mobile #app [class*="board-row-poster"] [class*="meta-items-container"] > [class*="meta-item"][class*="poster-shape-poster"]{flex:0 0 30vw!important;width:30vw!important;min-width:0!important;max-width:30vw!important}
/* phones: search button sits next to the profile button instead of on top of it */
html.qk-theme-liquid-glass.qk-mobile #app nav[class*="horizontal-nav-bar"] [class*="search-bar"][class*="search-bar-container"]{position:relative!important;left:auto!important;right:auto!important;top:0!important;bottom:auto!important;transform:none!important;margin:0 8px 0 auto!important}
html.qk-theme-liquid-glass.qk-mobile #app nav[class*="horizontal-nav-bar"] [class*="search-bar"][class*="search-bar-container"]:focus-within{width:calc(100vw - 150px)!important}
/* phones: just the title under posters */
html.qk-theme-liquid-glass.qk-mobile .enhanced-title-bar .enhanced-metadata{display:none!important}
html.qk-theme-liquid-glass.qk-mobile .enhanced-title-bar .enhanced-title{width:100%!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:12px!important}

/* readable empty text + solid profile menu on every theme */
.qk-rb-empty{color:rgba(255,255,255,.7)!important;opacity:1!important}
#app [class*="nav-menu-container"]{background:rgba(16,16,18,.98)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;box-shadow:0 18px 50px rgba(0,0,0,.7)!important}

/* ---- TV (remote control): big, obvious focus; nothing depends on hover ---- */
html.qk-tv{font-size:20px}
html.qk-tv *:focus{outline:none!important}
html.qk-tv #app a:focus,html.qk-tv #app button:focus,html.qk-tv #app [tabindex]:focus,html.qk-tv #app [class*="button-container"]:focus,
html.qk-tv .hero-overlay-button-watch:focus,html.qk-tv .hero-overlay-button:focus,html.qk-tv #qk-resume-bar button:focus,html.qk-tv #qk-settings :focus{
  box-shadow:0 0 0 4px #fff!important;border-radius:6px;transform:scale(1.04);transition:transform .15s ease,box-shadow .15s ease;z-index:6;position:relative}
html.qk-tv #app [class*="meta-item-link"]:focus{box-shadow:none!important;transform:none}
html.qk-tv #app [class*="meta-item-link"]:focus [class*="poster-container"]{box-shadow:0 0 0 4px #fff,0 18px 40px rgba(0,0,0,.8)!important;transform:scale(1.08)!important}
html.qk-tv #app [class*="meta-item"]:focus-within{z-index:6!important}
html.qk-tv #app [class*="nav-tab-button"]:focus{box-shadow:none!important;transform:none}
html.qk-tv #app [class*="nav-tab-button"]:focus [class*="label"],html.qk-tv #app [class*="nav-tab-button"]:focus .nav-label{color:#fff!important;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:3px}
html.qk-tv #app [class*="stream-container"]:focus,html.qk-tv #app [class*="video-container"]:focus{background:rgba(255,255,255,.14)!important;box-shadow:inset 4px 0 0 #e50914!important;transform:none}
html.qk-tv #app [class*="board-row"] [class*="see-all-container"]{opacity:1!important}
html.qk-tv #qk-tk-statsbtn{display:none!important}