/* ===================================================================== СВЕТЛАЯ ТЕМА. Всё под [data-theme="light"] на : тёмная остаётся темой по умолчанию и не меняется ни на байт, светлая только перекрывает её сверху. Решение по цвету: золото остаётся фирменным, но меняет роль. На тёмном #f7c23b работал как текст; на белом его контраст ~1.8:1 — нечитаемо. Поэтому золото ушло в ЗАЛИВКИ (бейджи, подчёркивания), а золотой ТЕКСТ стал тёмно-янтарным --gold-ink. Основное действие — тёмная пилюля. Подвал и сцена героя остаются тёмными: обложки игр «горят» на тёмном, а подвал даёт светлой странице якорь внизу. ===================================================================== */ [data-theme="light"] { --ink: #f3f3f6; --panel: #fff; --panel-2: #fbfbfd; --line: rgba(20, 18, 32, .10); --txt: #17161d; --muted: #6c6979; --gold: #f0b32a; --gold-2: #ffd76b; --gold-ink: #8f5d06; /* золото для текста: контраст ≥ 4.5:1 на белом */ --grad: linear-gradient(135deg, #ffd76b 0%, #f0b32a 45%, #ef8f3c 100%); } [data-theme="light"] body { background: radial-gradient(1200px 600px at 80% -10%, rgba(247, 194, 59, .18), transparent 60%), radial-gradient(900px 500px at -10% 10%, rgba(239, 143, 60, .10), transparent 55%), var(--ink); color: var(--txt); } [data-theme="light"] .site-nav { background: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(255, 255, 255, .78)); border-bottom: 1px solid var(--line); } [data-theme="light"] .nav-links a { color: #2c2a35; } [data-theme="light"] .nav-links a:hover, [data-theme="light"] .nav-links a.on, [data-theme="light"] .nav-links a.current-menu-item { color: var(--gold-ink); } [data-theme="light"] .hitem { color: #55525f; } [data-theme="light"] .hitem span { color: #2c2a35; } [data-theme="light"] .hitem:hover { color: var(--gold-ink); } [data-theme="light"] .hitem:hover svg { filter: drop-shadow(0 4px 8px rgba(240, 179, 42, .5)); } [data-theme="light"] .hitem .tag { color: #fff; } [data-theme="light"] .logo .emblem img, [data-theme="light"] .dock-logo img { opacity: 0; } [data-theme="light"] .logo .emblem { background: url('../img/logo-emblem-light.png') no-repeat left center / auto 100%; } [data-theme="light"] .logo .wordmark { background: linear-gradient(180deg, #b07d1c 0%, #8d5f10 55%, #6f4a0c 100%); -webkit-background-clip: text; background-clip: text; } [data-theme="light"] .account-control { color: #2c2a35; } [data-theme="light"] .account-control__icon { border-color: rgba(240, 179, 42, .55); background: rgba(240, 179, 42, .15); color: var(--gold-ink); } [data-theme="light"] .account-control__copy small { color: var(--muted); } [data-theme="light"] .burger { border-color: var(--line); background: rgba(20, 18, 32, .03); } [data-theme="light"] .burger i { background: var(--gold-ink); } [data-theme="light"] .mnav { background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(252, 252, 254, .98)); border-bottom: 1px solid var(--line); } [data-theme="light"] .mnav a.ml { color: #2c2a35; border-bottom-color: var(--line); } [data-theme="light"] .mnav a.ml.on { color: var(--gold-ink); } [data-theme="light"] .mnav .mtools a { border-color: var(--line); background: rgba(20, 18, 32, .02); color: var(--muted); } [data-theme="light"] .maccount { border-color: var(--line); background: rgba(20, 18, 32, .02); } [data-theme="light"] .maccount__icon { border-color: rgba(240, 179, 42, .5); background: rgba(240, 179, 42, .13); color: var(--gold-ink); } [data-theme="light"] .maccount span strong { color: #2c2a35; } [data-theme="light"] .maccount span small { color: var(--muted); } [data-theme="light"] .bz-home { --home-panel: #fff; --home-panel-2: #fbfbfd; --home-line: rgba(20, 18, 32, .10); --home-text: #17161d; --home-muted: #6c6979; --home-gold: #f0b32a; background: radial-gradient(1200px 600px at 80% -10%, rgba(247, 194, 59, .18), transparent 60%), radial-gradient(900px 500px at -10% 10%, rgba(239, 143, 60, .10), transparent 55%), var(--ink); } [data-theme="light"] .bz-showcase-stage { background: radial-gradient(130% 110% at 100% 0%, rgba(247, 194, 59, .12), transparent 55%), linear-gradient(180deg, #1b1b23, #131319); border: 1px solid rgba(20, 18, 32, .10); box-shadow: 0 30px 64px rgba(24, 20, 50, .20); } [data-theme="light"] .bz-showcase-caption h1 { color: #fff; } [data-theme="light"] .bz-home-showcase__mobile { border-color: rgba(20, 18, 32, .12); } [data-theme="light"] .bz-project-filters { border: 1px solid var(--line); background: rgba(20, 18, 32, .04); } [data-theme="light"] .bz-project-filters button.is-active { background: var(--grad); box-shadow: 0 4px 14px rgba(240, 179, 42, .35); color: #241701; } [data-theme="light"] .bz-project-card { box-shadow: 0 2px 4px rgba(24, 20, 50, .04); } [data-theme="light"] .bz-project-card__thumb { background: #eceaf2; } [data-theme="light"] .bz-project-card__thumb::after { background: linear-gradient(180deg, transparent 62%, rgba(20, 18, 32, .18)); } [data-theme="light"] .bz-project-card__badge--pre { color: #241701; } [data-theme="light"] .bz-project-card__badge--done { background: rgba(20, 18, 32, .06); border-color: var(--line); color: #4e4b5a; } [data-theme="light"] .bz-project-card__body p { color: #57545f; } [data-theme="light"] .bz-project-card__button { border: 1px solid rgba(20, 18, 32, .14); background: rgba(20, 18, 32, .04); color: #23212b; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9); } [data-theme="light"] .bz-project-card__button:hover { border-color: var(--gold); background: rgba(240, 179, 42, .14); color: var(--gold-ink); } [data-theme="light"] .bz-project-card__complete { background: rgba(20, 18, 32, .04); border-color: var(--line); color: var(--muted); } /* Ховер только для мыши — на тач-устройствах он залипает после тапа. Так же огорожен и в исходной тёмной теме. */ @media (hover: hover) and (pointer: fine) { [data-theme="light"] .bz-project-card:hover, [data-theme="light"] .bz-news-card:hover { border-color: rgba(240, 179, 42, .5); box-shadow: 0 20px 44px rgba(24, 20, 50, .14); } } [data-theme="light"] .bz-project-card:hover .bz-project-card__body h3 a { color: var(--gold-ink); } [data-theme="light"] .bz-news-link { border: 1px solid rgba(20, 18, 32, .16); color: #2c2a35; } [data-theme="light"] .bz-news-link:hover { border-color: var(--gold); background: rgba(240, 179, 42, .12); color: var(--gold-ink); } [data-theme="light"] .bz-news-card { box-shadow: 0 2px 4px rgba(24, 20, 50, .04); } [data-theme="light"] .bz-news-card__placeholder { background: radial-gradient(circle at 40% 30%, rgba(240, 179, 42, .28), rgba(20, 18, 32, .05)); } [data-theme="light"] .bz-news-card:hover h3 a { color: var(--gold-ink); } [data-theme="light"] footer { --panel: #0e0e17; --panel-2: #14141f; --line: rgba(255, 255, 255, .08); --txt: #f4f2ff; --muted: #9a97b8; --gold-ink: #ffd76b; border-top: none; background: radial-gradient(900px 420px at 12% 20%, rgba(247, 194, 59, .06), transparent 62%), #0e0e17; color: var(--txt); } [data-theme="light"] .foot-links a { color: #ece7da; } [data-theme="light"] .foot-links a:hover, [data-theme="light"] .foot-links a.on { color: var(--gold-2); } [data-theme="light"] .foot-tagline, [data-theme="light"] .foot-address, [data-theme="light"] .foot-col h4, [data-theme="light"] .foot-sub-note { color: var(--muted); } [data-theme="light"] .foot-phone { color: var(--txt); } [data-theme="light"] .foot-phone:hover { color: var(--gold-2); } [data-theme="light"] .foot-mail { color: #ece7da; } [data-theme="light"] .foot-mail:hover { color: var(--gold-2); } [data-theme="light"] .foot-bot { color: #9d968a; border-top-color: var(--line); } [data-theme="light"] .foot-bot a:hover { color: var(--gold-2); } [data-theme="light"] footer .logo .emblem { background: none; } [data-theme="light"] footer .logo .emblem img { opacity: 1; } [data-theme="light"] footer .logo .wordmark { background: linear-gradient(180deg, #f4d992 0%, #e8b45f 55%, #c98a4e 100%); -webkit-background-clip: text; background-clip: text; } [data-theme="light"] .vk-btn, [data-theme="light"] .tg-btn { border-color: rgba(247, 224, 180, .22); background: rgba(255, 255, 255, .03); color: #ece7da; } [data-theme="light"] .vk-btn:hover, [data-theme="light"] .tg-btn:hover { border-color: rgba(247, 194, 59, .55); background: rgba(247, 194, 59, .07); color: var(--gold-2); } [data-theme="light"] .mail-btn { color: #1a1206; } [data-theme="light"] .sub-row { border-color: var(--line); background: rgba(255, 255, 255, .02); } [data-theme="light"] .sub-row input { color: var(--txt); } [data-theme="light"] .sub-row input::placeholder { color: var(--muted); } [data-theme="light"] .sub-row button { color: #1a1206; } [data-theme="light"] .consent { color: var(--muted); } [data-theme="light"] .bz-project-card__button { border: 1px solid #17161d; background: #17161d; color: #fff; box-shadow: 0 4px 14px rgba(23, 22, 29, .18); } [data-theme="light"] .bz-project-card__button:hover { border-color: #000; background: #000; color: #fff; box-shadow: 0 8px 22px rgba(23, 22, 29, .28); } [data-theme="light"] .bz-project-filters button.is-active { background: #17161d; box-shadow: 0 4px 14px rgba(23, 22, 29, .22); color: #fff; } [data-theme="light"] .bz-news-link { border: 1px solid #17161d; background: #17161d; color: #fff; } [data-theme="light"] .bz-news-link:hover { border-color: #000; background: #000; color: #fff; } [data-theme="light"] .dock { background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(250, 250, 253, .95)); border: 1px solid rgba(20, 18, 32, .10); box-shadow: 0 20px 45px rgba(24, 20, 50, .18), inset 0 1px 0 rgba(255, 255, 255, .9); } /* Отдельный квадратный файл: в широком логотипе по центру оказывалась надпись, а не эмблема — в круглой плашке она читалась как обрезок. */ [data-theme="light"] .dock-logo { background: url('../img/logo-mark-light.png') no-repeat center / auto 74%, radial-gradient(circle at 35% 28%, #fff, #f1f0f5 74%); border-color: rgba(240, 179, 42, .5); } [data-theme="light"] .di { color: #55525f; } [data-theme="light"] .di:hover, [data-theme="light"] .di.on { color: var(--gold-ink); background: rgba(240, 179, 42, .15); } [data-theme="light"] .di .dbadge { color: #241701; } [data-theme="light"] .di::after { background: rgba(255, 255, 255, .98); border-color: rgba(20, 18, 32, .12); color: var(--txt); box-shadow: 0 6px 18px rgba(24, 20, 50, .16); } [data-theme="light"] .dock-sep { background: rgba(20, 18, 32, .12); } [data-theme="light"] .dock-ava { border-color: rgba(240, 179, 42, .5); color: var(--gold-ink); } [data-theme="light"] .dock-pop { background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(250, 250, 253, .98)); border: 1px solid rgba(20, 18, 32, .12); box-shadow: 0 24px 60px rgba(24, 20, 50, .22); } [data-theme="light"] .dock-pop a { color: #33313c; } [data-theme="light"] .dock-pop a:hover { background: rgba(240, 179, 42, .13); color: var(--gold-ink); } [data-theme="light"] .crumbs { color: var(--muted); } [data-theme="light"] .crumbs .cur { color: var(--gold-ink); } /* ---------------- ПЕРЕКЛЮЧАТЕЛЬ В СВЕТЛОЙ ТЕМЕ ---------------- */ [data-theme="light"] .theme-toggle { border-color: rgba(20, 18, 32, .14); background: rgba(20, 18, 32, .03); color: #55525f; } [data-theme="light"] .theme-toggle:hover { border-color: var(--gold); background: rgba(240, 179, 42, .14); color: var(--gold-ink); } [data-theme="light"] .mtheme { border-color: rgba(20, 18, 32, .12); background: rgba(20, 18, 32, .02); color: #2c2a35; } [data-theme="light"] .mtheme svg { stroke: var(--gold-ink); } /* ===================================================================== ОСТАЛЬНЫЕ РАЗДЕЛЫ Часть страниц объявляет те же имена токенов заново — на :root (их перекрывает блок выше) либо на своём элементе. Пользовательские свойства наследуются от ближайшего объявления, поэтому объявленные на .bz-favorites-page или на body перекрыть через :root нельзя — нужно назвать те же селекторы. ===================================================================== */ [data-theme="light"] { --body: #57545f; } /* избранное */ [data-theme="light"] .bz-favorites-page { --ink: #f3f3f6; --panel: #fff; --panel-2: #fbfbfd; --line: rgba(20, 18, 32, .10); --txt: #17161d; --muted: #6c6979; --body: #57545f; background: #f3f3f6; } /* корзина и оформление заказа */ [data-theme="light"] body.woocommerce-cart, [data-theme="light"] body.woocommerce-checkout { --panel: #fff; --panel-2: #fbfbfd; --line: rgba(20, 18, 32, .10); --body: #57545f; --txt: #17161d; --muted: #6c6979; --wc-form-color-background: rgba(20, 18, 32, .03); --wc-form-border-color: rgba(20, 18, 32, .14); background: #f3f3f6; } /* каталог магазина и карточка товара */ [data-theme="light"] { --bz-commerce-panel: #fff; --bz-commerce-panel-2: #fbfbfd; --bz-commerce-line: rgba(20, 18, 32, .10); --bz-commerce-body: #57545f; } /* «Описание» и другие вкладки товара — цвет зашит на .panel напрямую, не через переменную, поэтому переопределяем явно. */ [data-theme="light"] .woocommerce div.product .woocommerce-tabs .panel { color: var(--bz-commerce-body); } [data-theme="light"] .woocommerce div.product .woocommerce-tabs .panel h2, [data-theme="light"] .woocommerce div.product .related > h2, [data-theme="light"] .woocommerce div.product .up-sells > h2 { color: var(--txt); } /* рассрочки (плагин) */ [data-theme="light"] .bz-installments-account { --bz-installment-accent: #8f5d06; --bz-installment-accent-soft: rgba(240, 179, 42, .14); --bz-installment-line: rgba(20, 18, 32, .10); --bz-installment-muted: #6c6979; } /* --------------------------------------------------------------------- ЗОЛОТО КАК ЦВЕТ ТЕКСТА --gold и --gold-2 в теме почти всегда цвет ТЕКСТА: 73 и 115 применений против 13 заливок. На белом оба нечитаемы (контраст около 2:1), поэтому в светлой теме они становятся тёмно-янтарными. Немногочисленные заливки возвращены яркими ниже поимённо. --------------------------------------------------------------------- */ [data-theme="light"] { --gold: #8f5d06; --gold-2: #a06c0c; } /* Подвал остаётся тёмным — там золото снова светлое. */ [data-theme="light"] footer { --gold: #f7c23b; --gold-2: #ffe08a; } /* Заливки, где золото — фон, а не текст. */ [data-theme="light"] .bz-cart-toast__marker, [data-theme="light"] .bz-shipping-option.is-selected .bz-shipping-option__mark::after, [data-theme="light"] .wc_payment_method.is-selected .bz-payment-option__mark::after, [data-theme="light"] .woocommerce div.product .woocommerce-product-gallery__trigger { background: #f0b32a; } [data-theme="light"] .burger i { background: #8f5d06; } /* Активный фильтр и текущая страница пагинации — тёмные пилюли, как основное действие на главной. */ [data-theme="light"] .bz-catalog-filters button.active, [data-theme="light"] .bz-auth-tab.is-active, [data-theme="light"] .woocommerce nav.woocommerce-pagination ul li span.current, [data-theme="light"] .woocommerce nav.woocommerce-pagination ul li a:hover { background: #17161d; color: #fff; } /* Дорожка переключателя «Вход / Регистрация» — как у фильтров каталога. */ [data-theme="light"] .bz-auth-tabs { border-color: var(--line); background: rgba(20, 18, 32, .04); } /* --------------------------------------------------------------------- ЗАШИТЫЕ СВЕТЛЫЕ ЦВЕТА ТЕКСТА --------------------------------------------------------------------- */ /* .bz-favorite-control и .g-fav сидят на постоянно тёмной плашке (rgba(10,8,5,.72)) поверх картинки — она не зависит от темы, поэтому иконка должна остаться светлой и в светлой теме. */ [data-theme="light"] .woocommerce-account .woocommerce :is(.bz-account-form__field, .woocommerce-address-fields__field-wrapper) :is(input, select, textarea), [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-address-fields :is(input, select, textarea), [data-theme="light"] body.woocommerce-account .select2-container--open .select2-selection__rendered { color: #17161d; } [data-theme="light"] .bz-cart-toast__content a:hover, [data-theme="light"] .bz-cart-toast__close:hover, [data-theme="light"] .bz-contacts-page .c-hero a.mail:hover, [data-theme="light"] .bz-faq-page .acc-in a:hover, [data-theme="light"] .bz-faq-page .acc-in a:focus { color: #17161d; } /* --------------------------------------------------------------------- ТЁМНЫЕ ПЛАШКИ СТАТУСОВ В КАТАЛОГЕ --------------------------------------------------------------------- */ [data-theme="light"] .bz-product-card__status.in-stock { border-color: rgba(240, 179, 42, .7); background: rgba(240, 179, 42, .32); color: #8f5d06; } [data-theme="light"] .bz-product-card__status.unavailable { border-color: rgba(20, 18, 32, .16); background: rgba(255, 255, 255, .92); color: #57545f; } [data-theme="light"] .bz-product-card__status.sold { border-color: rgba(200, 60, 30, .32); background: rgba(255, 236, 232, .95); color: #a33418; } /* Все страницы WooCommerce — магазин, карточка товара, кабинет. Токены там объявлены на body и перекрывают объявленные на . */ [data-theme="light"] body.woocommerce, [data-theme="light"] body.woocommerce-page { --panel: #fff; --panel-2: #fbfbfd; --line: rgba(20, 18, 32, .10); --body: #57545f; --txt: #17161d; --muted: #6c6979; background: #f3f3f6; } /* --------------------------------------------------------------------- ГРАДИЕНТНЫЙ ТЕКСТ Цены, крупные числа и акцентные слова набраны градиентом через background-clip: text. Тот же --grad используется и как заливка (36 мест против 24 текстовых), поэтому подменить его целиком нельзя — кнопки стали бы тёмными. Здесь текстовым случаям выдан отдельный тёмный градиент: он читается на белом и сохраняет золотой характер. --------------------------------------------------------------------- */ [data-theme="light"] { --grad-ink: linear-gradient(135deg, #a9720d 0%, #8f5d06 45%, #7a4a0a 100%); } [data-theme="light"] .bz-about-page .gradient-text, [data-theme="light"] .bz-about-page .ab-fact b, [data-theme="light"] .bz-contacts-page .gradient-text, [data-theme="light"] .bz-faq-page .gradient-text, [data-theme="light"] .bz-favorites-page .sec-head h1 span, [data-theme="light"] .bz-favorites-grid .g-price, [data-theme="light"] .g-price, [data-theme="light"] .bz-showcase-caption h1 span, [data-theme="light"] .g, [data-theme="light"] .po-count, [data-theme="light"] .goal b, [data-theme="light"] .aw b, [data-theme="light"] .ws b, [data-theme="light"] .gp-facts b, [data-theme="light"] .box-hero-num, [data-theme="light"] .box-feat-num, [data-theme="light"] .bb b, [data-theme="light"] .ship-card b.disp, [data-theme="light"] .bz-commerce-page .sum .order-total .amount, [data-theme="light"] .bz-cart-page .total .val, [data-theme="light"] .bz-shop .woocommerce-products-header__title span, [data-theme="light"] .woocommerce ul.products li.product.bz-product-card .price { background: var(--grad-ink); -webkit-background-clip: text; background-clip: text; } /* --------------------------------------------------------------------- ЛИЧНЫЙ КАБИНЕТ И РАССРОЧКИ Здесь тёмные подложки заданы полупрозрачным чёрным поверх тёмного фона. На светлом их нужно инвертировать: белые панели и лёгкая чёрная подложка для вложенных блоков. --------------------------------------------------------------------- */ [data-theme="light"] body.woocommerce-account, [data-theme="light"] .bz-order-card, [data-theme="light"] .bz-installment-plan table, [data-theme="light"] .woocommerce-account .shop_table, [data-theme="light"] .bz-order-detail__meta > div, [data-theme="light"] .bz-order-updates, [data-theme="light"] .bz-order-detail__main, [data-theme="light"] .woocommerce-account .woocommerce-Address, [data-theme="light"] .bz-auth-panel, [data-theme="light"] .bz-account-nav, [data-theme="light"] .woocommerce-account .woocommerce-MyAccount-content { background: #fff; } /* Личный кабинет (консоль, меню слева, карточки-ссылки) — та же тёмная подложка, что и .bz-auth-panel выше, и тот же набор зашитых под тёмный фон цветов текста. */ [data-theme="light"] .bz-account-quicklinks a { background: rgba(20, 18, 32, .025); } [data-theme="light"] .bz-account-nav__icon { background: rgba(20, 18, 32, .05); } /* Форма анкеты/адреса — эти поля переопределены отдельным, более специфичным правилом в woo-account.css (.form-row input.input-text), которое перебивает общий light-override input.input-text выше. */ [data-theme="light"] .woocommerce-account .woocommerce :is(.bz-account-form__grid, .bz-account-security__grid) .form-row input.input-text, [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper .form-row :is(input.input-text, select, .select2-selection) { color: #17161d; } /* Бейджи статусов заказа/адреса и индикатор сложности пароля — светлый текст на светлой плашке под тёмный фон. */ [data-theme="light"] .badge { color: #57545f; background: rgba(20, 18, 32, .05); border-color: rgba(20, 18, 32, .12); } [data-theme="light"] .badge.green, [data-theme="light"] .bz-address-card.has-address .bz-address-card__status, [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-password-strength.strong { color: #147a44; } [data-theme="light"] .badge.red, [data-theme="light"] .woocommerce-account .bz-order-actions .button.cancel, [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-password-strength.short, [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-password-strength.bad { color: #c23b34; } [data-theme="light"] .badge.info { color: #4c4dbf; } [data-theme="light"] .bz-address-card__body address { color: #57545f; } [data-theme="light"] .woocommerce-account .woocommerce-error { color: #c23b34; } [data-theme="light"] .bz-auth-success__icon { color: #147a44; } /* Вход/регистрация: карточка была той же тёмной подложкой, что и выше, но не попала в список — заголовок и текст оставались тёмными на тёмном. Подписи полей и плашки преимуществ зашиты светлым цветом под тёмный фон, на белом их нужно вернуть к тёмному. */ [data-theme="light"] .bz-auth-panel label, [data-theme="light"] .bz-auth-panel legend { color: #17161d; } [data-theme="light"] .bz-auth-benefits span { color: #6c6979; } [data-theme="light"] .woocommerce-account input.input-text, [data-theme="light"] .woocommerce-account textarea, [data-theme="light"] .woocommerce-account select, [data-theme="light"] .woocommerce-account .woocommerce form .form-row input.input-text { background: rgba(20, 18, 32, .03); color: #17161d; } [data-theme="light"] .woocommerce-account input.input-text:focus, [data-theme="light"] .woocommerce-account textarea:focus, [data-theme="light"] .woocommerce-account select:focus { background: #fff; } [data-theme="light"] .bz-installment-modal { background: rgba(20, 18, 32, .45); } [data-theme="light"] .bz-installment-modal .modal-content { background: #fff; } [data-theme="light"] body.woocommerce-account .select2-container--open .select2-selection, [data-theme="light"] body.woocommerce-account .select2-results { background: #fff; } [data-theme="light"] .bz-installments-account__overview, [data-theme="light"] .bz-installments-account__plan { background: #fff; } [data-theme="light"] .bz-installments-account__schedule li, [data-theme="light"] .bz-installments-account__empty, [data-theme="light"] .bz-installment-payment-page__amount, [data-theme="light"] .bz-installment-payment-page__provider, [data-theme="light"] .bz-installment-order-summary__amounts > div { background: rgba(20, 18, 32, .035); } [data-theme="light"] .bz-installments-account__plan[open] { background: linear-gradient(135deg, rgba(240, 179, 42, .09), #fff 42%); border-color: rgba(240, 179, 42, .38); } /* золотые акценты плагина на светлом */ [data-theme="light"] .bz-installments-account__status, [data-theme="light"] .bz-installments-account__next strong, [data-theme="light"] .bz-installment-order-summary__eyebrow { color: #8f5d06; } [data-theme="light"] .bz-installments-account__chevron { border-right-color: #8f5d06; border-bottom-color: #8f5d06; } [data-theme="light"] .bz-installment-progress { background: rgba(20, 18, 32, .10); } /* --------------------------------------------------------------------- ТЕНИ В тёмной теме тени построены на чёрном 30–80% — там это глубина. На белом тот же чёрный читается грязью, поэтому в светлой теме тени мягкие, холодные и заметно слабее. --------------------------------------------------------------------- */ [data-theme="light"] { --shadow-sm: 0 1px 2px rgba(24, 20, 50, .05); --shadow-md: 0 6px 16px rgba(24, 20, 50, .07); --shadow-lg: 0 14px 32px rgba(24, 20, 50, .10); } /* карточки товаров и файлов */ [data-theme="light"] .woocommerce ul.products li.product.bz-product-card, [data-theme="light"] .bz-favorites-grid .bz-product-card, [data-theme="light"] .bz-project-card, [data-theme="light"] .bz-news-card, [data-theme="light"] .good, [data-theme="light"] .fl-card { box-shadow: var(--shadow-sm); } [data-theme="light"] .woocommerce ul.products li.product.bz-product-card:hover, [data-theme="light"] .bz-favorites-grid .bz-product-card:hover, [data-theme="light"] .good:hover, [data-theme="light"] .fl-card:hover { box-shadow: var(--shadow-lg); } @media (hover: hover) and (pointer: fine) { [data-theme="light"] .bz-project-card:hover, [data-theme="light"] .bz-news-card:hover { box-shadow: var(--shadow-lg); } } /* сцена героя: тень поменьше, она и так крупная */ [data-theme="light"] .bz-showcase-stage { box-shadow: 0 18px 40px rgba(24, 20, 50, .12); } /* плавающий док и выпадашка */ [data-theme="light"] .dock { box-shadow: 0 10px 30px rgba(24, 20, 50, .12), inset 0 1px 0 rgba(255, 255, 255, .9); } [data-theme="light"] .dock-pop { box-shadow: 0 14px 36px rgba(24, 20, 50, .14); } [data-theme="light"] .di .dbadge { box-shadow: 0 1px 3px rgba(24, 20, 50, .18); } [data-theme="light"] .di::after { box-shadow: var(--shadow-md); } /* тосты, модалки, выпадающие списки */ [data-theme="light"] .bz-cart-toast, [data-theme="light"] .toast, [data-theme="light"] .bz-installment-modal .modal-content, [data-theme="light"] .bz-checkout-auth-dialog, [data-theme="light"] body.woocommerce-account .select2-container--open .select2-dropdown, [data-theme="light"] body.woocommerce-checkout .select2-container--open .select2-dropdown, [data-theme="light"] .status-finder, [data-theme="light"] .status-results { box-shadow: 0 16px 40px rgba(24, 20, 50, .14); } /* кнопки: подсветка вместо тяжёлой тени */ [data-theme="light"] .bz-project-filters button.is-active, [data-theme="light"] .bz-catalog-filters button.active, [data-theme="light"] .bz-auth-tab.is-active, [data-theme="light"] .mail-btn:hover, [data-theme="light"] .sub-row button:hover { box-shadow: 0 3px 10px rgba(24, 20, 50, .16); } [data-theme="light"] .bz-project-card__button { box-shadow: 0 2px 8px rgba(23, 22, 29, .14); } [data-theme="light"] .bz-project-card__button:hover { box-shadow: 0 5px 14px rgba(23, 22, 29, .2); } /* --------------------------------------------------------------------- СКРУГЛЕНИЕ ВЛОЖЕННЫХ КАРТИНОК Превью лежит внутри скруглённой карточки с отступом, поэтому углы самой картинки остаются острыми и спорят с формой карточки. --------------------------------------------------------------------- */ [data-theme="light"] .woocommerce ul.products li.product .bz-product-card__media img, [data-theme="light"] .bz-favorites-grid .bz-product-card__media img, [data-theme="light"] .g-thumb img { border-radius: 14px; } /* --------------------------------------------------------------------- ЛЕНДИНГИ НА КОНСТРУКТОРЕ Блоки конструктора — только тёмные: выбора темы в них нет. Светлая тема перекрашивала их через токены: --ink (фон, затемнения, вуали) становился почти белым, --txt — тёмным, золото — тёмно-янтарным. На тёмных артах это давало нечитаемые плашки и серую дымку на первом экране. Возвращаем лендингу тёмные токены — тем же приёмом, что и для подвала. Значения — ровно те, что у лендинга в тёмной теме. --------------------------------------------------------------------- */ [data-theme="light"] .bz-som-page { --ink: #08070a; --panel: #12100c; --panel-2: #1b1710; --line: rgba(247, 224, 180, .09); --txt: #f5f1e8; --muted: #a49c8a; --gold: #f7c23b; --gold-2: #ffe08a; --grad: linear-gradient(135deg, #ffe08a 0%, #f7c23b 45%, #ef8f3c 100%); /* Подменить токен мало: текст наследует конкретный цвет от body, поэтому --txt нужно ещё и применить здесь. */ color: var(--txt); } /* Фон body лежит вне
и берёт --ink с корня — там он светлый. */ [data-theme="light"] body.bz-landing { background: #08070a !important; } /* --------------------------------------------------------------------- ВТОРОСТЕПЕННЫЕ КНОПКИ Подложки собраны из белого с малой прозрачностью — на белом фоне светлой темы они исчезали. Возвращаем контраст тёмной подложкой. --------------------------------------------------------------------- */ [data-theme="light"] .woocommerce-account .bz-order-actions .button.view { border-color: rgba(20, 18, 32, .2); background: rgba(20, 18, 32, .06); color: #17161d; } [data-theme="light"] .btn-ghost { border-color: rgba(240, 179, 42, .65); background: rgba(240, 179, 42, .2); color: #8f5d06; } [data-theme="light"] .btn-ghost:hover { border-color: rgba(240, 179, 42, .85); background: rgba(240, 179, 42, .3); } /* На страницах корзины и оформления та же кнопка описана более длинным селектором (.bz-commerce-page .button:not(...)), который перебивал короткий светлый оверрайд выше. Повторяем его специфичность. */ [data-theme="light"] .bz-commerce-page .button:not(.btn-gold):not(.checkout-button):not(#place_order) { border-color: rgba(240, 179, 42, .65); background: rgba(240, 179, 42, .2); color: #8f5d06; } [data-theme="light"] .bz-commerce-page .button:not(.btn-gold):not(.checkout-button):not(#place_order):hover { border-color: rgba(240, 179, 42, .85); background: rgba(240, 179, 42, .3); } /* --------------------------------------------------------------------- НОВОСТИ (news.css): лента, запись, «Ещё новости». Подложка обложек светлая: прозрачные PNG (логотип Re;Act) на тёмной сцене теряли чёрный рисунок. Золотой текст — --gold-ink, основное действие — тёмная пилюля, как в остальных разделах. --------------------------------------------------------------------- */ [data-theme="light"] .bz-posts { --bz-post-accent: var(--gold-ink); --bz-post-chip-bg: rgba(240, 179, 42, .14); --bz-post-chip-line: rgba(143, 93, 6, .22); --bz-post-hover-line: rgba(143, 93, 6, .28); --bz-post-underline: rgba(143, 93, 6, .38); --bz-post-shadow: 0 18px 40px rgba(24, 20, 50, .12); --bz-post-stage: radial-gradient(110% 90% at 50% 15%, rgba(240, 179, 42, .12), transparent 62%), #faf7f0; } [data-theme="light"] .bz-posts .kicker, [data-theme="light"] .bz-posts .crumbs .cur, [data-theme="light"] .bz-posts .crumbs a:hover { color: var(--gold-ink); } [data-theme="light"] .bz-posts-filter { background: rgba(20, 18, 32, .04); } [data-theme="light"] .bz-posts-filter a { color: #55525f; } [data-theme="light"] .bz-posts-filter a:hover:not(.is-active) { color: var(--txt); } [data-theme="light"] .bz-posts-filter a.is-active { background: #17161d; box-shadow: 0 3px 10px rgba(24, 20, 50, .16); color: #fff; } [data-theme="light"] .bz-post-chip:hover { border-color: rgba(143, 93, 6, .45); background: rgba(240, 179, 42, .24); } [data-theme="light"] :is(.bz-post-lead, .bz-post-card) { box-shadow: 0 2px 4px rgba(24, 20, 50, .04); } [data-theme="light"] :is(.bz-post-lead__media, .bz-post-row__thumb, .bz-post-card__cover) { box-shadow: inset 0 0 0 1px rgba(20, 18, 32, .06); } [data-theme="light"] .bz-post-lead__media > img { filter: drop-shadow(0 12px 24px rgba(24, 20, 50, .16)); } [data-theme="light"] .bz-post-lead__more { background: #17161d; color: #fff; } [data-theme="light"] .bz-post-card__rubric { background: rgba(255, 255, 255, .92); color: #17161d; box-shadow: 0 1px 3px rgba(24, 20, 50, .12); } [data-theme="light"] .bz-post-card__arrow { color: var(--gold-ink); } [data-theme="light"] :is(.bz-posts__back, .bz-post-more__all) { border-color: #17161d; background: #17161d; color: #fff; } [data-theme="light"] .bz-posts .page-numbers { box-shadow: 0 2px 4px rgba(24, 20, 50, .04); } [data-theme="light"] .bz-posts .page-numbers.current { border-color: #17161d; background: #17161d; color: #fff; } [data-theme="light"] .bz-post-prose li::marker { color: var(--gold-ink); } [data-theme="light"] .bz-post-prose blockquote { border-left-color: var(--gold-ink); } [data-theme="light"] .bz-posts :is(.bz-posts-filter a, .bz-post-chip, .bz-post-more__all, .bz-posts__back, .bz-post-prose a, .page-numbers):focus-visible { outline-color: var(--gold-ink); } [data-theme="light"] .bz-post-stretch:focus-visible::after { outline-color: var(--gold-ink); } @media (hover: hover) and (pointer: fine) { [data-theme="light"] .bz-post-lead:hover .bz-post-lead__more { box-shadow: 0 5px 14px rgba(23, 22, 29, .2); } [data-theme="light"] .bz-post-card:hover .bz-post-card__arrow { border-color: var(--gold); background: var(--gold); color: #17161d; } [data-theme="light"] :is(.bz-posts__back, .bz-post-more__all):hover { border-color: #000; background: #000; } } /* ===================================================================== АУДИТ СВЕТЛОЙ ТЕМЫ (2026-09): 93 подтверждённых дефекта, каждый воспроизведён на живом стенде или точном макете реального шаблона и перепроверен независимым проходом. Источник в комментарии над каждым правилом — файл:строка правила тёмной темы, которое здесь перекрывается. ===================================================================== */ /* --- ОБЩИЕ КОМПОНЕНТЫ (тост, color-scheme, статус в доке) --- */ /* Общие компоненты, повторяющиеся на многих страницах: собраны в одном месте один раз, вместо того чтобы чиниться заново на каждой странице, где всплывают. */ [data-theme="light"] .bz-cart-toast { background: #fff; border-color: rgba(240, 179, 42, .55); color: #17161d; } [data-theme="light"] .bz-cart-toast__content :is(b, strong) { color: #8f5d06; } [data-theme="light"] .bz-cart-toast__content a { color: #8f5d06; border-bottom-color: rgba(143, 93, 6, .45); } [data-theme="light"] .bz-cart-toast__content a:hover { color: #17161d; border-bottom-color: #17161d; } [data-theme="light"] .bz-cart-toast__content a.button:hover { background: var(--grad); color: #17110a; } [data-theme="light"] .bz-cart-toast__close { color: #6c6979; } [data-theme="light"] .bz-cart-toast__close:hover { background: rgba(20, 18, 32, .06); color: #17161d; } [data-theme="light"] .bz-cart-toast.is-error { background: linear-gradient(180deg, #fff6f4, #ffeeea); border-color: rgba(194, 59, 52, .45); color: #a3261f; } [data-theme="light"] .bz-cart-toast.is-error .bz-cart-toast__content :is(b, strong) { color: #7d1b15; } [data-theme="light"] .bz-cart-toast.is-error .bz-cart-toast__content a { color: #7d1b15; border-bottom-color: rgba(125, 27, 21, .5); } [data-theme="light"] .bz-cart-toast.is-error .bz-cart-toast__content a:hover { color: #4f130f; border-bottom-color: #4f130f; } [data-theme="light"] .bz-cart-toast.is-error .bz-cart-toast__close { color: #8a5a52; } [data-theme="light"] .bz-cart-toast.is-error .bz-cart-toast__close:hover { background: rgba(194, 59, 52, .1); color: #7a2410; } [data-theme="light"] .toast { background: #fff; border-color: rgba(240, 179, 42, .5); color: #17161d; } [data-theme="light"] .toast.is-error { border-color: rgba(194, 59, 52, .45); color: #a33418; } [data-theme="light"] .toast :is(b, a) { color: #8f5d06; } [data-theme="light"] .toast a:hover { color: #17161d; border-color: #17161d; } [data-theme="light"] body:is(.woocommerce-account, .woocommerce-cart, .woocommerce-checkout) { color-scheme: light; } [data-theme="light"] footer { color-scheme: dark; } [data-theme="light"] .dock-ava__status { border-color: #fff; } /* --- ШАПКА / ПОДВАЛ / ДОК --- */ /* footer-subscribe-focus-lost (medium) — shell.css:664 (.sub-row:focus-within), перебито theme-light.css:195 */ [data-theme="light"] .sub-row:focus-within { border-color: rgba(247, 194, 59, .6); } /* short-page-footer-island (medium) — theme-light.css:26-32 (фон body), theme-light.css:158-171 (подвал), shell.css:21-30 (у body нет min-height) */ [data-theme="light"] { background: #0e0e17; } /* dock-hover-border-lost (low) — shell.css:773-776, 888-891; перебито theme-light.css:238, 251 */ [data-theme="light"] .dock-logo:hover, [data-theme="light"] .dock-ava:hover { border-color: #f0b32a; } /* --- CSS-РАЗБОР: ШАПКА/ГЛАВНАЯ --- */ /* home-project-card-focus-gold (medium) — assets/css/home.css:491-498 (общий :focus-visible → outline: 2px solid var(--home-gold)), home.css:596-613 (@media hover: .bz-project-card:focus-within → border-color rgba(255,255,255,.22) на :600; :609-612 h3 a → var(--home-gold)); theme-light.css:82 (--home-gold: #f0b32a), :145 — только :hover */ [data-theme="light"] .bz-project-card:focus-within { border-color: rgba(240, 179, 42, .5); } [data-theme="light"] .bz-project-card:focus-within .bz-project-card__body h3 a { color: var(--gold-ink); } [data-theme="light"] :is(.bz-project-card__button, .bz-project-card__body h3 a, .bz-project-card__thumb, .bz-news-link, .bz-news-card a, .bz-project-filters button):focus-visible { outline-color: #8f5d06; } /* --- ГЛАВНАЯ --- */ /* home-done-badge-unreadable (high) — home.css:357-362 (.bz-project-card__badge--done); перекрытие theme-light.css:114-118 */ [data-theme="light"] .bz-project-card__badge--done { background: rgba(255, 255, 255, .92); border-color: rgba(20, 18, 32, .14); color: #3d3a48; box-shadow: 0 1px 3px rgba(24, 20, 50, .12); } /* home-focus-ring-gold-low-contrast (medium) — home.css:491-499 (общее правило outline: 2px solid var(--home-gold)); --home-gold: #f0b32a в theme-light.css:82, перекрытия outline нет */ [data-theme="light"] :is(.bz-project-filters button, .bz-project-card__button, .bz-project-card__body h3 a, .bz-project-card__thumb, .bz-news-link, .bz-news-card a):focus-visible { outline-color: #8f5d06; } /* home-filter-inactive-contrast (low) — home.css:243-249 (color: var(--home-muted)); theme-light.css:81 (--home-muted #6c6979), дорожка theme-light.css:97-100 */ [data-theme="light"] .bz-project-filters button:not(.is-active) { color: #57545f; } /* home-footer-light-strip-mobile (low) — shell.css:1073 (@media (max-width:1080px) body.home { padding-bottom: 96px; }); подвал затемнён в theme-light.css:158-171 */ @media (max-width: 1080px) { [data-theme="light"] body.home { padding-bottom: 0; } [data-theme="light"] body.home footer { padding-bottom: 96px; } } /* news-404-light-band-under-footer (medium) — shell.css:21-30 (body без min-height, фон пропагируется на канвас); theme-light.css:26-32 (светлый фон body), подвал theme-light.css:158-171 */ html[data-theme="light"] { background: #0e0e17; } [data-theme="light"] body { min-height: 100vh; display: flex; flex-direction: column; } [data-theme="light"] body > main { flex: 1 0 auto; } /* home-news-card-touch-hover-border (low) — home.css:549-551 (.bz-news-card:hover вне медиазапроса); светлые перекрытия только в theme-light.css:138-144 и 645-650 внутри @media (hover: hover) and (pointer: fine) */ @media (hover: none) { [data-theme="light"] .bz-news-card:hover { border-color: var(--line); } } /* --- КАТАЛОГ --- */ /* catalog-instock-badge-translucent (medium) — assets/css/woo-catalog.css:233-237; theme-light.css:413-417 (background: rgba(240,179,42,.32)) */ [data-theme="light"] .bz-product-card__status.in-stock { background: #fdf0cf; color: #7a4f05; } /* catalog-fav-hover-dim-gold (medium) — assets/css/favorites.css:20-26; theme-light.css:355-356 (--gold-2 #a06c0c), перекрытия hover нет */ [data-theme="light"] .bz-favorite-control:hover, [data-theme="light"] .bz-favorite-control:focus-visible { color: #ffd76b; } /* catalog-options-button-contrast (low) — assets/css/woo-catalog.css:362-373 (color var(--gold-2)), :375-378; theme-light.css:356 */ [data-theme="light"] .woocommerce ul.products li.product.bz-product-card > .bz-loop-product-action--options { border-color: rgba(240, 179, 42, .65); background: rgba(240, 179, 42, .14); color: #8f5d06; } /* catalog-empty-stars-invisible (low) — plugins/woocommerce/assets/css/woocommerce.css (.woocommerce .star-rating::before color #cfc8d8); тема задаёт только assets/css/woo-catalog.css:292-296 */ [data-theme="light"] .woocommerce ul.products li.product.bz-product-card .star-rating::before { color: #958866; } /* --- КОРЗИНА --- */ /* cart-qty-step-hover-white (medium) — assets/css/woo-cart-checkout.css:542-545 (.bz-qty-step:hover); перекрытия в theme-light.css нет */ [data-theme="light"] .bz-qty-step:hover { background:rgba(240,179,42,.16); color:#17161d; } /* cart-coupon-focus-indicator-weak (medium) — assets/css/woo-cart-checkout.css:626-628 (.coupon-in:focus-within), :635 (input outline:0) */ [data-theme="light"] .bz-cart-layout .coupon-in:focus-within { border-color:#b07a12; box-shadow:0 0 0 3px rgba(240,179,42,.28); background:#fff; } /* cart-remove-item-hover-low-contrast (low) — assets/css/woo-cart-checkout.css:584-588 (.bz-cart-layout a.c-del:hover) */ [data-theme="light"] .bz-cart-layout a.c-del:hover { border-color:rgba(194,59,52,.35); background:rgba(194,59,52,.07); color:#c23b34 !important; } /* cart-gold2-text-below-aa (low) — assets/css/woo-cart-checkout.css:557-564 (.c-sub), :481-484 (.backorder_notification), :458-460 (.c-name > a:hover); theme-light.css задаёт --gold-2:#a06c0c */ [data-theme="light"] .bz-cart-layout .c-sub, [data-theme="light"] .bz-cart-layout .unit .backorder_notification, [data-theme="light"] .bz-cart-layout .c-name > a:hover { color:#8f5d06; } /* --- ОФОРМЛЕНИЕ ЗАКАЗА --- */ /* checkout-fields-invisible (high) — themes/boardzeppelin-retheme/assets/css/woo-cart-checkout.css:1395-1411 и :1417-1422; в theme-light.css:307-318 заданы только --wc-form-border-color/--wc-form-color-background, правила темы их не читают */ [data-theme="light"] .bz-checkout-page :is(.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea), [data-theme="light"] .bz-checkout-page .select2-container .select2-selection, [data-theme="light"] .woocommerce .bz-checkout-page form.checkout .form-row :is(.input-text, select, textarea) { border-color: rgba(20, 18, 32, .5); /* было .18 = 1.47:1, проверено: .5 = 3.49:1 */ background-color: #fff; color: #17161d; } /* checkout-color-scheme-dark (high) — woo-cart-checkout.css:19-32 (body.woocommerce-cart, body.woocommerce-checkout { color-scheme: dark }); аналогично woo-account.css:24. В theme-light.css:307-318 не сброшено */ [data-theme="light"] .bz-checkout-page input[type="checkbox"], [data-theme="light"] .bz-checkout-page input[type="radio"], [data-theme="light"] .bz-installments-checkout input, [data-theme="light"] .bzf-checkout-group__option input { accent-color: #8f5d06; } /* checkout-select2-dropdown-dark (high) — woo-cart-checkout.css:1555-1563 (dropdown background #0d0c10), :1581-1584 (.select2-results #0d0c10), :1586-1592, :1594-1612; в theme-light.css:671 для checkout перекрыта только тень */ [data-theme="light"] body.woocommerce-checkout .select2-container--open .select2-dropdown, [data-theme="light"] body.woocommerce-checkout .select2-results { border-color: rgba(20, 18, 32, .12); background: #fff; } [data-theme="light"] body.woocommerce-checkout .select2-results__option { color: #17161d; } [data-theme="light"] body.woocommerce-checkout .select2-results__option[aria-selected="true"], [data-theme="light"] body.woocommerce-checkout .select2-container--default .select2-results__option--selected, [data-theme="light"] body.woocommerce-checkout .select2-results__option[data-selected="true"] { background: rgba(240, 179, 42, .14) !important; color: #8f5d06 !important; } [data-theme="light"] body.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected] { background: rgba(240, 179, 42, .24) !important; color: #6f4a0c !important; } /* checkout-select2-dropdown-dark: исходное правило (:1600-1612) со своим !important побеждало правку без !important — проверено верификацией: без !important 4.17:1, с ним 6.79:1/5.15:1. */ /* checkout-payment-box-grey-patch (high) — woo-cart-checkout.css:2152-2168 (background radial-gradient(...), rgba(7,7,12,.52)), мобильный :2626; перекрытия в theme-light.css нет */ [data-theme="light"] .bz-checkout-page #payment div.payment_box { border-color: rgba(240, 179, 42, .28); background: radial-gradient(110% 140% at 0% 0%, rgba(240, 179, 42, .08), transparent 62%), rgba(20, 18, 32, .025); color: #57545f; } /* installments-checkout-white-overlays (medium) — plugins/boardzeppelin-installments/assets/installments.css:15-21 и :42-49; в theme-light.css есть только .bz-installments-account (:339-344, :587-608) */ [data-theme="light"] .bz-installments-checkout__breakdown { background: rgba(20, 18, 32, .04); } [data-theme="light"] .bz-installments-checkout__choice { border-color: rgba(20, 18, 32, .14); background: #fff; } [data-theme="light"] .bz-installments-checkout__choice:has(input:checked) { border-color: rgba(240, 179, 42, .6); background: rgba(240, 179, 42, .08); } /* installments-unavailable-notice-invisible (high) — plugins/boardzeppelin-installments/assets/installments.css:78-87, :89-91, :93-97, :99-104; перекрытия в theme-light.css нет */ [data-theme="light"] .bz-installments-unavailable { border-color: rgba(240, 179, 42, .45); background: rgba(240, 179, 42, .1); color: #17161d; } [data-theme="light"] .bz-installments-unavailable strong, [data-theme="light"] .bz-installments-unavailable a { color: #8f5d06; } [data-theme="light"] .bz-installments-unavailable span, [data-theme="light"] .bz-installments-unavailable small { color: #57545f; } /* checkout-auth-dialog-dark (high) — woo-cart-checkout.css:2283-2295, :2297-2300 (::backdrop), :2321-2337 (.bz-checkout-auth-close); в theme-light.css:669 перекрыта только box-shadow */ [data-theme="light"] .bz-checkout-auth-dialog { border-color: rgba(20, 18, 32, .10); background: #fff; color: #17161d; } [data-theme="light"] .bz-checkout-auth-dialog::backdrop { background: rgba(20, 18, 32, .45); } [data-theme="light"] .bz-checkout-auth-close { border-color: rgba(20, 18, 32, .14); background: rgba(20, 18, 32, .04); color: #17161d; } [data-theme="light"] .bz-checkout-auth-dialog .lost_password a { color: #8f5d06; } [data-theme="light"] .bz-checkout-auth-dialog .bz-checkout-auth-dialog__lead, [data-theme="light"] .bz-checkout-auth-dialog label { color: #57545f; } /* checkout-error-notice-strong-invisible (high) — woo-cart-checkout.css:1235-1238 (color #fff1f1); перекрытия нет, в theme-light.css есть только .woocommerce-account .woocommerce-error (:556) */ [data-theme="light"] .bz-checkout-page .woocommerce-NoticeGroup-checkout .woocommerce-error strong { color: #a3261f; } /* checkout-password-strength-short (medium) — woo-cart-checkout.css:1459-1464 (.short/.bad), :1472-1476 (.strong); в theme-light.css:538-548 перекрыты только .woocommerce-account */ [data-theme="light"] .woocommerce .bz-checkout-page form.checkout .woocommerce-password-strength { border-color: rgba(20, 18, 32, .12); background: rgba(20, 18, 32, .03); } [data-theme="light"] .woocommerce .bz-checkout-page form.checkout .woocommerce-password-strength:is(.short, .bad) { color: #c23b34; } [data-theme="light"] .woocommerce .bz-checkout-page form.checkout .woocommerce-password-strength.strong { color: #147a44; } /* checkout-option-marks-invisible (medium) — woo-cart-checkout.css:1776-1784 (.bz-shipping-option__mark), :2100-2107 (.bz-payment-option__mark); в theme-light.css:366-375 перекрыта только заливка точки выбранного */ [data-theme="light"] .bz-shipping-option__mark, [data-theme="light"] .bz-payment-option__mark { border-color: #8d8a98; } /* было rgba(20,18,32,.35) = 2.26:1, проверено: #8d8a98 = 3.38:1 */ /* partner-point-trigger-invisible (high) — plugins/boardzeppelin-fulfilment/assets/css/order-delivery.css:126-140 (color #ffd766; background rgb(247 194 59/8%)), hover :146-150; перекрытия в theme-light.css нет */ [data-theme="light"] .bzf-checkout-point-trigger { border-color: rgba(240, 179, 42, .65); background: rgba(240, 179, 42, .2); color: #8f5d06; } [data-theme="light"] .bzf-checkout-point-trigger:is(:hover, :focus-visible) { border-color: rgba(240, 179, 42, .85); background: rgba(240, 179, 42, .3); } /* checkout-delivery-group-low-contrast (medium) — plugins/boardzeppelin-fulfilment/assets/css/checkout-delivery-group.css:1-7, :15-21, :23-33, :50-56; перекрытия в theme-light.css нет */ [data-theme="light"] .bzf-checkout-group { border-top-color: rgba(20, 18, 32, .12); } [data-theme="light"] :is(.bzf-checkout-group__heading > span, .bzf-checkout-group__option small, .bzf-checkout-group__note) { color: #6c6979; } [data-theme="light"] .bzf-checkout-group__option { border-color: rgba(20, 18, 32, .12); background: #fff; } [data-theme="light"] .bzf-checkout-group__option input { accent-color: #8f5d06; } [data-theme="light"] .bzf-checkout-group.is-updating .bzf-checkout-group__note { color: #8f5d06; } [data-theme="light"] .bzf-checkout-group.has-error .bzf-checkout-group__note { color: #c23b34; } /* cdek-city-suggestions-dark (low) — plugins/boardzeppelin-fulfilment/assets/css/cdek-city-autocomplete.css:27-40, :46-60, :62-66, :72-77; перекрытия в theme-light.css нет */ [data-theme="light"] .bz-cdek-city-suggestions { border-color: rgba(20, 18, 32, .12); background: #fff; box-shadow: 0 16px 40px rgba(24, 20, 50, .14); } [data-theme="light"] .bz-cdek-city-suggestions__option { color: #17161d; } [data-theme="light"] .bz-cdek-city-suggestions__option:hover, [data-theme="light"] .bz-cdek-city-suggestions__option.is-active { background: rgba(240, 179, 42, .16); color: #8f5d06; } [data-theme="light"] .bz-cdek-city-suggestions__empty { color: #6c6979; } /* partner-points-modal-dark (low) — plugins/boardzeppelin-fulfilment/assets/css/order-delivery.css:174-189, :205-211, :225-235, :255-269, :300-336, :338-371; перекрытия в theme-light.css нет */ [data-theme="light"] .bzf-points-modal__dialog { border-color: rgba(20, 18, 32, .10); background: #fff; color: #17161d; } [data-theme="light"] .bzf-points-modal__backdrop { background: rgba(20, 18, 32, .45); } [data-theme="light"] :is(.bzf-points-modal__header, .bzf-points-modal__footer, .bzf-points-modal__list-panel) { border-color: rgba(20, 18, 32, .10); } [data-theme="light"] .bzf-points-modal__close { border-color: rgba(20, 18, 32, .14); background: rgba(20, 18, 32, .04); color: #17161d; } [data-theme="light"] .bzf-points-modal__list-panel input { border-color: rgba(20, 18, 32, .18); background: rgba(20, 18, 32, .03); color: #17161d; } [data-theme="light"] .bzf-point-card { border-color: rgba(20, 18, 32, .10); background: #fff; color: #17161d; } [data-theme="light"] .bzf-point-card:hover, [data-theme="light"] .bzf-point-card.is-selected { border-color: rgba(240, 179, 42, .65); background: rgba(240, 179, 42, .1); } [data-theme="light"] .bzf-point-card__city { color: #8f5d06; } [data-theme="light"] .bzf-points-modal__map-panel { background: #f3f3f6; } [data-theme="light"] .bzf-points-modal__map-link { background: #fff; color: #8f5d06; } /* thankyou-delivery-group-canvas-dark (high) — plugins/boardzeppelin-fulfilment/assets/css/order-delivery.css:386-394 (background color-mix(in srgb, #f5bd3b 5%, Canvas)), :412-420; корень — woo-cart-checkout.css:31 (color-scheme: dark) */ [data-theme="light"] .bzf-delivery-group { border-color: rgba(240, 179, 42, .4); background: linear-gradient(135deg, rgba(240, 179, 42, .08), #fff 45%); color: #17161d; } [data-theme="light"] .bzf-delivery-group__heading > span { background: rgba(240, 179, 42, .18); color: #8f5d06; } /* thankyou-next-steps-footer-rule (medium) — theme-light.css:158-171 и :360-363 ([data-theme="light"] footer {...}) перекрывают woo-cart-checkout.css:2963-2972; правильнее сузить исходный селектор до body > footer */ [data-theme="light"] footer.bz-order-received__footer { --panel: #fff; --panel-2: #fbfbfd; --line: rgba(20, 18, 32, .10); --txt: #17161d; --muted: #6c6979; --gold: #8f5d06; --gold-2: #a06c0c; --gold-ink: #8f5d06; border-top: 1px solid var(--line); background: #fbfbfd; color: #17161d; } /* thankyou-failed-mark-low-contrast (medium) — woo-cart-checkout.css:2715-2719 (color #ff9e8d; background rgba(239,107,84,.1)); перекрытия в theme-light.css нет */ [data-theme="light"] .bz-order-received__hero--failed .bz-order-received__mark { border-color: rgba(194, 59, 52, .35); background: rgba(194, 59, 52, .08); color: #c23b34; } /* checkout-focus-ring-weak (low) — woo-cart-checkout.css:1513-1521 (focus border rgba(247,194,59,.45), box-shadow rgba(247,194,59,.07)), :1861-1865 (.open-pvz-btn:focus-visible outline #fff2c8) */ [data-theme="light"] .bz-checkout-page :is(.input-text, input, select, textarea):focus, [data-theme="light"] .bz-checkout-page .select2-container--focus .select2-selection, [data-theme="light"] .bz-checkout-page .select2-container--open .select2-selection { border-color: #8f5d06 !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(240, 179, 42, .32) !important; } /* !important — правило .form-row .input-text (0,4,1) иначе побеждает :focus (0,4,0) в обеих темах */ [data-theme="light"] .bz-checkout-page .woocommerce-shipping-methods .open-pvz-btn:focus-visible { outline-color: #8f5d06; } /* checkout-summary-thumbs-black (low) — woo-cart-checkout.css:1945-1955 (.bz-checkout-page .co-item .th background #0c0c14); перекрытия в theme-light.css нет */ [data-theme="light"] .bz-checkout-page .co-item .th { background: #f3f3f6; } /* order-status-pills-contrast (low) — woo-cart-checkout.css:106-113 и :2754-2765 (color var(--gold-2)); theme-light.css:360-363 задаёт --gold-2: #a06c0c */ [data-theme="light"] .bz-order-pay-page__heading > strong, [data-theme="light"] .bz-order-received__status { border-color: rgba(240, 179, 42, .5); background: rgba(240, 179, 42, .16); color: #7a4a0a; } /* checkout-dark-shadows-dirt (low) — woo-cart-checkout.css:1205-1214 (box-shadow 0 14px 36px rgba(0,0,0,.16)), :2692-2703 (.bz-order-received__mark); в разделе теней theme-light.css:620-700 эти элементы не перечислены */ [data-theme="light"] .bz-checkout-page .woocommerce-NoticeGroup-checkout .woocommerce-error { box-shadow: 0 6px 16px rgba(24, 20, 50, .07); } [data-theme="light"] .bz-order-received__mark { box-shadow: 0 6px 16px rgba(24, 20, 50, .08); } /* --- ВХОД / РЕГИСТРАЦИЯ --- */ /* guest-input-border-invisible (medium) — woo-account.css:393, woo-account.css:408 (border-color rgba(255,255,255,.12)); theme-light.css:567-573 перекрывает только background/color */ [data-theme="light"] .woocommerce-account input.input-text, [data-theme="light"] .woocommerce-account .woocommerce form .form-row input.input-text { border-color: rgba(20,18,32,.5); } /* guest-meter-good-contrast (low) — woo-account.css:457; theme-light.css:533, 538-539 (перекрыты только strong/short/bad) */ [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-password-strength.good { color: #8f5d06; } /* guest-meter-neutral-invisible (low) — woo-account.css:423 (border rgba(255,255,255,.1); background rgba(255,255,255,.025)); в theme-light.css перекрытия нет */ [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-password-strength { border-color: rgba(20,18,32,.12); background: rgba(20,18,32,.03); } /* guest-auth-panel-heavy-shadow (low) — woo-account.css:34-43 (box-shadow 0 24px 90px rgba(0,0,0,.24)); theme-light.css:500-502 меняет только background, раздел теней 655-687 без .bz-auth-panel */ [data-theme="light"] .bz-auth-panel, [data-theme="light"] .bz-account-nav, [data-theme="light"] .woocommerce-account .woocommerce-MyAccount-content { box-shadow: 0 16px 40px rgba(24,20,50,.10); } /* --- ЛИЧНЫЙ КАБИНЕТ --- */ /* select2-country-unreadable (high) — assets/css/woo-account.css:1477-1481 (rendered color:#f5f1e8 !important), :1444-1452 (фон/рамка .select2-selection), :1490-1497 (.select2-dropdown #0d0c10), :1507-1512 (option #d7d3df), :1514-1524 (selected/highlighted #ffe08a !important); theme-light.css:400-402, :519-522, :584-585 — перекрыт только фон, цвет текста без !important проигрывает */ [data-theme="light"] body.woocommerce-account .select2-container .select2-selection__rendered { color:#17161d !important; } [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-address-fields__field-wrapper .form-row .select2-selection { background-color:rgba(20,18,32,.03); border-color:rgba(20,18,32,.14); } [data-theme="light"] body.woocommerce-account .select2-container--open .select2-dropdown { background:#fff; border-color:rgba(20,18,32,.14); color:#17161d; } [data-theme="light"] body.woocommerce-account .select2-results__option { color:#2c2a35; } [data-theme="light"] body.woocommerce-account .select2-results__option[aria-selected="true"], [data-theme="light"] body.woocommerce-account .select2-container--default .select2-results__option--selected { background:rgba(240,179,42,.16) !important; color:#6f4a0c !important; } [data-theme="light"] body.woocommerce-account .select2-container--default .select2-results__option--highlighted[aria-selected] { background:rgba(240,179,42,.24) !important; color:#17161d !important; } /* The account body is dark by default; the delivery editor needs its own light palette. */ [data-theme="light"] .bzf-delivery { --bzf-text: #17161d; --bzf-muted: #57545f; --bzf-border: #d2d0d7; --bzf-surface: #f9f9fb; --bzf-field: #fff; --bzf-accent: #b87500; --bzf-button: #f5bd3b; --bzf-accent-ink: #17110a; --bzf-soft: #fff; color-scheme: light; } [data-theme="light"] .bzf-delivery :is(h2, legend, .bzf-delivery__method-title) { color: var(--bzf-text); } [data-theme="light"] .bzf-delivery__address label { color: var(--bzf-muted); } [data-theme="light"] .bzf-delivery__address :is(input, select) { color: var(--bzf-text); background: var(--bzf-field); } [data-theme="light"] .bzf-delivery__address :is(input, select)::placeholder { color: var(--bzf-muted); } [data-theme="light"] .bzf-partner-picker [data-bzf-partner-summary] { color: var(--bzf-muted); } [data-theme="light"] .bzf-delivery__status[data-kind="success"] { color:#147a44; } [data-theme="light"] .bzf-delivery__status[data-kind="error"] { color:#b42318; } /* delivery-group-dark-block (high) — plugins/boardzeppelin-fulfilment/assets/css/order-delivery.css:393 (background: color-mix(in srgb,#f5bd3b 5%, Canvas)), :412-420 (heading span #f5bd3b); первопричина — woo-account.css:24 */ [data-theme="light"] .bzf-delivery-group__heading > span { background:rgba(240,179,42,.18); color:#8f5d06; } [data-theme="light"] .bzf-delivery-group li span { color:#6c6979; } /* installment-order-summary-dark (high) — plugins/boardzeppelin-installments/assets/installments.css:795-803, :828-836 (__parts #f7d36e), :853-857 (span #9f9bb6), :861-866 (__progress), :887-892 (--overdue); theme-light.css перекрывает только :594 (__amounts > div) и :606 (eyebrow) */ [data-theme="light"] .bz-installment-order-summary { background:linear-gradient(135deg, rgba(240,179,42,.10), #fff 52%); border-color:rgba(240,179,42,.4); } [data-theme="light"] .bz-installment-order-summary--overdue { background:linear-gradient(135deg, rgba(194,59,52,.08), #fff 52%); border-color:rgba(194,59,52,.35); } [data-theme="light"] .bz-installment-order-summary--overdue .bz-installment-order-summary__eyebrow { color:#b42318; } [data-theme="light"] .bz-installment-order-summary__amounts span, [data-theme="light"] .bz-installment-order-summary__footer span { color:#6c6979; } [data-theme="light"] .bz-installment-order-summary__parts { border-color:rgba(240,179,42,.55); color:#8f5d06; } [data-theme="light"] .bz-installment-order-summary__progress { background:rgba(20,18,32,.10); } /* installment-payment-page-dark (high) — plugins/boardzeppelin-installments/assets/installments.css:578-588 (токены + фон), :597-600, :602-610, :637-649, :658-667, :676-680, :693-728; theme-light.css:592-593 (перекрыт только фон __amount/__provider), :339-343 (токены только для .bz-installments-account) */ [data-theme="light"] .bz-installment-payment-page, [data-theme="light"] .bz-installment-payment-state { --bz-installment-accent:#8f5d06; --bz-installment-line:rgba(20,18,32,.10); --bz-installment-muted:#6c6979; background:linear-gradient(135deg, rgba(240,179,42,.10), #fff 45%); border-color:rgba(240,179,42,.4); color:#17161d; } [data-theme="light"] .bz-installment-payment-page.is-overdue { background:linear-gradient(135deg, rgba(194,59,52,.08), #fff 45%); border-color:rgba(194,59,52,.35); } [data-theme="light"] .bz-installment-payment-page__back, [data-theme="light"] .bz-installment-payment-page__order, [data-theme="light"] .bz-installment-payment-page__amount strong, [data-theme="light"] .bz-installment-payment-page__provider strong, [data-theme="light"] .bz-installment-payment-page__test strong { color:#8f5d06; } [data-theme="light"] .bz-installment-payment-page__header > strong { background:rgba(240,179,42,.16); color:#8f5d06; } [data-theme="light"] .bz-installment-payment-page.is-overdue .bz-installment-payment-page__header > strong { background:rgba(194,59,52,.10); color:#b42318; } [data-theme="light"] .bz-installment-payment-page__facts > div { background:rgba(20,18,32,.035); } [data-theme="light"] .bz-installment-payment-page__lock { background:rgba(240,179,42,.16); color:#8f5d06 !important; } /* installment-payment-states-dark (high) — plugins/boardzeppelin-installments/assets/installments.css:578-588, :777-793; в theme-light.css перекрытия нет */ [data-theme="light"] .bz-installment-payment-state > span { background:rgba(240,179,42,.16); color:#8f5d06; } [data-theme="light"] .bz-installment-payment-state.is-success > span { background:rgba(20,122,68,.10); color:#147a44; } [data-theme="light"] .bz-installment-payment-state.is-error > span { background:rgba(194,59,52,.10); color:#b42318; } /* light-footer-rule-hits-form-footer (high) — theme-light.css:158-171 ([data-theme="light"] footer {…}), :360-363; shell.css:513-516; woo-account.css:1381-1387 */ [data-theme="light"] footer.bz-account-form__actions { --txt:#17161d; --gold:#8f5d06; --gold-2:#a06c0c; background:transparent; border-top:1px solid rgba(20,18,32,.10); color:#17161d; } [data-theme="light"] footer.bzf-points-modal__footer { background:transparent; } /* account-security-fieldset-gray (high) — woo-account.css:1335-1344 (фон fieldset), :382-387 (legend #e8e5f5), :1302-1307 (label #a49c8a), :423-467 (strength); theme-light.css:519-522 и :533-540 перекрывают только цвет текста полей и strength.short/strong */ [data-theme="light"] .woocommerce-account .bz-account-security { background:linear-gradient(135deg, rgba(240,179,42,.08), #fff 58%); border-color:rgba(240,179,42,.35); } [data-theme="light"] .woocommerce-account .bz-account-security legend { color:#17161d; } [data-theme="light"] .woocommerce-account .woocommerce .bz-account-security__grid .form-row label { color:#57545f; } [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-password-strength { border-color:rgba(20,18,32,.12); background:rgba(20,18,32,.03); } [data-theme="light"] .woocommerce-account .woocommerce .woocommerce-password-strength.good { border-color:rgba(240,179,42,.45); background:rgba(240,179,42,.10); color:#8f5d06; } /* address-cards-gray (high) — woo-account.css:1108-1119 (фон карточки), :1121-1125 (hover shadow rgba(0,0,0,.18)), :1181-1200 (action); theme-light.css:492-504 (список подложек без .bz-address-card), :532, :545-547 */ [data-theme="light"] .bz-address-card { background:radial-gradient(120% 100% at 100% 0%, rgba(240,179,42,.08), transparent 58%), #fff; } [data-theme="light"] .bz-address-card:hover { box-shadow:var(--shadow-lg); } [data-theme="light"] .bz-address-card__action { background:rgba(20,18,32,.02); color:#8f5d06; } [data-theme="light"] .bz-address-card__action:hover, [data-theme="light"] .bz-address-card__action:focus-visible { background:rgba(240,179,42,.14); color:#6f4a0c; } [data-theme="light"] .bz-address-card__icon { background:rgba(240,179,42,.14); border-color:rgba(240,179,42,.4); } /* installments-overdue-colors (high) — plugins/boardzeppelin-installments/assets/installments.css:200-203, :266-269, :332-342, :351-364; theme-light.css:604-606 перекрывает только обычный статус */ [data-theme="light"] .bz-installments-account__overdue-alert { background:#fff4f2; border-color:rgba(194,59,52,.35); } [data-theme="light"] .bz-installments-account__overdue-alert small { color:#b42318; } [data-theme="light"] .bz-installments-account__overdue-alert strong { color:#17161d; } [data-theme="light"] .bz-installments-account__plan.is-overdue .bz-installments-account__status { background:rgba(194,59,52,.10); color:#b42318; } [data-theme="light"] .bz-installments-account__overview .is-alert strong, [data-theme="light"] .bz-installments-account__overview .is-alert span { color:#b42318; } /* installments-schedule-status-colors (medium) — plugins/boardzeppelin-installments/assets/installments.css:442-452, :482-502, :530-537; theme-light.css:590-596 */ [data-theme="light"] .bz-installments-account__schedule li { border-color:rgba(20,18,32,.08); } [data-theme="light"] .bz-installments-account__schedule li.is-next { background:rgba(240,179,42,.12); border-color:rgba(240,179,42,.5); } [data-theme="light"] .bz-installments-account__schedule li.is-paid em { color:#147a44; } [data-theme="light"] .bz-installments-account__schedule li.is-next em { color:#8f5d06; } [data-theme="light"] .bz-installments-account__schedule li.is-overdue em { color:#b42318; } [data-theme="light"] .bz-installments-account__history li { border-top-color:rgba(20,18,32,.08); } /* order-fulfilment-section-gray (medium) — woo-account.css:952-960, :993-1000; theme-light.css:492-504 */ [data-theme="light"] .bz-order-fulfilment { background:#fff; } /* order-badges-lose-tint (low) — woo-account.css:681-722; theme-light.css:526-530 (общий .badge перебивает модификаторы), :531-544 */ [data-theme="light"] .badge.orange { background:rgba(240,179,42,.16); border-color:rgba(240,179,42,.5); color:#8f5d06; } [data-theme="light"] .badge.green { background:rgba(20,122,68,.08); border-color:rgba(20,122,68,.28); color:#11663a; } [data-theme="light"] .badge.red { background:rgba(194,59,52,.07); border-color:rgba(194,59,52,.28); color:#a8322b; } [data-theme="light"] .badge.info { background:rgba(76,77,191,.08); border-color:rgba(76,77,191,.28); color:#4c4dbf; } /* points-modal-dark-island (low) — plugins/boardzeppelin-fulfilment/assets/css/order-delivery.css:167-371; theme-light.css:158-171 (голый footer) */ [data-theme="light"] .bzf-points-modal__backdrop { background:rgba(20,18,32,.45); } [data-theme="light"] .bzf-points-modal__dialog { border-color:rgba(20,18,32,.12); background:#fff; color:#17161d; box-shadow:0 16px 40px rgba(24,20,50,.14); } [data-theme="light"] .bzf-points-modal__header, [data-theme="light"] .bzf-points-modal__footer, [data-theme="light"] .bzf-points-modal__list-panel { border-color:rgba(20,18,32,.10); background:transparent; } [data-theme="light"] .bzf-points-modal__header p, [data-theme="light"] .bzf-points-modal__footer span, [data-theme="light"] .bzf-point-card > span:last-child { color:#6c6979; } [data-theme="light"] .bzf-points-modal__close { border-color:rgba(20,18,32,.14); background:#fff; color:#17161d; } [data-theme="light"] .bzf-points-modal__list-panel input { border-color:rgba(20,18,32,.14); background:rgba(20,18,32,.03); color:#17161d; } [data-theme="light"] .bzf-point-card { border-color:rgba(20,18,32,.10); background:#fff; color:#17161d; } [data-theme="light"] .bzf-point-card:hover, [data-theme="light"] .bzf-point-card.is-selected { border-color:rgba(240,179,42,.7); background:rgba(240,179,42,.10); } [data-theme="light"] .bzf-point-card__city, [data-theme="light"] .bzf-points-modal__map-link { color:#8f5d06; } [data-theme="light"] .bzf-points-modal__map-panel { background:#f3f3f6; } /* account-form-fields-borders-labels-placeholder (medium) — woo-account.css:1437-1442, :1444-1452, :1454-1457 и :1302-1307, :1309-1322; theme-light.css:519-522, :567-573 (перекрыты только цвет текста и фон) */ [data-theme="light"] .woocommerce-account .woocommerce :is(.woocommerce-address-fields__field-wrapper, .bz-account-form__grid, .bz-account-security__grid) .form-row label { color:#57545f; } [data-theme="light"] .woocommerce-account .woocommerce :is(.woocommerce-address-fields__field-wrapper, .bz-account-form__grid, .bz-account-security__grid) .form-row input.input-text::placeholder { color:#6c6979; } [data-theme="light"] .woocommerce-account .woocommerce :is(.woocommerce-address-fields__field-wrapper, .bz-account-form__grid, .bz-account-security__grid) .form-row :is(input.input-text, select, .select2-selection) { border-color:rgba(20,18,32,.5); } /* было .14 = 1.35:1 на Анкете/Адресе, проверено: .5 = 3.46:1 */ /* account-panels-dirty-shadows (low) — woo-account.css:34-43, :642-647, :1713; theme-light.css:622-687 (раздел теней, этих селекторов нет) */ [data-theme="light"] .bz-account-nav, [data-theme="light"] .woocommerce-account .woocommerce-MyAccount-content { box-shadow:var(--shadow-md); } [data-theme="light"] .bz-order-card:hover, [data-theme="light"] .bz-order-card:focus-within { box-shadow:var(--shadow-lg); } [data-theme="light"] .bz-account-empty__icon { box-shadow:var(--shadow-sm); } /* nav-active-gold-contrast (low) — woo-account.css:119-126, :919-924, :1240-1250; theme-light.css:354-357 (--gold-2:#a06c0c) */ [data-theme="light"] .bz-account-nav a:hover, [data-theme="light"] .bz-account-nav a:focus-visible, [data-theme="light"] .bz-account-nav .is-active a { color:#8f5d06; } [data-theme="light"] .bz-order-detail__back, [data-theme="light"] .bz-account-form__icon { color:#8f5d06; } /* quicklinks-hover-bg-lost (low) — woo-account.css:206-211; theme-light.css:509-511 */ [data-theme="light"] .bz-account-quicklinks a:hover, [data-theme="light"] .bz-account-quicklinks a:focus-visible { border-color:rgba(240,179,42,.55); background:rgba(240,179,42,.08); box-shadow:var(--shadow-md); } /* --- КОНТЕНТНЫЕ СТРАНИЦЫ --- */ /* legal-content-text-invisible (high) — assets/css/legal.css:212 (.bz-legal-content{color:#c7c3d2}); в theme-light.css перекрытия нет */ [data-theme="light"] .bz-legal-content { color: #57545f; } /* statuses-dark-panels (high) — assets/css/statuses.css:33 (фон панелей rgba(14,14,23,.88)), :61 (select background:#171722), :40 и :96 (label/pill — var(--gold-2)); в theme-light.css для .status-finder/.status-results переопределена только тень (стр. 672-674) */ [data-theme="light"] .status-finder, [data-theme="light"] .status-results { background:#fff; border-color:var(--line); } [data-theme="light"] .status-controls select { background:rgba(20,18,32,.03); border-color:rgba(20,18,32,.14); color:#17161d; } [data-theme="light"] .status-controls select:focus { background:#fff; border-color:#f0b32a; } [data-theme="light"] .status-finder label, [data-theme="light"] .status-label, [data-theme="light"] .status-pill { color:#8f5d06; } [data-theme="light"] .status-pill { background:rgba(240,179,42,.16); border-color:rgba(240,179,42,.5); } /* pravila-action-hover-white (high) — assets/css/files.css:226 (.fl-rule-action:hover{gap:12px;color:#fff}); в theme-light.css перекрытия нет */ [data-theme="light"] .fl-rule-action:hover { color: #17161d; } /* favorites-error-salmon (medium) — assets/css/favorites.css:426-429 (.bz-favorites-error{border-color:rgba(255,122,92,.35);color:#ff9b82}); разметка — template-parts/favorites/content.php:43, не макет */ [data-theme="light"] .bz-favorites-error { color:#a33418; border-color:rgba(200,60,30,.32); background:rgba(255,236,232,.6); } /* favorites-clear-hover (medium) — assets/css/favorites.css:133-136 (.fav-clear:hover{border-color:rgba(255,143,107,.6);color:#ff8f6b}); разметка — template-parts/favorites/content.php:34 */ [data-theme="light"] .fav-clear:hover { color:#c23b34; border-color:rgba(194,59,52,.5); } /* favorite-heart-hover-gold-on-dark-plate (low) — assets/css/favorites.css:20-26 (.bz-favorite-control:hover/:focus-visible{color:var(--gold-2)}), files.css:112 (.g-fav:hover); в theme-light.css только комментарий (стр. 394-396) */ [data-theme="light"] .bz-favorite-control:hover, [data-theme="light"] .bz-favorite-control:focus-visible, [data-theme="light"] .g-fav:hover { color:#ffd76b; } /* files-docx-badge (medium) — assets/css/files.css:210 (.fl-ext.docx{...color:#8ab4ff}); в theme-light.css перекрытия нет */ [data-theme="light"] .fl-ext.docx { color:#2f5fb8; border-color:rgba(47,95,184,.3); background:rgba(90,150,255,.1); } /* legal-dark-shadows (low) — assets/css/legal.css:124 (box-shadow: 0 24px 60px rgba(0,0,0,.2) у .bz-legal-aside/.bz-legal-content) и legal.css:58 (0 20px 50px rgba(0,0,0,.22) у .bz-legal-hero__icon); в разделе теней theme-light.css (стр. 622-687) этих селекторов нет */ [data-theme="light"] .bz-legal-aside, [data-theme="light"] .bz-legal-content { box-shadow: var(--shadow-sm); } [data-theme="light"] .bz-legal-hero__icon { box-shadow: var(--shadow-md); } /* contacts-tg-dark-shadow (low) — assets/css/contacts.css:157 (box-shadow: inset 0 1px 0 rgba(255,224,138,.12), 0 12px 32px rgba(0,0,0,.38)); в theme-light.css перекрытия нет */ [data-theme="light"] .bz-contacts-page .tg { box-shadow: 0 6px 16px rgba(24,20,50,.07); } /* link-hover-white-underline (low) — assets/css/contacts.css:91-92 и faq.css:198-199 (color:#fff; border-color:#fff); theme-light.css:404-408 перекрывает только color */ [data-theme="light"] .bz-contacts-page .c-hero a.mail:hover, [data-theme="light"] .bz-contacts-page .c-hero a.mail:focus-visible, [data-theme="light"] .bz-faq-page .acc-in a:hover, [data-theme="light"] .bz-faq-page .acc-in a:focus-visible { border-color:#17161d; } /* legal-section-separator-invisible (low) — assets/css/legal.css:253 (.bz-legal-content strong{border-top:1px solid rgba(255,255,255,.08)}); в theme-light.css перекрытия нет */ [data-theme="light"] .bz-legal-content strong { border-top-color: var(--line); } /* files-item-row-bg (low) — assets/css/files.css:204-205 (.fl-item{background:rgba(255,255,255,.025)}) и files.css:236-237 (.fl-single-description{background:rgba(255,255,255,.02)}); в theme-light.css перекрытия нет */ [data-theme="light"] .fl-item { background: rgba(20,18,32,.03); } [data-theme="light"] .fl-single-description { background: rgba(20,18,32,.02); } /* gold2-text-below-aa (low) — theme-light.css:354-357 (--gold-2:#a06c0c); применения: about.css:76-82 (.ab-lead), about.css:243-247 (.ab-cta a.ghost), contacts.css:83-87 (.c-hero a.mail), files.css:244-246 (.fl-back) */ [data-theme="light"] .bz-about-page .ab-lead, [data-theme="light"] .bz-about-page .ab-cta a.ghost, [data-theme="light"] .bz-contacts-page .c-hero a.mail, [data-theme="light"] .fl-back { color:#8f5d06; } /* faq-number-opacity (low) — assets/css/faq.css:129-136 (.bz-faq-page .acc-h .n{color:var(--gold);opacity:.7}); в theme-light.css перекрытия нет */ [data-theme="light"] .bz-faq-page .acc-h .n { opacity:1; color:#8f5d06; } /* --- ДОПОЛНИТЕЛЬНО ПО css-checkout-2 (независимая проверка нашла неполные фиксы) --- */ /* checkout-gold2-text-borderline (low) — woo-cart-checkout.css:1810-1814 (.bz-shipping-option__title .woocommerce-Price-amount), :2264-2273 (.bz-checkout-tools a, .bz-checkout-auth-open) — оба ещё var(--gold-2); было 4.41-4.52:1, после — 5.48/5.62:1 */ [data-theme="light"] .bz-shipping-option__title .woocommerce-Price-amount, [data-theme="light"] .bz-checkout-page .bz-checkout-tools a, [data-theme="light"] .bz-checkout-page .bz-checkout-auth-open { color: #8f5d06; } /* checkout-white-alpha-surfaces (low) — woo-cart-checkout.css:1640,1697,1745,2067,2441,2946 (rgba(255,255,255,.015-.025) — на белом фоне неразличимо); перекрытия не было вообще */ [data-theme="light"] .bz-checkout-page .bz-alternate-shipping, [data-theme="light"] .bz-checkout-page .bz-shipping-stage__prompt, [data-theme="light"] .bz-checkout-page .woocommerce-shipping-methods li, [data-theme="light"] .bz-checkout-page .wc_payment_method, [data-theme="light"] .bz-checkout-page .bz-checkout-tools form.checkout_coupon, [data-theme="light"] .bz-order-received__content .woocommerce-column { background: rgba(20, 18, 32, .02); } [data-theme="light"] .bz-checkout-page .woocommerce-shipping-methods li:has(input:checked), [data-theme="light"] .bz-checkout-page .woocommerce-shipping-methods li.is-selected, [data-theme="light"] .bz-checkout-page .wc_payment_method.is-selected { border-color: rgba(240, 179, 42, .6); background: rgba(240, 179, 42, .08); } /* --- ДОПОЛНИТЕЛЬНО ПО css-account (независимая проверка нашла недостающие фиксы) --- */ /* account-input-focus-indicator-missing (medium, было low — задевает КАЖДОЕ поле каждой формы ЛК) — woo-account.css: .form-row input.input-text (0,3,2) обгоняет .input-text:focus (0,3,1) по специфичности, рамка/фон при фокусе не меняются; кольцо rgba(247,194,59,.07) на белом ≈1.05:1. dark_also_broken: тот же баг и в тёмной теме, но чинится только здесь. Достаточная специфичность через :is() внутри уже используемых родительских классов — проверено инъекцией, срабатывает без !important. */ [data-theme="light"] .woocommerce-account .woocommerce form .form-row :is(input.input-text, select, textarea):focus, [data-theme="light"] .woocommerce-account .woocommerce :is(.woocommerce-address-fields__field-wrapper, .bz-account-form__grid, .bz-account-security__grid) .form-row :is(input.input-text, select):focus, [data-theme="light"] .woocommerce-account .woocommerce-address-fields__field-wrapper .select2-container--focus .select2-selection { border-color: #b07d1c; background-color: #fff; box-shadow: 0 0 0 3px rgba(240, 179, 42, .32); } /* account-modal-close-and-readonly-country (low) — woo-account.css:868-877 (.close), :1587-1596 (readonly страна при единственной разрешённой стране продажи — реальный код-путь WC_Countries, сейчас не воспроизводится живьём, т.к. магазин продаёт в RU/BY/KZ); в theme-light.css перекрытия не было. .18/.22/.45 проверены инъекцией — недостаточны (1.63–2.99:1), рабочее значение .5 = 3.46:1. */ [data-theme="light"] .bz-installment-modal .close { border-color: rgba(20, 18, 32, .5); background: rgba(20, 18, 32, .045); } [data-theme="light"] .woocommerce-account .woocommerce-address-fields__field-wrapper .woocommerce-input-wrapper > strong { border-color: rgba(20, 18, 32, .5); background: rgba(20, 18, 32, .03); } /* account-color-scheme-dark-native-controls (low, страховка на будущее) — --wc-form-* остаются тёмными на body.woocommerce-account (woo-account.css:20-22), сейчас без видимого эффекта (классические шаблоны их не читают), но на случай апдейта WooCommerce на блочные формы */ [data-theme="light"] body.woocommerce-account { --wc-form-color-background:#fff; --wc-form-border-color:#8f8c99; --wc-form-color-text:#17161d; } /* --- ДОПОЛНИТЕЛЬНО: PRODUCT / CSS-CATALOG / CSS-PAGES / LANDINGS (независимая проверка batch1) --- */ /* product-short-description-invisible (high) — woo-catalog.css:627-633 (color:#cfc9ba, 1.49:1) */ [data-theme="light"] .bz-product__summary .woocommerce-product-details__short-description { color: #57545f; } [data-theme="light"] .bz-product__summary .woocommerce-product-details__short-description a { color: #8f5d06; } /* product-purchase-state-sold-unreadable (high) — woo-catalog.css:615-620, 1.52:1 */ [data-theme="light"] .bz-product-purchase-state.sold, [data-theme="light"] .bz-product-purchase-state.unavailable { border-color: rgba(200, 60, 30, .32); background: #ffece8; color: #a33418; } /* product-summary-favorite-dark-blob + product-favorite-hover-on-low-contrast + .on state (medium) — favorites.css:1-18,53-59 */ [data-theme="light"] .bz-product__summary > .bz-favorite-control { border-color: rgba(20, 18, 32, .14); background: #fff; color: #55525f; } [data-theme="light"] .bz-product__summary > .bz-favorite-control:is(:hover, :focus-visible) { border-color: rgba(240, 179, 42, .7); color: #8f5d06; } [data-theme="light"] .bz-product__summary > .bz-favorite-control.on { border-color: rgba(194, 59, 52, .45); background: rgba(255, 255, 255, .95); color: #c23b34; } /* product-stock-instock-olive + product-purchase-state-instock-low-contrast (medium) */ [data-theme="light"] .woocommerce div.product .bz-product__summary .stock.in-stock { color: #8f5d06; } [data-theme="light"] .woocommerce div.product .bz-product__summary .stock.out-of-stock { color: #c23b34; } [data-theme="light"] .bz-product-purchase-state.in-stock { border-color: rgba(240, 179, 42, .7); background: rgba(240, 179, 42, .2); color: #7a4f05; } /* product-gallery-trigger-invisible-circle (medium) */ [data-theme="light"] .woocommerce div.product div.images .woocommerce-product-gallery__trigger { background: #f0b32a; } /* product-variation-select-focus-border (medium) */ [data-theme="light"] .bz-product__summary .variations select { background-color: #fff; border-color: rgba(20, 18, 32, .5); } [data-theme="light"] .bz-product__summary .variations select:focus { border-color: #8f5d06; box-shadow: 0 0 0 3px rgba(240, 179, 42, .35); } /* product-price-del-faded (low, dark_also_broken) */ [data-theme="light"] .woocommerce div.product .bz-product__summary :is(p.price, span.price) del { opacity: 1; color: #6c6979; } /* product-tab-active-gold-text (low) */ [data-theme="light"] .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #8f5d06; } /* product-breadcrumb-link-gray (low, dark_also_broken) */ [data-theme="light"] .woocommerce .woocommerce-breadcrumb a { color: #6c6979; } [data-theme="light"] .woocommerce .woocommerce-breadcrumb a:hover { color: #8f5d06; } /* product-rating-empty-stars (low) — на самой странице товара, отдельно от карточек каталога */ [data-theme="light"] .woocommerce div.product .woocommerce-product-rating .star-rating::before { color: #8c8997; } /* product-related-loop-actions-faint (low) — плюс дубль на /favorites/, не покрытый общим catalog-options-button-contrast */ [data-theme="light"] .woocommerce ul.products li.product.bz-product-card > .bz-loop-cart-button, [data-theme="light"] .bz-favorites-grid .g-foot > .bz-loop-product-action--options { border-color: rgba(240, 179, 42, .65); color: #8f5d06; } /* product-add-to-cart-disabled-washed (low) */ [data-theme="light"] .woocommerce div.product .bz-product__summary form.cart .button:is(.disabled, :disabled) { opacity: 1; background: rgba(20, 18, 32, .08); box-shadow: none; color: #8c8997; } /* product-notice-message-icon-green (low) */ [data-theme="light"] .woocommerce .woocommerce-message::before { color: #5b7a0e; } /* product-onsale-badge-olive + css-catalog onsale-badge-white-on-coral (low) */ [data-theme="light"] .woocommerce div.product span.onsale, [data-theme="light"] .bz-product-card .onsale { background-color: #c23b34; color: #fff; } /* landing-grad-ink-leak (medium) — тускло-коричневый градиент вместо золотого на тёмном острове лендинга */ [data-theme="light"] .bz-som-page { --grad-ink: linear-gradient(135deg, #ffe08a 0%, #f7c23b 45%, #ef8f3c 100%); } /* landing-footer-tone-seam (low) — холодный подвал на стыке с тёплым тёмным островом лендинга */ [data-theme="light"] body.bz-landing footer { background: radial-gradient(900px 420px at 12% 20%, rgba(247, 194, 59, .05), transparent 62%), #12100c; border-top: 1px solid rgba(247, 224, 180, .09); } /* contacts-note-orange-title (low) — блока сейчас нет в разметке /kontakty/, фикс на будущее */ [data-theme="light"] .bz-contacts-page .note b { color: #b4541a; } /* --- ДОПОЛНИТЕЛЬНО ПО css-plugins (независимая проверка нашла 2 остаточных пробела) --- */ /* bzf-points-modal-dark-island: метка "Город или пункт" не была переопределена ни в одной из двух модалок (ЛК заказа — OrderView.php:127, чекаут — CheckoutPartnerPoints.php:85); побеждало woo-account.css:382-386 (1.24:1) или order-delivery.css:255-259 (1.75:1). Проверено инъекцией: ~16:1. */ [data-theme="light"] .bzf-points-modal__list-panel label { color: var(--txt); } /* installments-account-alert-colors: подложка под суммой в сводке рассрочки в ЛК осталась rgba(255,255,255,.045) — на белом фактически прозрачна; текст внутри и так тёмный и читаемый, это только "карточность" подложки. */ [data-theme="light"] .bz-installments-account__summary span { background: rgba(20, 18, 32, .035); } /* --- ДОПОЛНИТЕЛЬНО ПО css-checkout-1 (независимая проверка) --- */ /* checkout-error-strong-invisible: strong уже пофикшен, иконка ::before и рамка плашки — нет */ [data-theme="light"] .bz-checkout-page .woocommerce-NoticeGroup-checkout .woocommerce-error::before { color: #a3261f !important; } [data-theme="light"] .bz-checkout-page .woocommerce-NoticeGroup-checkout .woocommerce-error { border-color: #a3261f !important; } /* cart-checkout-button-white-text (high) — .woocommerce a.button.alt{color:#fff} (0,3,1) перебивает .checkout-button{color:#1a1206} (0,2,0); dark_also_broken — тема-независимый градиент, но фикс ставим только под light по заданной области */ [data-theme="light"] .woocommerce .bz-cart-page a.checkout-button { color: #1a1206; } [data-theme="light"] .woocommerce .bz-cart-page a.checkout-button.button.alt:hover { background: linear-gradient(100deg, #ffe08a, #f7c23b 38%, #ef8f3c 62%, #ffe08a); background-position: 0% 50%; background-size: 220% 100%; color: #1a1206; } /* cart-qty-step-hover-white: hover уже пофикшен, простой (idle) цвет — нет */ [data-theme="light"] .bz-qty-step { color: #8f5d06; } /* cart-del-hover-low-contrast: усиление второстепенной рамки при hover (иконка уже читаема) */ [data-theme="light"] .bz-cart-layout a.c-del:hover { border-color: rgba(194, 59, 52, .5); } /* cart-coupon-error-pink: рамка при реальной ошибке промокода (класс ставит woo-cart-checkout.js) */ [data-theme="light"] .bz-cart-layout .coupon-in:has(input.has-error), [data-theme="light"] .bz-cart-layout .coupon-in:has(input[aria-invalid="true"]) { border-color: #c23b34; } /* checkout-password-strength-colors: short/bad/strong уже пофикшены для checkout, .good — нет */ [data-theme="light"] .woocommerce .bz-checkout-page form.checkout .woocommerce-password-strength.good { color: #8f5d06; border-color: rgba(240, 179, 42, .5); background: rgba(240, 179, 42, .12); } /* checkout-single-country-dark-plate: при единственной разрешённой стране продажи WC рисует strong вместо select */ [data-theme="light"] .bz-checkout-page #billing_country_field .woocommerce-input-wrapper strong { border-color: rgba(20, 18, 32, .5); background: #fff; color: #17161d; box-shadow: none; } /* commerce-gold2-text-below-aa: усиление декоративной рамки пилюли статуса (текст уже читаем) */ [data-theme="light"] .bz-order-pay-page__heading > strong, [data-theme="light"] .bz-order-received__status { border-color: rgba(240, 179, 42, .7); } /* cart-qty-box-border-faint + commerce-white-alpha-surfaces: сквозной паттерн полупрозрачных поверхностей карточек (одинаково слабая рамка в обеих темах, но чиним под light) */ [data-theme="light"] .bz-cart-layout .qty { border-color: rgba(20, 18, 32, .5); background: #fff; } [data-theme="light"] .bz-cart-layout .coupon-in, [data-theme="light"] .bz-order-pay__payment .wc_payment_method { background: #fff; border-color: rgba(20, 18, 32, .5); } [data-theme="light"] .bz-order-pay__product-image { background: rgba(20, 18, 32, .04); border-color: rgba(20, 18, 32, .5); } /* --- Файлы и материалы: переверстка (концепция «указатель + секции») --- */ [data-theme="light"] .bz-files-page { --fx-title: var(--gold-ink); --fx-accent: var(--gold-ink); --fx-line-strong: rgba(20, 18, 32, .16); --fx-row-hover: #fbf6ea; --fx-active-bg: rgba(240, 179, 42, .16); --fx-active-fg: var(--gold-ink); --fx-count-bg: rgba(20, 18, 32, .06); --fx-focus: var(--gold-ink); --fx-pdf-bg: rgba(240, 179, 42, .16); --fx-pdf-fg: #7f5205; --fx-pdf-line: rgba(200, 140, 20, .38); --fx-docx-bg: rgba(47, 95, 184, .1); --fx-docx-fg: #2f5fb8; --fx-docx-line: rgba(47, 95, 184, .3); --fx-btn-bg: #fff; --fx-btn-fg: var(--txt); --fx-btn-line: rgba(20, 18, 32, .16); --fx-btn-hover-bg: #17161d; --fx-btn-hover-fg: #fff; --fx-strip-bg: rgba(243, 243, 246, .9); --fx-shadow: var(--shadow-sm); } [data-theme="light"] .bz-files-page .fx-hero .gradient-text { background: var(--grad-ink, linear-gradient(135deg, #a9720d 0%, #8f5d06 45%, #7a4a0a 100%)); -webkit-background-clip: text; background-clip: text; }