@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
/* ===========================================================
   KinoProfi — Dark Glass sidebar  (kp-sidebar-glass.css)
   Scoped to .column-left only. Pure restyle, no markup changes.
   Rollback: remove the <link> in main.tpl / main2.tpl, or empty this file.
   =========================================================== */
.column-left{
  --acc:#3b82f6;--acc2:#6366f1;--em:#10b981;--gold:#f5c451;
  --glass:rgba(18,24,40,.66);--glass2:rgba(26,32,52,.72);
  --field:rgba(255,255,255,.06);
  --bd:rgba(255,255,255,.09);--bd2:rgba(255,255,255,.16);
  --tx:#ECEDF1;--mut:#9aa3bd;
  font-family:'Inter',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
.column-left,.column-left *{box-sizing:border-box}

/* ---- panels as frosted glass cards ---- */
.column-left .filter-block,
.column-left .genre-block,
.column-left .sort-block,
.column-left .serials-soon{
  background:var(--glass)!important;background-image:none!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
  border:1px solid var(--bd)!important;border-radius:16px!important;
  box-shadow:0 14px 40px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)!important;
  padding:12px!important;margin:0 0 14px!important;overflow:hidden;
}
.column-left .filter-block{padding:14px!important}
/* hide leftover empty ad filter-blocks on the home page (they have no heading/form) */
.column-left .filter-block:not(:has(.title-column)){display:none!important}


/* dividers between blocks -> subtle hairline */
.column-left .block_line{height:0!important;background:none!important;border:0!important;border-top:1px solid var(--bd)!important;margin:14px 0!important;opacity:.7}

/* ---- section headings ---- */
.column-left .title-column{
  background:transparent!important;background-image:none!important;color:var(--tx)!important;
  font:700 16px/1.3 'Inter',sans-serif!important;letter-spacing:-.01em;
  padding:2px 0 12px 12px!important;margin:0 0 10px!important;position:relative;text-shadow:none!important;
  border:0!important;border-radius:0!important;
}
.column-left .title-column:before{content:"";position:absolute;left:0;top:3px;width:4px;height:18px;border-radius:3px;
  background:linear-gradient(180deg,var(--acc),var(--acc2));box-shadow:0 0 10px rgba(59,130,246,.7)}
.column-left .title-column a{color:var(--tx)!important;text-decoration:none}
.column-left .title-column a:hover{color:#fff!important}

/* ---- top header tabs (Фильмы 2022 / Сериалы 2022 / ...) — перекраска gray->dark, родная раскладка темы (ul абсолютный) НЕ трогаем ---- */
.column-left nav.horizontal-menu{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.column-left nav.horizontal-menu ul li a{
  background:#141a2a!important;background-image:none!important;
  border-left:1px solid rgba(255,255,255,.08)!important;border-top:1px solid rgba(255,255,255,.14)!important;
  color:#cdd6ee!important;transition:background .18s,color .18s}
.column-left nav.horizontal-menu ul li a:hover{background:#1f2b47!important;color:#fff!important}
.column-left nav.horizontal-menu ul li a.active{background:linear-gradient(180deg,#2a3a5e,#1b2742)!important;color:#fff!important}
.column-left nav.horizontal-menu .name{color:inherit!important}

/* ---- text inputs (title / actor / director) ---- */
.column-left .filterbox input[type=text],
.column-left .actorTitle input,
.column-left input[type=text]{
  width:100%!important;background:var(--field)!important;border:1px solid var(--bd)!important;color:var(--tx)!important;
  border-radius:11px!important;padding:11px 13px!important;font:14px 'Inter',sans-serif!important;outline:none;
  transition:border-color .2s,box-shadow .2s}
.column-left input[type=text]::placeholder{color:var(--mut)!important;opacity:1}
.column-left input[type=text]:focus{border-color:var(--acc)!important;box-shadow:0 0 0 3px rgba(59,130,246,.25)!important}

/* контейнеры формы: убрать лишние padding/float, дать общий relative для дропдаунов */
.column-left .filterbox{padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important}
.column-left .bestMoviesNav{position:relative;margin:0!important;padding:0!important}
.column-left .lineinputform{float:none!important;width:100%!important;margin:0!important}

/* title search row + its button */
.column-left .actorTitle{position:relative;margin:0 0 8px!important;width:100%!important}
.column-left input[name="l.title"]{padding-right:48px!important}
.column-left .btn-dark{
  position:absolute!important;right:0!important;top:0!important;margin:0!important;height:100%;width:42px;
  display:flex;align-items:center;justify-content:center;border:0!important;border-radius:0 11px 11px 0!important;cursor:pointer;
  background:linear-gradient(135deg,var(--acc),var(--acc2))!important;color:#fff!important;box-shadow:none!important;transition:.2s}
.column-left .btn-dark:hover{filter:brightness(1.1)}
.column-left .btn-dark i{color:#fff!important}

/* ---- custom selects (Раздел / Жанры / Страна / Качество / Озвучка) ---- */
.column-left .selectCustom{
  width:100%!important;box-sizing:border-box!important;height:auto!important;min-height:0!important;line-height:1.35!important;
  background:var(--field)!important;border:1px solid var(--bd)!important;color:var(--tx)!important;
  border-radius:11px!important;padding:11px 34px 11px 13px!important;font-size:14px!important;cursor:pointer;position:relative;
  transition:border-color .2s,box-shadow .2s;margin:0 0 8px!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.column-left .selectCustom:hover{border-color:var(--bd2)!important}
.column-left .selectCustom:after{content:"";position:absolute;right:13px;top:50%;width:8px;height:8px;
  border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:translateY(-65%) rotate(45deg)}
.column-left .selectList{
  width:auto!important;left:0!important;right:0!important;box-sizing:border-box;
  background:var(--glass2)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border:1px solid var(--bd)!important;border-radius:11px!important;padding:6px!important;margin-top:4px!important;
  box-shadow:0 18px 44px rgba(0,0,0,.55)!important;color:var(--tx)!important}
.column-left .selectList .selectItem{border:0!important;background:none!important;border-radius:8px;padding:0!important;min-height:0!important}
.column-left .selectList .selectItem:hover{background:rgba(255,255,255,.06)!important}
.column-left .selectList .selectItem label{display:flex;align-items:center;gap:9px;color:var(--tx)!important;
  font-size:13px!important;padding:8px 10px!important;cursor:pointer;margin:0;white-space:normal}
/* чекбокс в строку (тема ставила его absolute) */
.column-left .selectList .selectItem input{position:static!important;top:auto!important;left:auto!important;margin:0!important;flex:none}
.column-left input[type=checkbox],.column-left input[type=radio]{accent-color:var(--acc);width:16px;height:16px;cursor:pointer}

/* ---- native selects (year / rating / order) — symmetric rows ---- */
.column-left .lineinput{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0!important;color:var(--mut)}
.column-left .lineinput b{flex:0 0 auto;color:var(--mut)!important;font-weight:500;font-size:12.5px;white-space:nowrap}
.column-left select.textin,.column-left .textin{
  flex:1 1 0;min-width:0;width:auto!important;
  background:var(--field)!important;border:1px solid var(--bd)!important;color:var(--tx)!important;
  border-radius:10px!important;padding:10px 11px!important;font:13px 'Inter',sans-serif!important;outline:none;cursor:pointer;
  transition:border-color .2s}
.column-left select.textin:focus{border-color:var(--acc)!important}
.column-left select.textin option{background:#141a2a;color:var(--tx)}

/* ---- sort radios — tidy one-per-row list ---- */
.column-left .lineinput .boxfilter{flex:0 0 100%;display:flex;align-items:center;gap:8px;margin:0!important;padding:3px 0}
.column-left .boxfilter label{color:var(--mut)!important;font-size:13px;cursor:pointer;margin:0}
.column-left .boxfilter input[type=radio]:checked + label{color:#fff!important}

/* ---- Применить / Очистить ---- */
.column-left .fbutton{
  border:0!important;border-radius:11px!important;padding:12px 18px!important;min-height:44px;
  font:700 14px 'Inter',sans-serif!important;color:#fff!important;cursor:pointer;
  background:linear-gradient(135deg,var(--acc),var(--acc2))!important;box-shadow:0 8px 22px rgba(59,130,246,.45)!important;
  transition:filter .2s,box-shadow .2s,transform .1s}
.column-left .fbutton:hover{filter:brightness(1.08);box-shadow:0 10px 28px rgba(99,102,241,.55)!important}
.column-left .fbutton:active{transform:scale(.97)}
.column-left .lineinput .fbutton + .fbutton{background:rgba(255,255,255,.08)!important;color:var(--mut)!important;box-shadow:none!important;margin-left:8px!important}
.column-left .lineinput .fbutton + .fbutton:hover{background:rgba(255,255,255,.14)!important;color:#fff!important;filter:none}

/* ---- "Топ за неделю / по просмотрам" — poster grid (как положено) ---- */
.column-left .serials-soon{list-style:none;display:grid!important;grid-template-columns:repeat(2,1fr);gap:12px;padding:14px!important}
.column-left .serials-soon:not(:has(li)){display:none!important}        /* hide empty leftover lists */
.column-left .title-column:has(+ .serials-soon:not(:has(li))){display:none!important} /* hide orphan heading of empty list */
.column-left .serials-soon li{width:auto!important;min-width:0;margin:0!important;padding:0!important;
  display:block!important;text-align:center;border:0!important;background:none!important;list-style:none;position:relative}
.column-left .serials-soon a{display:block;opacity:1!important;color:var(--tx)!important;text-decoration:none;
  font-size:12.5px;font-weight:500;line-height:1.3;transition:color .18s}
.column-left .serials-soon a:hover{color:var(--acc)!important}
.column-left .serials-soon img{display:block;width:100%!important;height:auto!important;aspect-ratio:135/201;
  object-fit:cover;margin:0 auto 8px!important;border-radius:10px!important;border:1px solid var(--bd)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.45);transition:transform .2s,box-shadow .2s,border-color .2s}
.column-left .serials-soon a:hover img{transform:translateY(-3px);border-color:var(--acc)!important;box-shadow:0 12px 26px rgba(59,130,246,.4)!important}
/* poster list inside sort-block: outer block is the card, inner list transparent (no double box) */
.column-left .sort-block .serials-soon{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:6px 0 0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* ---- genre / sort lists ---- */
.column-left ul.genres{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.column-left ul.genres li{margin:0!important;padding:0!important;background:none!important;border:0!important}
.column-left ul.genres li a{
  display:inline-block;background:var(--field)!important;border:1px solid var(--bd)!important;border-radius:9px;
  padding:6px 11px!important;color:var(--tx)!important;font-size:12.5px;text-decoration:none;transition:.18s}
.column-left ul.genres li a:hover{border-color:var(--acc)!important;background:rgba(59,130,246,.16)!important;color:#fff!important}
.column-left ul.genres li span{display:none}

/* hide "Популярные жанры" block (user request) + its trailing divider */
.column-left .genre-block{display:none!important}
.column-left .genre-block + .block_line{display:none!important}

/* ---- accessibility ---- */
.column-left a:focus-visible,.column-left button:focus-visible,.column-left input:focus-visible,
.column-left select:focus-visible,.column-left .selectCustom:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:8px}
@media (prefers-reduced-motion:reduce){.column-left *{transition:none!important;animation:none!important}}

/* ===========================================================
   Content chrome — убрать серый (#454545) → тёмные стекло-шапки
   (вне .column-left: секции "Фильмы/Сериалы/Мультфильмы/…")
   =========================================================== */
div[style*="background: #454545"]{
  background:none!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  margin:18px 0 8px!important;padding:0!important}
div[style*="background: #454545"] .title-column{
  color:#fff!important;background:none!important;background-image:none!important;
  text-shadow:0 1px 2px rgba(0,0,0,.5)!important;border:0!important}
div[style*="background: #454545"] .title-column:before{display:none!important}
/* тонкая линия-разделитель между секциями вместо серых картинок */
.column-right .block_line{height:0!important;background:none!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;margin:12px 0!important}

/* убрать фоновую текстуру bg.png под контентом (под "Фильмы") + серую рамку */
.content-box{background:#0a0e17!important;background-image:none!important;border:0!important}
/* линия-граница между вкладками-шапкой и контентом (border 1px #000 на обёртках) */
.content-border,.box-box,.column-right-border{border:0!important;box-shadow:none!important}
.slider-main-box{background:#0e121c!important;background-image:none!important;border-color:rgba(255,255,255,.08)!important}
/* серая подложка под сайдбаром (.side-bg #454545) -> прозрачная, без серой границы */
.side-bg,.side-bg:before{background:transparent!important;background-image:none!important;border-right:0!important}

/* стрип подборок вверху главной: ровные карточки по центру + ярче картинки */
.collect-box{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:8px 30px}
.collect-box .collect-block{width:179px!important;margin:12px 0 8px!important;float:none!important}
.collect-img{opacity:1!important}
.collect-block:hover .collect-img{opacity:1!important;transform:scale(1.02)}

/* AJAX-навигация: верхняя полоса загрузки + активный пункт меню */
#kp-navbar{position:fixed;top:0;left:0;height:3px;width:0;opacity:0;z-index:99999;background:linear-gradient(90deg,#3b82f6,#6366f1);box-shadow:0 0 10px rgba(59,130,246,.85);pointer-events:none;transition:opacity .25s}
.over-slider-menu li.kp-active>a,.horizontal-menu li.kp-active a{background:linear-gradient(180deg,#2a3a5e,#1b2742)!important;color:#fff!important}

/* кнопка "наверх" (up_button-ab.js): серый #454545 -> тёмная + синий акцент */
#GoUpButton,#GoUpClickZone p,#GoPrevButton i{background-color:#3b82f6!important}
#GoUpButton:hover,#GoPrevButton i:hover{background-color:#6366f1!important}
#GoUpClickZone{background:rgba(16,22,36,.92)!important;background-image:none!important}
#GOWrapper #openButton{background-color:rgba(16,22,36,.92)!important;background-image:none!important;color:#fff!important}
#GOWrapper #closeButton{color:#cdd6ee!important}
#GoUpText{color:#fff!important}

/* ===========================================================
   KP Chat — общий чат для посетителей (Dark Glass)
   =========================================================== */
.column-left #kpchat{margin:0 0 14px}
.column-left .kpc-msgs{height:240px;overflow-y:auto;background:rgba(255,255,255,.04);border:1px solid var(--bd);border-radius:12px;padding:10px;margin-bottom:8px;font-size:13px;line-height:1.45;display:flex;flex-direction:column;gap:6px}
.column-left .kpc-msgs::-webkit-scrollbar{width:8px}
.column-left .kpc-msgs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px}
.column-left .kpc-msg{word-wrap:break-word;overflow-wrap:anywhere}
.column-left .kpc-name{color:var(--acc);font-weight:600;margin-right:5px}
.column-left .kpc-name.g1{color:#ef4444}
.column-left .kpc-name.g5{color:var(--mut)}
.column-left .kpc-text{color:var(--tx)}
.column-left .kpc-empty{color:var(--mut);font-size:12.5px;text-align:center;padding:14px 0}
.column-left .kpc-name-in{width:100%!important;box-sizing:border-box;background:var(--field)!important;border:1px solid var(--bd)!important;color:var(--tx)!important;border-radius:11px!important;padding:9px 11px!important;font:13px 'Inter',sans-serif!important;outline:none;margin-bottom:7px}
.column-left .kpc-name-in:focus{border-color:var(--acc)!important;box-shadow:0 0 0 3px rgba(59,130,246,.25)!important}
.column-left .kpc-row{display:flex;gap:7px;align-items:flex-end}
.column-left .kpc-text-in{flex:1;min-width:0;box-sizing:border-box;background:var(--field)!important;border:1px solid var(--bd)!important;color:var(--tx)!important;border-radius:11px!important;padding:10px 11px!important;font:14px 'Inter',sans-serif!important;outline:none;resize:none;max-height:90px;line-height:1.3}
.column-left .kpc-text-in:focus{border-color:var(--acc)!important;box-shadow:0 0 0 3px rgba(59,130,246,.25)!important}
.column-left .kpc-send{flex:none;width:42px;height:42px;border:0;border-radius:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 6px 16px rgba(59,130,246,.4);transition:filter .2s,transform .1s}
.column-left .kpc-send:hover{filter:brightness(1.1)}
.column-left .kpc-send:active{transform:scale(.94)}
.column-left .kpc-send:disabled{opacity:.5;cursor:default}