/* theme-light.css — светлая тема HotCPA (сгенерировано scripts/gen-theme + ручная база). Активна ТОЛЬКО при . Тёмная тема — по умолчанию, этот файл для неё инертен. Регенерация: node scripts/gen-theme.mjs (правь токены/curatedDark/hand-блок в скрипте). */ html[data-theme="light"]{ --hc-bg:#e8eaf2; --hc-text:#34374a; --hc-muted:#6a6e83; --hc-heading:#20222e; --hc-surface:#ffffff; --hc-surface2:#f5f6fb; --hc-inset:rgba(28,30,58,.05); --hc-border:rgba(28,30,58,.10); --hc-border2:rgba(28,30,58,.14); --hc-bar:#dee1ec; --hc-footer:#d5d8e6; --hc-link:#2c9c43; --hc-accent:#e2675c; } /* поверхности: полупрозрачный белый оверлей → светлая карточка */ html[data-theme="light"] :is( .xhero-banner, .rating-popup-item, .aop-btn, .top-seti-seti, .rating-10 .top-seti-seti, .rating-6 .top-seti-seti, .ii-top-left, .ii-btn-add, .ii-cats-nav a, .page-header, .rating-star, .info-table-har, .partner-contact, .cpaknopadd, .rating-info-btn, .page-header-info, .offer-card, .partner-card, .user-btn li a, .offer-placeholder-pred:hover, .ph-img-pred, .partner-contact-socials a, .partner-contact-socials a:hover, .blogtelo, .blogtelopodb, .vidpromo, .vidpromo-mini, .promo-copy-btn, .table1, .green1, .table1 tbody tr:hover, .left-blockps, .ad-blockcpa, .ad-blockpred, .pred-card, .pred-card:hover, .posetit-card, .posetit-card:hover, .soc-card, .cpaknopadd:hover, .cpaknopotz, .cpaknop9, .page-header-pro, .page-header-servisi, .page-header-servisi-pro, .page-header-poh, .socr .page-header-poh, .socr .page-header-poh:hover, .page-header-top, .header-newcases, .article-author, .author-expertise, .author-expertisecat, .offers-column, .xhero-soderganie, .xhero-other, .xhero-other:hover, .faq-section, .faq-item, .faq-item:hover, .card-unic, .card-unic:hover, .cases-section, .cases-item, .cases-item:hover, .rating-info-btn:hover, .hh-rating-star, .hh-rating-info, .hh-rating-info:hover, .aop-btn:hover, .vert-top-glav, .allpart-glav, .allpart-glav:hover, .fmini-card-btn, .fmini-card-btn:hover, .ph-cats-offers a, .ph-cats-offers a:hover, .ss-nav, .ss-link:hover, .top-main-inf .read-more, .top-search .searchForm .searchSbmFl, .top-seti-seti:hover, .category-top-gridr-glav .top-seti-seti, .category-top-gridr-glav .top-seti-seti:hover, .top-seti-btn, .top-seti-btn-comments:hover, .content-right-ww-glav, .cf-chip, .cf-chip:hover, .cf-list-geo .cf-chip, .cf-shot, .cf-ph, .pc-grid, .ao-box, .ao-sort-btn, .ao-sort-btn:hover, .ao-sort-opt:hover, .ao-rows .ao-row:nth-child(even), .ao-rows .ao-row:hover, .ao-logo, .ao-full, .ao-vchip, .ao-vchip:hover, .ao-card, .ao-card:hover, .ao-card-logo, .ao-add-ico, .ao-more2, .ao-more2:hover, .ao-d-logo, .ao-stat, .ao-act, .ao-chip, .offer-card:hover, .offer-card-pro, .offer-card-pro:hover, .offer-placeholder, .offer-placeholder:hover, .ph-img, .ph-bottom, .ph-bottom:hover, .hc-filter, a.hc-dd-opt:hover, .landing-seo, .ii-btn-add:hover, .ii-cats-nav a:hover, .ii-cats-nav li.active a, .podbblog-card, .uublog-card, .uublog-card:hover ){background:var(--hc-surface)} /* подложки: тёмный полупрозрачный → мягкая серая */ html[data-theme="light"] :is( .top-seti-aff-btn, .header-right, .header-right-info, .offer-edit-btn, .offers-grid .offer-stat, .greed-nav .greed:hover,.h-search:hover, .pollLnk a, .cCounter, .com-order-block, .user-social li span, .tooltip:hover:after, .vidtelega, .related-grid-podb .header-right, .header-right-glav, .header-right-poh, .related-grid-podb .header-right-poh, .vidcasessprava, .unic-stat, .tariffs-promo, .tariff-card, .top-main-inf .gback, .plax-block .gback, .main-search-form .searchSbmFl:hover, .search-block .e-img, .mid-line, .ft-informer, .inf-stat-main, .fastLink a, .post-user .user-avatar, .post-content, .content-right-ww, .offer-edit-btn:hover, .cpa-edit-btn, .cpa-edit-btn:hover, .servisi-stat, .hc-dd-trigger, .hc-fsearch .hc-fsearch-in, .hc-sform input[type=search].hc-sq ){background:var(--hc-inset)} /* сплошные тёмные поверхности → светлые */ html[data-theme="light"] :is( .vid1t, .user-main-back, .vid0t, .ad-block3, .grid-itemcases, .vidnewcases, .page-hero, .seti-seti, .offers-grid-table .offer-card,.offers-grid-table .offer-card-pro, .offers-grid-table .offer-card-pro, .offers-grid-table .offer-card:hover,.offers-grid-table .offer-card-pro:hover ){background:var(--hc-surface)} html[data-theme="light"] :is( .top-nav li ul, .fancybox__content, .f-top, .thead1, .sticky1, .ao-sort-menu, .ao-detail, .hc-dd-list ){background:var(--hc-surface2)} html[data-theme="light"] :is( .h-top ){background:var(--hc-bar)} html[data-theme="light"] :is( .footer.fb ){background:var(--hc-footer)} /* границы: белые полупрозрачные → тёмные мягкие */ html[data-theme="light"] :is( .xhero-banner, .top-seti-seti, .ii-top-left, .ii-btn-add, .ii-cats-nav a, .page-header, .info-table-har, .info-row, .partner-contact, .cpaknopadd, .page-header-info, .offer-card, .greed-nav .hidden-links li, .info-row-top, .ph-img-pred, .table1, .table1 th,.table1 td, .table-wrapper1, .page-header-servisi, .socr .page-header-poh, .page-header-top, .card-unic, .card-unic:hover, .unic-stat, .vert-top-glav, .allpart-glav, .fmini-card, .tariff-card, .feature, .ph-cats-offers a, .ph-cats-offers a:hover, .rating-6 .partners-strip-link img, .ss-nav, .dir-page .btn .redirects, .load-page .info-cont .btn-icon span, .top-seti-btn, .cf-chip, .cf-chip:hover, .cf-shot, .cf-shot-link:hover .cf-shot, .cf-thumb, .cf-thumb-link:hover .cf-thumb, .cf-ph, .pc-grid, .ao-box, .ao-sort-btn, .ao-sort-menu, .ao-full, .ao-more2, .ao-detail, .offer-placeholder, .ph-img, .ph-bottom, .ph-bottom:hover, .offers-grid-table .offer-card,.offers-grid-table .offer-card-pro, .offers-grid-table .offer-card:hover,.offers-grid-table .offer-card-pro:hover, .hc-filter, .hc-dd-trigger, .hc-dd-trigger:hover, .hc-dd-list, .hc-fsearch .hc-fsearch-in, .landing-seo, .faq-item, .hc-sform input[type=search].hc-sq, .ii-cats-nav a:hover, .podbblog-card, .uublog-card, .uublog-card:hover ){border-color:var(--hc-border)} /* текст: белый → тёмный (кнопки с цветным фоном не трогаем) */ html[data-theme="light"] :is( h1,h2, .footer.fb a, .xhero-banner-ph, .rating-popup, .rating-popup-subtitle, .rp-desc, .rating-popup-note, .add-offer-popup, .aop-text, .aop-btn, .top-seti-title, .top-seti-desc, .top-seti-aff-btn, .ii-top-title, .ii-top-text, .ii-btn-add, .ii-cats-nav a, h1, .titlesponsq, .descrsponsq, .partner-pros li, .rating-star::before, .info-label, .info-value, .cpaknopadd, .rating-info-btn, .info-value-rate, .offer-title, .offers-grid .offer-title, .offer-status, .titlebig, .partner-title, .title1, .hc-theme-tgl:hover, .col-patch .path, .col-patch .path a, .col-patch .path a:hover, .col-patch .path1, .col-patch .path1 a, .col-patch .path1 a:hover, .modal .ttl i, .c-form select:focus, h1,h2,h3,h4,h5,h6, .h2cases, .titlespons, .titlesponsglh1, .cpa-cats a:hover, .cpa-cats li.active a, .plax-block .mttl, .h-contacts li:hover a, .h-top .h-contacts li:hover a i,.h-top .h-user li.list:hover a i, .h-top .icon-list li a:hover, .greed-nav .uMenuRoot li:first-child span, .greed-nav .greed,.h-search, .greed-nav .greed:after, .greed-nav .hidden-links a,.greed-nav .hidden-links li:first-child span,.greed-nav .hidden-links span,.greed-nav .uMenuRoot li a,.greed-nav .uMenuRoot li span, .greed-nav .uMenuRoot li a span:hover, .eTitle,.gTableTop, .cCounter, .footer.fb .logo h2:hover,.footer.fb a,.footer.fb h3, .f-top h5, .f-top .icon-list li a:hover, .user-social li span, .ph-img-pred, .ph-title-pred, .ph-desc-pred, .ph-title-pred-yes, .ph-desc-pred-yes, .partner-contact-left span, .partner-contact-socials a, .socials-empty-link span, .tooltip:hover:after, a.catName:hover, a.catNameActive, a.catNameActive:hover, .titleseti, .eTitleblog, .blogtelo, .blogtelo h1,.blogtelo h2,.blogtelo h3,.blogtelo h4, .blogtelopodb, .titlebigreyt, .titlebig3, .pohmat, .titlecpa, .plashkaverh, .vidtelega, .vidpromo, .vidpromo-mini, .promo-copy-btn, .title0, .cnopmenu, .thead1, .ad-blockcpa-title, .pred-title, .pred-rate, .cpa-go-btn .material-symbols-rounded, .dateconfa, .titlecasessprava, .section-title, .author-name, .offers-column__title, .faq-section, .faq-question, .unic-title, .unic-desc, .unic-stat-label, .unic-stat-value, .cases-section, .cases-section h2, .cases-question, .socr .titlesponsq, .podb .titlesponsq, .socr .descrsponsq, .podb .descrsponsq, .partner-pros-servisi li, .partner-pros-poh li, .podb .partner-pros-poh li, .rating-star.active::before, .hh-rating-star::before, .hh-rating-star.active::before, .hh-rating-info, .hh-rating-info:hover, .top-seti-glav-btn, .allpart-glav, .fmini-card-title, .fmini-card-desc, .fmini-card-btn, .tariffs-promo, .tariff-name, .tariff-price, .tariff-price span, .f-desc, .feature.active, .ss-nav-title, .ss-link, .ss-link:hover, .top-main-inf .valign-content, .top-main-inf h1, .up-btn .up-info .reg, .up-btn .up-info .profile, .up-btn .logout i,.up-btn .up-info .profile i, .up-btn .up-info ul a:hover, .module-search-form.black-back h1, .module-search-form.black-back .descr, .market-place a, .market-place .tite-cont p, .board-page .info .btn i, .b-add-form .manTd1, .b-add-form .des, .b-add-form .ucoz-editor-bottom label, #addEntForm .add-option ul li:hover, .dir-page .btn strong, .packages .package.brilliant:after, .tes-informer li .name, .tes-informer li .name a:hover, .plax-block .middle, .goto, .goto h3, .hu-profile .close:hover, .hu-profile h4, .hu-profile .top a, .hu-profile .top a:hover, .blog-grid .img-cont i, #fws-close, #search-results li a, #search-results li a:hover, #search-results li .all-results i, #search-results .all-results:hover, .main-search-form #sFltLst .myWinCont, .search-block .e-img i, .grid-gallery li a, .grid-gallery li a:hover, .forumContent .gTable td.gTableTop a, .cat-bg-top, .top-seti-btn, .top-seti-btn-comments, .top-seti-btn-comments:hover, .seti-title, .seti-desc, .content-left-ww, .content-right-ww, .content-right-ww-glav, .titlecat, .desccat, .cf-h, .cf-chip, .cf-chip:hover, .cf-list-geo .cf-chip, .cf-ph, .ao-all:hover, .ao-sort-btn:hover, .ao-sort-opt:hover, .ao-full-t, .ao-full-t span, .ao-vchip, .ao-vchip:hover, .ao-card-n, .ao-card-id, .ao-card-g, .ao-add-ico, .ao-card-add .ao-card-n, .ao-more2:hover, .ao-fb .fancybox__content>.f-button.is-close-btn, .ao-detail, .ao-d-name, .ao-d-goal, .ao-d-desc, .ao-stat-l, .ao-stat-v, .ao-act-h, .ao-chip, .ao-chip-more, .cpa-go-bttr .material-symbols-roundedr, .promoservisi, .offer-desc, .ph-img, .ph-title, .ph-desc, .ph-bottom, .offers-grid-table .offer-title, a.hc-dd-opt:hover, .ii-cats-nav a:hover, .ii-cats-nav li.active a, .oo-cats-nav a, .oo-cats-nav a:hover, .oo-cats-nav li.active a, .uublog-title, .uublog-desc, .uublog-date, .uublog-views ){color:var(--hc-text)} /* текст: светло-серый (низкий контраст на светлом) → приглушённый тёмный */ html[data-theme="light"] :is( .modal .des, .cpa-cats a, .h-contacts .material-symbols-rounded, .h-contacts .h-crumb, .menu-togle, .xhero, .xhero-description, .top-nav li span, .path, .descrbig, .partner-desc, .footer.fb, .descpartnerka, .descpartnerka8, .hc-theme-tgl, .entry-cat, .path1, .acces-den i,.guest-den i, .typography .row .col-4, .descr, .h-top .icon-list:before, .h-top .icon-list li a, .logo:hover h2, .eDate, .cMessage,.eMessage, .eTags span,.sorting span, .sidebar .catsTd, .sidebar .catsTd .catDescr, .sidebox-bd .uMenuRoot li.uWithSubmenu:after, .calMday,.calMdayA,.calMdayIs,.calMdayIsA, .cEntry a, .com-num-entries .add, .com-order-block, .footer.fb .logo h2, .footer.fb h3, .f-copy .icon-list li a, .pgSwch span,.pgSwchA,.swchItem,.swchItem1,.swchItemA,.swchItemA1, #baseLogForm:before,#uidLogButton:before, .user-btn li.ls i, .user-add .col-l,.user-main-info .col-l, .user-activity li .des, a.catName, .descseti, .descsetirekl, .readscase, .datecase, .datecaseblog2, .datecaseblog, .datecasepohogie, .descblog, .descseticpa, .descrbigreyt, .descrbigreyt2, .descrbig3, .descrpodb, .descrbig4, .descrbig5, .descrconf, .reytingv, .dateservisi, .desc0, .desc1, .dateblogi, .readsblogi, .dateblogi1, .readsblogi1, .predstavitelname, .pred-desc, .card-textcases, .datacase00, .read00, .descrspons, .author-desc, .date-label, .date-item, .date-item span.material-symbols-rounded, .author-expertise, .author-expertisecat, .xhero-mini, .faq-answer, .casesdesc, .cases-answer, .top-main-inf .read-more, .up-btn .des, .up-btn .up-info ul a, .bcat li .catNumData, .gsort .gsel, .gsort .filter-list span,.gsort .sort-list span, .all-entries .entry-board .cat,.all-entries .entry-board .city,.all-entries .entry-board .date, .module-info-list, .sidebox .select i, .services .entry-service p, .tes-informer li .name a, .tes-content .name a, .tes-nav span, .tes-form .text .ucoz-editor-bottom, .tes-form .lb .example, .main-descr, .hu-profile .mid .info span, .mid-line .des, .comments-informer .date, .dir-informer .date,.board-informer .date, .informer-forum .forum, .ft-informer h2, .inf-text i, .ind-news-rp .date, .inf-stat-main .inf-descr .date, .inf-stat-main .inf-descr .inf li i, .pager-nav span, .faq-info, .faq-entry .eInfo a,.faq-entry .eInfo, .forumNamesBar, .post-user, .post-content .pc-top .date i,.post-content .pc-top .time i, .post-content .pc-message .post-signature, .post-content .pc-message .post-edited, .f-add-form .col-4, .gb-rate, .gb-entry .cDetails,.gb-date, .comform, .local-form .input i, .stars-fill, .pc-grid li, .ao-h-t, .ao-all, .ao-sort-btn, .ao-sort-car, .ao-ava::before, .ao-name, .ao-row:hover::after, .ao-more2, .ao-d-h, .ao-act-n, .material-symbols-roundedr, .home-top-gridr .promo-descr,.home-top-gridr .promo-descd, .offers-grid-table .offer-short-desc, .offers-grid-table .info-value, .offers-grid-table .offer-part, .hc-ftitle, .hc-flabel, .hc-dd-trigger, .hc-dd-value, .hc-dd-value.is-set, .hc-dd .hc-dd-caret, .hc-dd-opt, .hc-tot, .hc-fsearch .hc-fsearch-in, .hc-fsearch-in::placeholder, .hc-fcount, .hc-fcount b, .landing-seo, .faq-block h2, .faq-q, .faq-a, .hc-sform input[type=search].hc-sq, .hc-sform input::placeholder, .hc-smsg, .hc-sgroup>h2, .hc-sgroup>h2 i ){color:var(--hc-muted)} /* ===================== база / ручная донастройка ===================== */ html[data-theme="light"] body{background:var(--hc-bg);color:var(--hc-text)} html[data-theme="light"] body.dark{background:var(--hc-bg)} html[data-theme="light"] a{color:var(--hc-link)} html[data-theme="light"] :is(h1,h2,h3,h4,h5,h6){color:var(--hc-heading)} html[data-theme="light"] .global-glow{background-image:radial-gradient(circle at 50% -10%,rgba(255,140,200,.14) 0,rgba(180,150,255,.08) 35%,transparent 78%);filter:blur(70px);opacity:.9} /* геро */ html[data-theme="light"] :is(.xhero-title span,.xhero-highlight){color:var(--hc-accent)} html[data-theme="light"] .xhero-title{color:var(--hc-heading)} html[data-theme="light"] .xhero-description{color:var(--hc-muted)} html[data-theme="light"] .xhero-banner-ph{color:rgba(28,30,58,.32)} /* верхняя панель / меню */ html[data-theme="light"] .h-crumb{color:var(--hc-muted)} html[data-theme="light"] .h-contacts a{color:var(--hc-muted)} html[data-theme="light"] .top-nav li span{color:var(--hc-text)} html[data-theme="light"] .top-nav li ul li{border-color:var(--hc-border)} html[data-theme="light"] .h-top{border-bottom:1px solid var(--hc-border)} html[data-theme="light"] .cpa-cats a .material-symbols-rounded{color:var(--hc-link)} html[data-theme="light"] .footer.fb{border-top:1px solid var(--hc-border)} /* подвал */ html[data-theme="light"] :is(.footer.fb,.footer.fb a,.footer.fb h3,.f-top,.f-top h5){color:var(--hc-text)} html[data-theme="light"] .footer.fb .simple-list li a{border-color:var(--hc-border)} /* поля ввода */ html[data-theme="light"] :is(input,textarea,select){border-color:var(--hc-border)} html[data-theme="light"] :is(input,textarea,select)::placeholder{color:var(--hc-muted)} /* лёгкая тень карточек для читаемости на светлом фоне */ html[data-theme="light"] :is(.top-seti-seti,.page-header,.page-header-info,.partner-card,.offer-card,.ao-card,.vid1t,.faq-item,.card-unic,.cases-item,.pred-card,.posetit-card,.fmini-card,.ii-top-left){box-shadow:0 2px 12px rgba(28,30,58,.06)} /* кнопка-тумблер темы */ html[data-theme="light"] .hc-theme-tgl{color:#5a5f73} html[data-theme="light"] .hc-theme-tgl:hover{color:var(--hc-heading)}