/* ===== Светлая тема (azbuka, opt-in через html.az-light) + кнопка-переключатель ===== */
/* --- кнопка в шапке (видна в обеих темах) --- */
#az-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);cursor:pointer;margin-left:12px;transition:background .18s,border-color .18s;vertical-align:middle}
#az-theme-btn:hover{background:#fe5a08;border-color:#fe5a08}
#az-theme-btn svg{width:20px;height:20px;fill:#fff;display:block}
#az-theme-btn .i-moon{display:none}
html.az-light #az-theme-btn{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.15)}
html.az-light #az-theme-btn:hover{background:#fe5a08;border-color:#fe5a08}
html.az-light #az-theme-btn svg{fill:#2a2f3a}
html.az-light #az-theme-btn:hover svg{fill:#fff}
html.az-light #az-theme-btn .i-moon{display:block}
html.az-light #az-theme-btn .i-sun{display:none}
/* --- переменные темы --- */
html.az-light{--bg:#f4f5f8;--bg2:#ffffff;--bg3:#e7eaf0;--text:#181b22;--text1:#fff;--light:rgb(0 0 0/8%);--light2:rgb(0 0 0/25%);--dark:rgb(0 0 0/6%)}
html.az-light body{background:linear-gradient(180deg,#f6f7fa,#eef0f4 40%,#eceef3)!important;color:#181b22}
/* --- общие поверхности --- */
html.az-light .fix-recom{background:#fff!important;box-shadow:0 1px 4px rgb(15 20 40/6%)}
html.az-light .fix-recom_head{background:transparent!important;color:#181b22}
html.az-light .fix-sect{background:transparent!important;border:0!important}
html.az-light .fix-top_items{background:transparent!important}
html.az-light .fix-top_items .fix-sect_item{background:transparent!important}
html.az-light .category-tabs-container{background:#fff!important;border:1px solid #e3e6ec!important}
html.az-light footer{background:#e6e9ef!important}
html.az-light footer,html.az-light footer a,html.az-light footer p,html.az-light footer span{color:#3a414e!important}
/* --- текст --- */
html.az-light h1,html.az-light h2,html.az-light h3,html.az-light .title_play{color:#181b22}
html.az-light .category-description,html.az-light p{color:#3a414e}
html.az-light .tab-btn{color:#5a6274!important}
html.az-light .tab-btn.active{color:#181b22!important}
/* --- чипы, кнопки, фильтр --- */
html.az-light .film-btn{background:rgba(0,0,0,.03)!important;color:#2a2f3a!important;border-color:rgba(0,0,0,.15)!important}
html.az-light .category-tabs-container .tab-pane a{background:rgba(0,0,0,.04)!important;color:#2a2f3a!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)!important}
html.az-light .akf-bar{background:#fff!important;box-shadow:0 1px 4px rgb(15 20 40/6%)}
html.az-light .akf-chip{background:#f1f3f7!important;color:#2a2f3a!important;border-color:rgba(0,0,0,.12)!important}
html.az-light .akf-menu{background:#fff!important;color:#181b22;box-shadow:0 10px 30px rgb(15 20 40/18%)}
html.az-light .akf-menu *{color:#2a2f3a}
html.az-light .anchor-btn{background:rgba(0,0,0,.05)!important;color:#2a2f3a!important}
/* --- формы, поиск --- */
html.az-light input[type=text],html.az-light input[type=search],html.az-light textarea{background:#fff!important;color:#181b22!important;box-shadow:inset 0 0 0 1px #dcdfe6}
html.az-light .search__rezo #searchsuggestions{box-shadow:0 6px 24px rgb(15 20 40/16%)}
html.az-light .user-login{background:#fff!important;color:#181b22}
html.az-light .user-login_close{background:#e7eaf0!important}
/* --- карточка фильма --- */
html.az-light .az-card-body{background:#fff!important;box-shadow:0 1px 4px rgb(15 20 40/6%);border-radius:14px}
html.az-light .az-card-body,html.az-light .az-card-body p,html.az-light .az-card-body li,html.az-light .az-card-body .category-description{color:#2a2f3a!important}
html.az-light .az-card-body h1,html.az-light .az-card-body h2,html.az-light .az-card-body h3{color:#181b22!important}
html.az-light .special-list li{border-color:rgba(0,0,0,.08)}
html.az-light .special-list li span{color:#181b22!important}
html.az-light .tex11pla,html.az-light h2#play_movie{color:#181b22!important}
html.az-light .azbuka-faq details{background:rgba(0,0,0,.035)!important;border-color:rgba(0,0,0,.08)!important}
html.az-light .azbuka-faq details[open]{background:rgba(254,90,8,.05)!important}
html.az-light .azbuka-faq summary{color:#181b22!important}
html.az-light .azbuka-faq .faq-a{color:#4a5261!important}
html.az-light .azb-rate{background:rgba(254,90,8,.05)!important}
html.az-light .azb-rate_ttl,html.az-light .azb-rate_num{color:#181b22!important}
html.az-light .fix-full_grade{background:rgba(0,0,0,.04)!important}
html.az-light .fix-full_grade span{color:#181b22}
html.az-light .comments,html.az-light .dle-comm{color:#2a2f3a}
/* тёмными намеренно остаются: hero-обложка .az-card, плеер, постерные оверлеи, бейджи, стрелки каруселей */
/* l2: градиент «Показать больше» в белый + подписи «Продолжить просмотр» */
html.az-light .fix-full_text .category-description::after{background:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,.65) 40%,rgba(255,255,255,.95) 75%)!important}
html.az-light .azb-cw_t{color:#181b22!important}
html.az-light .azb-cw_y{color:#6a7180!important}
/* l3: углы, свежие комментарии, иконки, богаче фон */
html.az-light .fix-sect_head{background:transparent!important}
html.az-light .fix-sect_head svg.icon,html.az-light .title_play svg{background:#e7eaf0!important}
html.az-light .lastcomm-items a,html.az-light .lastcomm-item{background:#f1f3f7!important;border-radius:14px;color:#2a2f3a!important}
html.az-light .lastcomm-items a *,html.az-light .lastcomm-item *{color:#3a414e!important}
html.az-light .azb-cw_pic{background:#dfe3ea!important}
/* фон: лёгкие оранжевые свечения (как в тёмной теме) + мягкий серо-голубой градиент вместо плоского белого */
html.az-light body{background:radial-gradient(circle at 100% 0%,rgba(255,120,0,.06),rgba(255,255,255,0) 30%),radial-gradient(circle at 0% 45%,rgba(255,80,0,.04),rgba(255,255,255,0) 24%),radial-gradient(circle at 100% 100%,rgba(255,140,0,.04),rgba(255,255,255,0) 32%),linear-gradient(180deg,#f1f3f8 0%,#ecf0f6 45%,#e7ebf3 100%)!important}
/* l4: свежие комментарии — панель светлая (у тёмной был background-image!), оверлей-ссылка прозрачная, карточки белые */
html.az-light .lastcomm-items{background:transparent!important}
html.az-light .lastcomm-item{background:#fff!important;box-shadow:0 1px 3px rgb(15 20 40/8%)}
html.az-light .lastcomm-items a.lastcomm-link{background:transparent!important}
/* l5: пагинация + кнопка «Ещё смотреть фильмы» (.navigation a — тёмно-синие плитки) */
html.az-light .navigation a{background:#f1f3f7!important;color:#2a2f3a!important;border:1px solid rgba(0,0,0,.1)}
html.az-light .navigation a:hover{background:#fe5a08!important;color:#fff!important;border-color:#fe5a08}
html.az-light .navigation span{color:#fff!important}
/* ============ l6: правки по замечаниям юзера ============ */
/* 1. иконка «Свежие комментарии/Тренды» — убрать тёмный бордер-кольцо */
html.az-light .secvibor svg{background:#e7eaf0!important;border-color:transparent!important}
/* 2. .fix-sect остаётся прозрачным (как в тёмной теме) — БЕЗ доп. паддингов/рамок,
чтобы геометрия тем совпадала. Видимые поверхности дают внутренние контейнеры. */
/* 3. шапка карточки фильма (.az-card) — светлая вместо тёмной */
html.az-light .az-card{border-color:#e3e6ec!important}
html.az-light .az-card-bg img{opacity:.22!important}
html.az-light .az-card-bg::after{background:linear-gradient(180deg,rgba(244,245,248,.84),rgba(244,245,248,.97)),linear-gradient(105deg,rgba(244,245,248,.62),rgba(244,245,248,0) 70%)!important}
html.az-light .az-card-title{color:#181b22!important}
html.az-light .az-card-orig{color:#6a7180!important}
html.az-light .az-card-meta{color:#4a5261!important}
html.az-light .az-card-meta .az-tag{color:#2a2f3a!important;border-color:rgba(0,0,0,.2)!important}
html.az-light .az-rt{background:rgba(0,0,0,.04)!important;border-color:rgba(0,0,0,.08)!important}
html.az-light .az-rt b{color:#181b22!important}
html.az-light .az-rt span{color:#6a7180!important}
/* 4. hero-слайдер на главной (.az-hero) — светлый */
html.az-light .az-hero,html.az-light .az-hero-swiper{border-color:#e3e6ec!important}
html.az-light .az-hero-bg img{opacity:.24!important}
html.az-light .az-hero-bg::after{background:linear-gradient(105deg,rgba(244,245,248,.94),rgba(244,245,248,.74) 44%,rgba(244,245,248,.32)),linear-gradient(0deg,rgba(244,245,248,.86),transparent 62%)!important}
html.az-light .az-hero-title{color:#181b22!important}
html.az-light .az-hero-meta{color:#4a5261!important}
html.az-light .az-hero-syn{color:#3a414e!important}
html.az-light .az-hero-4k{color:#2a2f3a!important;border-color:rgba(0,0,0,.2)!important}
/* 5. плеер — светлый фрейм и таб-бар (видео-область остаётся тёмной, это норма) */
html.az-light .section_block{background:#fff!important;box-shadow:0 1px 4px rgb(15 20 40/6%)}
html.az-light .nav-tabs.select_player{background:#eef0f4!important;border-bottom:1px solid #e3e6ec}
html.az-light .select_player .nav-link{color:#2a2f3a!important}
html.az-light .select_player .actives .nav-link,html.az-light .select_player .active .nav-link{color:#fff!important}
/* 6. розовый фон блоков «Оцените фильм» и открытого FAQ → нейтральный серый */
html.az-light .azb-rate{background:#f1f3f7!important;border-color:rgba(0,0,0,.06)!important}
html.az-light .azbuka-faq details[open]{background:#eef0f4!important}
/* 7. график выхода серий — тёмный/прозрачный текст → читаемый, светлые рамки */
html.az-light #soons-tv-ajax,html.az-light #soons-tv-no{color:#3a414e}
html.az-light #soons-tv-ajax *,html.az-light #soons-tv-no *{color:#3a414e!important}
html.az-light #soons-tv-ajax [style*="border"],html.az-light #soons-tv-no [style*="border"]{border-color:#dfe3ea!important}
/* 8. затемняющий градиент под свёрнутым текстом (описание категории/SEO) → в белый */
html.az-light .category-description::after{background:linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,.7) 45%,rgba(255,255,255,.96) 78%)!important}
/* 9. ховер табов (Категории и т.д.) — текст не должен исчезать */
html.az-light .tab-btn:hover{color:#181b22!important;background:rgba(0,0,0,.05)!important}
/* 10. ховер жанровых чипов — подсветка оранжевым (в тёмной теме её не было видно) */
html.az-light .film-btn:hover,html.az-light .category-tabs-container .tab-pane a:hover{background:linear-gradient(180deg,#ff6a00,#ff3d00)!important;color:#fff!important;border-color:transparent!important}
/* ============ l11: FROSTED-GLASS премиум (референс OpsPulse) ============ */
/* Меняем только фон/тени/прозрачность/радиус — паддинги/бордер-ширину НЕ трогаем (геометрия тем совпадает) */
/* фон: премиальный мягкий градиент с тёплым световым пятном */
html.az-light body{
background:
radial-gradient(58% 46% at 74% 1%, rgba(255,201,74,.62), rgba(255,201,74,0) 56%),
radial-gradient(42% 36% at 96% 25%, rgba(255,138,58,.24), rgba(255,138,58,0) 60%),
radial-gradient(52% 42% at 2% 55%, rgba(108,166,255,.22), rgba(108,166,255,0) 60%),
radial-gradient(48% 38% at 33% 99%, rgba(120,222,168,.20), rgba(120,222,168,0) 60%),
linear-gradient(180deg,#eff2f8 0%,#e6eaf2 50%,#eff2f8 100%)!important;
background-attachment:fixed,fixed,fixed,fixed,scroll!important;
color:#181b22;
}
/* стеклянные карточки: полупрозрачный белый + backdrop-blur + мягкая тень + светлая кромка (inset, без сдвига) */
html.az-light .fix-recom,
html.az-light .az-card-body,
html.az-light .section_block,
html.az-light .category-tabs-container,
html.az-light .akf-bar,
html.az-light .azb-rate{
background:rgba(255,255,255,.52)!important;
-webkit-backdrop-filter:blur(22px) saturate(1.3);
backdrop-filter:blur(22px) saturate(1.3);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.6), 0 10px 34px rgba(20,30,60,.09)!important;
border-color:transparent!important;
border-radius:22px!important;
}
/* карточки комментариев — тоже стекло, помягче */
html.az-light .lastcomm-item{
background:rgba(255,255,255,.5)!important;
-webkit-backdrop-filter:blur(14px) saturate(1.2);
backdrop-filter:blur(14px) saturate(1.2);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.55), 0 6px 18px rgba(20,30,60,.06)!important;
border-radius:16px!important;
}
/* FAQ-аккордеон — стекло */
html.az-light .azbuka-faq details{
background:rgba(255,255,255,.45)!important;
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)!important;
border-color:transparent!important;
}
html.az-light .azbuka-faq details[open]{background:rgba(255,255,255,.62)!important}
/* шапка карточки фильма (.az-card) — светлое стекло поверх размытого постера */
html.az-light .az-card-bg::after{background:linear-gradient(180deg,rgba(238,241,246,.72),rgba(238,241,246,.9)),linear-gradient(105deg,rgba(238,241,246,.5),rgba(238,241,246,0) 72%)!important}
html.az-light .az-card{box-shadow:inset 0 0 0 1px rgba(255,255,255,.5), 0 12px 40px rgba(20,30,60,.1)!important;border-color:transparent!important;border-radius:22px!important}
/* рейтинг-плитки в карточке — лёгкое стекло */
html.az-light .az-rt,html.az-light .fix-full_grade{
background:rgba(255,255,255,.5)!important;
box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)!important;
}
/* верхние кнопки-пилюли (навигация/поиск/тема) — frosted */
html.az-light .film-btn,html.az-light .category-tabs-container .tab-pane a,html.az-light .akf-chip,html.az-light #az-theme-btn{
-webkit-backdrop-filter:blur(10px);
backdrop-filter:blur(10px);
}
/* ============ l12: бесповые azb-* страницы (франшизы /franshizy/*, подборки /podborki/) ============ */
/* названия жёстко белые в inline-стилях страниц → невидимы в светлой теме */
/* франшизы: хронологический список (a.azb-fr-t) */
html.az-light .azb-fr-list a.azb-fr-t{color:#181b22}
html.az-light .azb-fr-list li{border-bottom-color:rgba(0,0,0,.08)}
/* подборки: сетка коллекций (.azb-ci-t наследует белый от .azb-ci{color:#fff}) */
html.az-light .azb-ci-t{color:#181b22}
html.az-light .az-hero-ripnote{color:rgba(20,24,32,.66)!important}
html.az-light .az-hero-rip{color:#b3261e!important;border-color:rgba(179,38,30,.45)!important;background:rgba(179,38,30,.10)!important}
html.az-light .az-tag.az-tag-rip{color:#b3261e!important;border-color:rgba(179,38,30,.45)!important;background:rgba(179,38,30,.10)!important}