/*
 * craftbeer78.ru — тёмная тема (фазы 1–5)
 *
 * Светлая тема не меняется: правила только при html[data-theme="dark"].
 * Переключатель: кнопка в .top_info или localStorage 'cb-theme'.
 *
 * === ПАЛИТРА ===
 *
 * Светлая (текущий сайт, без изменений):
 *   страница          — #fff (по умолчанию)
 *   текст             — #373737 / #222 / #000
 *   шапка             — #000, акцент меню #ffbb00
 *   баннер top_info   — #FC0
 *   карточка пива     — #fff, нижняя граница #333
 *   бордеры           — #d0d0d0, #c0c0c0
 *   фон muted         — #f0f0f0
 *   футер .footer     — #fff, текст #333
 *   футер .footer2    — #333, текст #c0c0c0
 *   футер .footer3    — #3C3D41
 *   акцент красный    — #ee0000
 *   акцент зелёный    — #008f00 / #008B00
 *   акцент жёлтый     — #FC0 / #ffbb00
 *
 * Тёмная (переменные ниже):
 *   --cb-bg-page      — #141414  фон страницы
 *   --cb-bg-surface   — #1e1e1e  карточки, блоки контента
 *   --cb-bg-muted     — #2a2a2a  вторичные плашки (qty, help)
 *   --cb-bg-img       — #ffffff  фон под картинками (фаза 5)
 *   --cb-text         — #e8e8e8  основной текст
 *   --cb-text-muted   — #a8a8a8  приглушённый текст
 *   --cb-border       — #3a3a3a  разделители
 *   --cb-border-strong— #4a4a4a  рамки карточек
 *   --cb-link         — #d8d8d8  обычные ссылки
 *   --cb-footer-bar   — #252628  .footer / .footer2
 *   --cb-footer-deep  — #2a2b2e  .footer3 (близко к #3C3D41)
 *   бренд red/green/yellow — без изменений
 *
 * === СЕЛЕКТОРЫ ФАЗЫ 1 ===
 *
 * Layout:
 *   body, .wrapper
 *   a:link, a:visited, a:active (+ .a_black_*)
 *   .top_navig_main_div, .top_navig_div
 *   .footer, .footer2, .footer3, .footer_title, .footer_block
 *   .top_info
 *   .search-suggest-dropdown, .search-suggest-item, .search-suggest-thumb,
 *   .search-suggest-title, .search-suggest-type, .search-suggest-history-*
 *   .messenger-btn (тень)
 *
 * Beer-page (style_2021_061 + style_n50_62 + beer-page.css):
 *   .beer_page_block
 *   .product_page_properties, .product_page_properties_table_row_30/70
 *   .product_page_name, .beer_page_style, .beer_page_price, .beer_page_abvogibu,
 *   .beer_page_volume, .beer_page_stylies, .beer_page_brewery, .beer_page_country,
 *   .beer_page_description, .recomm_block_title
 *   .beer_page_ratinng_btn*, .beer_page_cap_btn* (кнопки без фото)
 *   .beer-page-sticky-bar, .beer-page-sticky-qty-val, .beer-page-podzakaz-help-text
 *
 * Картинки на белом (фаза 5):
 *   .beer_page_image, .beer_page_logos, .beer_photo, .beer_photos,
 *   .beer_logo, .kran_logo, .brew_block, .brew_block2, .brewery_logo,
 *   .cart_page_beer_logo, .search-suggest-thumb
 *
 * Фаза 2 — каталог / страницы:
 *   .page_block, .index_main, .nakranah, .breweries, .brewery_block,
 *   .special_block, .other_block*, .contacts, .beer_block, .beer_name, …
 *
 * Фаза 3 — корзина / формы / попапы:
 *   .productQuality, .cart_page_*_title, .productTotalSum*,
 *   .login, input.text2, .block-popup*, .cart-draw-progress-track,
 *   button.product_page_button_cart2, .navig
 *
 * Фаза 4 — inline style (без правок PHP):
 *   [style*="background: #fff"], [style*="background-color: #fff"],
 *   [style*="background: #f0f0f0"], [style*="color: #000"] — с исключением img-блоков
 */

html[data-theme="dark"] {
    color-scheme: dark;

    --cb-bg-page: #141414;
    --cb-bg-surface: #1e1e1e;
    --cb-bg-muted: #2a2a2a;
    --cb-bg-img: #ffffff;
    --cb-text: #e8e8e8;
    --cb-text-muted: #a8a8a8;
    --cb-border: #3a3a3a;
    --cb-border-strong: #4a4a4a;
    --cb-link: #d8d8d8;
    --cb-footer-bar: #252628;
    --cb-footer-deep: #2a2b2e;
    --cb-accent-red: #ee0000;
    --cb-accent-green: #008f00;
    --cb-accent-yellow: #ffbb00;
}

/* --- layout: страница --- */

html[data-theme="dark"] body {
    background-color: var(--cb-bg-page);
    color: var(--cb-text);
}

html[data-theme="dark"] .wrapper {
    background-color: var(--cb-bg-page);
}

/* --- layout: ссылки --- */

html[data-theme="dark"] a:link,
html[data-theme="dark"] a:visited,
html[data-theme="dark"] a:active {
    color: var(--cb-link);
}

html[data-theme="dark"] a:hover {
    color: var(--cb-accent-red);
}

html[data-theme="dark"] .a_black_line a:link,
html[data-theme="dark"] .a_black_line a:visited,
html[data-theme="dark"] .a_black_line a:active,
html[data-theme="dark"] .a_black_noline a:link,
html[data-theme="dark"] .a_black_noline a:visited,
html[data-theme="dark"] .a_black_noline a:active,
html[data-theme="dark"] .a_black_noline_bold a:link,
html[data-theme="dark"] .a_black_noline_bold a:visited,
html[data-theme="dark"] .a_black_noline_bold a:active {
    color: var(--cb-link);
}

/* зелёные и белые ссылки — бренд, без изменений */

/* --- layout: хлебные крошки --- */

html[data-theme="dark"] .top_navig_main_div {
    color: var(--cb-text-muted);
}

html[data-theme="dark"] .top_navig_div {
    border-right-color: var(--cb-border);
}

/* --- layout: футер --- */

html[data-theme="dark"] .footer {
    background-color: var(--cb-footer-bar);
    color: var(--cb-text);
}

html[data-theme="dark"] .footer2 {
    background-color: var(--cb-border);
    color: var(--cb-text-muted);
}

html[data-theme="dark"] .footer3 {
    background-color: var(--cb-footer-deep);
    color: var(--cb-text);
}

html[data-theme="dark"] .footer_title {
    color: var(--cb-accent-yellow);
}

html[data-theme="dark"] div[style*="background-color:#333333"][style*="padding: 10px 0px 20px 20px"] {
    background-color: #222 !important;
}

/* --- layout: верхний баннер --- */

html[data-theme="dark"] .top_info {
    background-color: #c9a000;
    color: #111;
}

html[data-theme="dark"] .top_info a:link,
html[data-theme="dark"] .top_info a:visited,
html[data-theme="dark"] .top_info a:active {
    color: #000;
}

html[data-theme="dark"] .top_info a:hover {
    color: #ee0000;
}

html[data-theme="dark"] .header_number .a_red_noline a:link,
html[data-theme="dark"] .header_number .a_red_noline a:visited,
html[data-theme="dark"] .header_number .a_red_noline a:active {
    color: #ffbb00;
}

html[data-theme="dark"] .header_number .a_red_noline a:hover {
    color: #fff;
}

/* --- layout: поиск (search-suggest) --- */

html[data-theme="dark"] .search-suggest-dropdown {
    color: var(--cb-text);
    background: var(--cb-bg-surface);
    border-color: var(--cb-border-strong);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .search-suggest-item {
    color: var(--cb-text);
    background: var(--cb-bg-surface);
}

html[data-theme="dark"] .search-suggest-item:hover {
    background: #2d2a1a;
    color: var(--cb-text);
}

html[data-theme="dark"] .search-suggest-section + .search-suggest-section {
    border-top-color: var(--cb-border);
}

html[data-theme="dark"] .search-suggest-type,
html[data-theme="dark"] .search-suggest-country,
html[data-theme="dark"] .search-suggest-brewery,
html[data-theme="dark"] .search-suggest-idle-message,
html[data-theme="dark"] .search-suggest-history-title {
    color: var(--cb-text-muted);
}

html[data-theme="dark"] .search-suggest-title {
    color: var(--cb-text);
}

html[data-theme="dark"] .search-suggest-thumb {
    background: var(--cb-bg-img);
    border-color: var(--cb-border);
}

html[data-theme="dark"] .search-suggest-history-clear,
html[data-theme="dark"] .search-suggest-history-more {
    color: var(--cb-accent-green);
}

html[data-theme="dark"] .search-suggest-history-clear:hover,
html[data-theme="dark"] .search-suggest-history-more:hover {
    color: #32cd32;
}

html[data-theme="dark"] .search-suggest-section {
    background: #111;
}

html[data-theme="dark"] .search-suggest-hint,
html[data-theme="dark"] .search-suggest-history-hints .search-suggest-history-item,
html[data-theme="dark"] .search-suggest-history .search-suggest-history-item {
    background: #111;
}

html[data-theme="dark"] .search-suggest-all-results {
    background: #111;
}

html[data-theme="dark"] .search-suggest-hint-tag,
html[data-theme="dark"] .header_search .search-suggest-hint-tag {
    color: #111;
}

/* --- layout: мессенджер --- */

html[data-theme="dark"] .messenger-btn {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* --- beer-page: карточка --- */

html[data-theme="dark"] .beer_page_block {
    background-color: var(--cb-bg-surface);
    border-bottom-color: var(--cb-border);
    color: var(--cb-text);
}

html[data-theme="dark"] .product_page_properties {
    color: var(--cb-text);
}

html[data-theme="dark"] .product_page_properties_table_row_30 {
    color: var(--cb-text);
}

html[data-theme="dark"] .product_page_properties_table_row_70 {
    border-left-color: #333;
    color: var(--cb-text);
}

html[data-theme="dark"] .product_page_name,
html[data-theme="dark"] .beer_page_price {
    color: var(--cb-text);
}

html[data-theme="dark"] .beer_page_style {
    color: var(--cb-accent-green);
}

html[data-theme="dark"] .beer_page_abvogibu,
html[data-theme="dark"] .beer_page_volume,
html[data-theme="dark"] .beer_page_stylies,
html[data-theme="dark"] .beer_page_brewery,
html[data-theme="dark"] .beer_page_country {
    color: var(--cb-text);
}

html[data-theme="dark"] .beer_page_description {
    color: var(--cb-text);
}

html[data-theme="dark"] .recomm_block_title {
    color: var(--cb-text);
}

/* --- beer-page: кнопки (не фото) --- */

html[data-theme="dark"] .beer_page_ratinng_btn,
html[data-theme="dark"] .beer_page_ratinng_btn00,
html[data-theme="dark"] .beer_page_ratinng_btn2,
html[data-theme="dark"] .beer_page_ratinng_btn20,
html[data-theme="dark"] .beer_page_cap_btn,
html[data-theme="dark"] .beer_page_cap_btn00 {
    background-color: var(--cb-bg-muted);
    border-color: var(--cb-border-strong);
    color: var(--cb-text);
}

html[data-theme="dark"] .beer_page_ratinng_btn:hover,
html[data-theme="dark"] .beer_page_ratinng_btn2:hover,
html[data-theme="dark"] .beer_page_cap_btn:hover {
    background-color: var(--cb-border-strong);
}

/* --- beer-page: фаза 5 — картинки на белом фоне --- */

html[data-theme="dark"] .beer_page_image,
html[data-theme="dark"] .beer_page_image:hover,
html[data-theme="dark"] .beer_page_logos,
html[data-theme="dark"] .beer_page_logos:hover,
html[data-theme="dark"] .beer_photo,
html[data-theme="dark"] .beer_photos {
    background-color: var(--cb-bg-img);
}

html[data-theme="dark"] .beer_photos {
    border-color: var(--cb-border);
}

/* --- beer-page.css: sticky bar --- */

html[data-theme="dark"] .beer-page-sticky-bar {
    background: var(--cb-bg-surface);
    border-top-color: var(--cb-border);
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .beer-page-sticky-price.beer-page-sticky-price--oos,
html[data-theme="dark"] .beer-page-sticky-price.beer-page-sticky-price--oos .beer-page-sticky-oos-label {
    color: var(--cb-text);
}

html[data-theme="dark"] .beer-page-sticky-bar button.beer-page-sticky-notify,
html[data-theme="dark"] .beer-page-sticky-bar button.beer-page-sticky-notify:hover {
    background: var(--cb-bg-surface);
    border-color: var(--cb-text);
    color: var(--cb-text);
}

html[data-theme="dark"] .beer-page-sticky-bar button.product_page_button_cart_mobi2 {
    background: var(--cb-bg-surface) !important;
}

html[data-theme="dark"] .beer-page-sticky-bar button.product_page_button_cart_mobi2:hover {
    background: var(--cb-accent-green) !important;
    color: #fff !important;
    border: 2px solid var(--cb-accent-green) !important;
}

html[data-theme="dark"] .beer-page-sticky-qty-val {
    background: var(--cb-bg-muted);
    color: var(--cb-text);
}

html[data-theme="dark"] .beer-page-podzakaz-help-text {
    background: var(--cb-bg-muted);
    color: var(--cb-text);
}

html[data-theme="dark"] .beer-page-podzakaz-help-trigger img {
    opacity: 1;
    filter: brightness(0) invert(0.65);
}

/* кнопки «в корзину» / +/- — брендовые цвета без изменений */

/* --- переключатель темы в top_info --- */

.top_info {
    box-sizing: border-box;
}

.cb-theme-toggle {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: center center;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    transition: opacity 0.15s ease;
}

.cb-theme-toggle-icon {
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
}

.cb-theme-toggle:hover {
    transform: translateY(-50%) scale(1.05);
    background: transparent;
    box-shadow: none;
    opacity: 0.75;
}

.cb-theme-toggle:active {
    transform: translateY(-50%) scale(0.97);
    opacity: 0.6;
}

html[data-theme="dark"] .cb-theme-toggle {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

html[data-theme="dark"] .cb-theme-toggle:hover {
    background: transparent;
    box-shadow: none;
    transform: translateY(-50%) scale(1.05);
    opacity: 0.75;
}

html[data-theme="dark"] .cb-theme-toggle:active {
    transform: translateY(-50%) scale(0.97);
    opacity: 0.6;
}

html[data-theme="dark"] .cb-theme-toggle .cb-theme-toggle-icon {
    width: 24px;
    height: 24px;
}

@media (max-width: 767px) {
    .top_info {
        padding-right: 38px;
    }

    .cb-theme-toggle {
        right: 4px;
        width: 28px;
        height: 28px;
    }

    .cb-theme-toggle-icon {
        width: 22px;
        height: 22px;
    }

    html[data-theme="dark"] .cb-theme-toggle {
        width: 28px;
        height: 28px;
    }

    html[data-theme="dark"] .cb-theme-toggle .cb-theme-toggle-icon {
        width: 22px;
        height: 22px;
    }
}

/* --- фаза 2: каталог и страницы --- */

html[data-theme="dark"] .page_block,
html[data-theme="dark"] .index_main,
html[data-theme="dark"] .index_top_brewereis_block,
html[data-theme="dark"] .index_contacts,
html[data-theme="dark"] .nakranah,
html[data-theme="dark"] .special_block,
html[data-theme="dark"] .brewery_block,
html[data-theme="dark"] .breweries,
html[data-theme="dark"] .other_block,
html[data-theme="dark"] .other_block2,
html[data-theme="dark"] .contacts {
    background-color: var(--cb-bg-surface);
    color: var(--cb-text);
    border-bottom-color: var(--cb-border);
}

html[data-theme="dark"] .page_block {
    background-color: var(--cb-bg-muted);
}

html[data-theme="dark"] .page_title,
html[data-theme="dark"] .page_description,
html[data-theme="dark"] .beers_page_title,
html[data-theme="dark"] .nakranah_title,
html[data-theme="dark"] .nakranah_text,
html[data-theme="dark"] .special_block_title,
html[data-theme="dark"] .breweries_title,
html[data-theme="dark"] .breweries_page_title,
html[data-theme="dark"] .breweries_page_select,
html[data-theme="dark"] .brewery_title,
html[data-theme="dark"] .brewery_page_row,
html[data-theme="dark"] .assorty_title,
html[data-theme="dark"] .contacts_title,
html[data-theme="dark"] .contacts_page_title,
html[data-theme="dark"] .style_description,
html[data-theme="dark"] .beer_name,
html[data-theme="dark"] .beer_brewery,
html[data-theme="dark"] .beer_country,
html[data-theme="dark"] .beer_volume,
html[data-theme="dark"] .beer_abv,
html[data-theme="dark"] .beer_og,
html[data-theme="dark"] .beer_ibu,
html[data-theme="dark"] .kran_name,
html[data-theme="dark"] .kran_brewery,
html[data-theme="dark"] .kran_country,
html[data-theme="dark"] .kran_style,
html[data-theme="dark"] .kran_abv,
html[data-theme="dark"] .kran_og,
html[data-theme="dark"] .kran_ibu,
html[data-theme="dark"] .brewery_description,
html[data-theme="dark"] .beers_gallery_bottom_text,
html[data-theme="dark"] .navigator {
    color: var(--cb-text);
}

html[data-theme="dark"] .beer_block {
    border-color: #1e1e1e;
}

/* /beer-glasses: рамка карточки в цвет фона страницы */
html[data-theme="dark"] .beer_block2[style*="height: 470px"] .beer_block {
    border-color: var(--cb-bg-page);
}

/* --- сортировки: select --- */

html[data-theme="dark"] select.custom-select {
    background-color: var(--cb-bg-muted);
    border-color: var(--cb-border);
    color: var(--cb-text);
}

/* галерея товаров: блок товара — фон в цвет страницы */
html[data-theme="dark"] .beer_block2:has(> div[style*="background: #fff"]),
html[data-theme="dark"] .beer_block2:has(> div[style*="background:#fff"]) {
    background-color: var(--cb-bg-page) !important;
}

html[data-theme="dark"] .beer_block2 > div[style*="background: #fff"],
html[data-theme="dark"] .beer_block2 > div[style*="background:#fff"] {
    background: var(--cb-bg-page) !important;
    background-color: var(--cb-bg-page) !important;
}

html[data-theme="dark"] .beer_block2 > div[style*="background: #fff"] .beer_block,
html[data-theme="dark"] .beer_block2 > div[style*="background:#fff"] .beer_block {
    background-color: var(--cb-bg-page) !important;
    border: 2px solid var(--cb-bg-page) !important;
}

/* Похожие сорта на странице товара (beer.php / recomm_block) */
html[data-theme="dark"] .recomm_block {
    background-color: #141414;
}

html[data-theme="dark"] .recomm_block .beer_block,
html[data-theme="dark"] .recomm_block .beer_block2 .beer_block {
    border: 2px solid #141414 !important;
}

/* Рамка таблицы характеристик на странице товара */
html[data-theme="dark"] div[style*="border-top: 2px solid #d0d0d0"],
html[data-theme="dark"] div[style*="border-top:2px solid #d0d0d0"],
html[data-theme="dark"] div[style*="border-bottom: 2px solid #d0d0d0"],
html[data-theme="dark"] div[style*="border-bottom:2px solid #d0d0d0"] {
    border-top-color: #333 !important;
    border-bottom-color: #333 !important;
}

html[data-theme="dark"] .brew_main_block,
html[data-theme="dark"] .brew_main_block:hover,
html[data-theme="dark"] .brew_main_block2,
html[data-theme="dark"] .brew_main_block2:hover {
    border-color: var(--cb-bg-page);
}

/* /breweries и производные: логотипы в brew_block (фон на .brew_block, не на img) */
html[data-theme="dark"] .containeraaa:has(form[action="/select-breweries"]) .brew_block,
html[data-theme="dark"] .containeraaa:has(.title_select_brewery) .brew_block,
html[data-theme="dark"] .containeraaa:has(.title_select):has(.brewery_block2) .brew_block {
    border-radius: 10px;
    overflow: hidden;
}

html[data-theme="dark"] .containeraaa:has(form[action="/select-breweries"]) .brew_block img,
html[data-theme="dark"] .containeraaa:has(.title_select_brewery) .brew_block img,
html[data-theme="dark"] .containeraaa:has(.title_select):has(.brewery_block2) .brew_block img {
    border-radius: 10px;
}

/* /brewery: все логотипы производителя */
html[data-theme="dark"] div:has(+ .brewery_page_name_block) > img,
html[data-theme="dark"] .containeraaa:has(.brewery_page_name_block) img[src*="images/breweries/"],
html[data-theme="dark"] .containeraaa:has(.brewery_page_name_block) img[data-src*="images/breweries/"] {
    border-radius: 10px;
}

html[data-theme="dark"] .beer_style,
html[data-theme="dark"] .kran_style {
    color: var(--cb-accent-green);
}

html[data-theme="dark"] .navig,
html[data-theme="dark"] .navig_bottom {
    background: #141414;
    color: var(--cb-text);
}

html[data-theme="dark"] .navig_button {
    background-color: var(--cb-bg-surface);
    border-color: var(--cb-border);
    color: var(--cb-text);
}

html[data-theme="dark"] .navig_button:hover {
    background-color: var(--cb-border-strong);
    color: var(--cb-text);
}

html[data-theme="dark"] .navig_numbers {
    color: var(--cb-text);
}

html[data-theme="dark"] .beer_page_arrow_right,
html[data-theme="dark"] .beer_page_arrow_right:hover,
html[data-theme="dark"] .beer_page_arrow_left,
html[data-theme="dark"] .beer_page_arrow_left:hover {
    background: var(--cb-bg-muted);
    border-color: var(--cb-border-strong);
    color: var(--cb-text);
}

/* --- beer-page: крепость / плотность / горечь --- */

html[data-theme="dark"] .product_page_properties div[style*="color: #555"],
html[data-theme="dark"] .product_page_properties div[style*="color:#555"] {
    color: var(--cb-text) !important;
}

html[data-theme="dark"] .product_page_properties .cider_abv_kkal,
html[data-theme="dark"] .product_page_properties div[style*="border-right: 2px solid #d0d0d0"],
html[data-theme="dark"] .product_page_properties div[style*="border-right:2px solid #d0d0d0"] {
    border-right-color: var(--cb-border) !important;
}

/* --- beer-page mobile: фон за картинкой = основной фон --- */

@media (max-width: 768px) {
    html[data-theme="dark"] .beer_page_image_500 {
        background-color: var(--cb-bg-page);
    }
}

/* --- фаза 5: картинки на белом (каталог) --- */

html[data-theme="dark"] .beer_logo,
html[data-theme="dark"] .beer_logo:hover,
html[data-theme="dark"] .kran_logo,
html[data-theme="dark"] .brew_block,
html[data-theme="dark"] .brew_block2,
html[data-theme="dark"] .brew_block2:hover,
html[data-theme="dark"] .brewery_logo,
html[data-theme="dark"] .cart_page_beer_logo {
    background-color: var(--cb-bg-img);
}

/* --- фаза 3: корзина, формы, попапы --- */

html[data-theme="dark"] .productQuality {
    background: var(--cb-bg-muted);
    color: var(--cb-text);
}

html[data-theme="dark"] .productTotalSum,
html[data-theme="dark"] .productTotalSum2,
html[data-theme="dark"] .cart_page_price_one_product,
html[data-theme="dark"] .cart_page_delivery_points_title,
html[data-theme="dark"] .cart_page_making_order_title,
html[data-theme="dark"] #totalPriceSumProdutcs777:not(.cart-draw-msg-qualified) {
    color: var(--cb-text) !important;
}

html[data-theme="dark"] #totalPriceSumProdutcs777:not(.cart-draw-msg-qualified) .a_red_black_noline a:link,
html[data-theme="dark"] #totalPriceSumProdutcs777:not(.cart-draw-msg-qualified) .a_red_black_noline a:visited,
html[data-theme="dark"] #totalPriceSumProdutcs777:not(.cart-draw-msg-qualified) .a_red_black_noline a:active {
    color: var(--cb-text) !important;
}

html[data-theme="dark"] .cart-draw-progress-track {
    background: var(--cb-border);
}

html[data-theme="dark"] .login {
    background-color: var(--cb-bg-surface);
    color: var(--cb-text);
}

html[data-theme="dark"] input.text2 {
    background: var(--cb-bg-muted);
    border-color: var(--cb-border-strong);
    color: var(--cb-text);
}

html[data-theme="dark"] .block-popup,
html[data-theme="dark"] .block-popup-email-notice,
html[data-theme="dark"] .block-popup-advent {
    background: var(--cb-bg-surface);
    border-color: var(--cb-border-strong);
    color: var(--cb-text);
}

html[data-theme="dark"] button.product_page_button_cart2,
html[data-theme="dark"] .product_page_button_cart7878:hover {
    background: var(--cb-bg-surface);
    color: var(--cb-accent-green);
}

html[data-theme="dark"] button.product_page_button_cart2:hover {
    background: var(--cb-accent-green);
    color: #fff;
}

/* --- фаза 4: inline-стили (без правок PHP) --- */

html[data-theme="dark"] [style*="background: #fff"]:not(.beer_page_image):not(.beer_page_image_500):not(.beer_page_logos):not(.beer_logo):not(.kran_logo):not(.brew_block):not(.brew_block2):not(.brewery_logo):not(.cart_page_beer_logo):not(.beer_photo):not(.beer_photos):not(:is(.beer_block2 > *)):not(:has(a[href="/beer-on-order"])):not(:has(a[href="/beer-style/smoothie-beer"])):not(:has(a[href="/discount"])):not(:has(a[href="/merch"])),
html[data-theme="dark"] [style*="background:#fff"]:not(.beer_page_image):not(.beer_page_image_500):not(.beer_page_logos):not(.beer_logo):not(.kran_logo):not(.brew_block):not(.brew_block2):not(.brewery_logo):not(.cart_page_beer_logo):not(.beer_photo):not(.beer_photos):not(:is(.beer_block2 > *)):not(:has(a[href="/beer-on-order"])):not(:has(a[href="/beer-style/smoothie-beer"])):not(:has(a[href="/discount"])):not(:has(a[href="/merch"])),
html[data-theme="dark"] [style*="background: #ffffff"]:not(.beer_page_image):not(.beer_page_image_500):not(.beer_page_logos):not(.beer_logo):not(.kran_logo):not(.brew_block):not(.brew_block2):not(.brewery_logo):not(.cart_page_beer_logo):not(.beer_photo):not(.beer_photos):not(:is(.beer_block2 > *)):not(:has(a[href="/beer-on-order"])):not(:has(a[href="/beer-style/smoothie-beer"])):not(:has(a[href="/discount"])):not(:has(a[href="/merch"])),
html[data-theme="dark"] [style*="background:#ffffff"]:not(.beer_page_image):not(.beer_page_image_500):not(.beer_page_logos):not(.beer_logo):not(.kran_logo):not(.brew_block):not(.brew_block2):not(.brewery_logo):not(.cart_page_beer_logo):not(.beer_photo):not(.beer_photos):not(:is(.beer_block2 > *)):not(:has(a[href="/beer-on-order"])):not(:has(a[href="/beer-style/smoothie-beer"])):not(:has(a[href="/discount"])):not(:has(a[href="/merch"])),
html[data-theme="dark"] [style*="background-color: #fff"]:not(.beer_page_image):not(.beer_page_image_500):not(.beer_page_logos):not(.beer_logo):not(.kran_logo):not(.brew_block):not(.brew_block2):not(.brewery_logo):not(.cart_page_beer_logo):not(.beer_photo):not(.beer_photos):not(:is(.beer_block2 > *)):not(:has(a[href="/beer-on-order"])):not(:has(a[href="/beer-style/smoothie-beer"])):not(:has(a[href="/discount"])):not(:has(a[href="/merch"])),
html[data-theme="dark"] [style*="background-color:#fff"]:not(.beer_page_image):not(.beer_page_image_500):not(.beer_page_logos):not(.beer_logo):not(.kran_logo):not(.brew_block):not(.brew_block2):not(.brewery_logo):not(.cart_page_beer_logo):not(.beer_photo):not(.beer_photos):not(:is(.beer_block2 > *)):not(:has(a[href="/beer-on-order"])):not(:has(a[href="/beer-style/smoothie-beer"])):not(:has(a[href="/discount"])):not(:has(a[href="/merch"])),
html[data-theme="dark"] [style*="background-color: #ffffff"]:not(.beer_page_image):not(.beer_page_image_500):not(.beer_page_logos):not(.beer_logo):not(.kran_logo):not(.brew_block):not(.brew_block2):not(.brewery_logo):not(.cart_page_beer_logo):not(.beer_photo):not(.beer_photos):not(:is(.beer_block2 > *)):not(:has(a[href="/beer-on-order"])):not(:has(a[href="/beer-style/smoothie-beer"])):not(:has(a[href="/discount"])):not(:has(a[href="/merch"])),
html[data-theme="dark"] [style*="background-color:#ffffff"]:not(.beer_page_image):not(.beer_page_image_500):not(.beer_page_logos):not(.beer_logo):not(.kran_logo):not(.brew_block):not(.brew_block2):not(.brewery_logo):not(.cart_page_beer_logo):not(.beer_photo):not(.beer_photos):not(:is(.beer_block2 > *)):not(:has(a[href="/beer-on-order"])):not(:has(a[href="/beer-style/smoothie-beer"])):not(:has(a[href="/discount"])):not(:has(a[href="/merch"])) {
    background-color: var(--cb-bg-surface) !important;
}

html[data-theme="dark"] [style*="background: #f0f0f0"],
html[data-theme="dark"] [style*="background:#f0f0f0"],
html[data-theme="dark"] [style*="background-color: #f0f0f0"],
html[data-theme="dark"] [style*="background-color:#f0f0f0"],
html[data-theme="dark"] [style*="background: #e0e0e0"],
html[data-theme="dark"] [style*="background:#e0e0e0"],
html[data-theme="dark"] [style*="background-color: #e0e0e0"],
html[data-theme="dark"] [style*="background-color:#e0e0e0"] {
    background-color: var(--cb-bg-muted) !important;
}

html[data-theme="dark"] [style*="color: #000"],
html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color: #222"],
html[data-theme="dark"] [style*="color:#222"],
html[data-theme="dark"] [style*="color: #333"],
html[data-theme="dark"] [style*="color:#333"],
html[data-theme="dark"] [style*="color: #444"],
html[data-theme="dark"] [style*="color:#444"] {
    color: var(--cb-text) !important;
}

html[data-theme="dark"] [style*="color: #666"],
html[data-theme="dark"] [style*="color:#666"] {
    color: var(--cb-text-muted) !important;
}

/* --- галерея: зелёные чипсы сортировки и стран --- */

html[data-theme="dark"] span[style*="background-color: #ccee99"],
html[data-theme="dark"] span[style*="background-color:#ccee99"] {
    color: #000 !important;
}

/* бейджи и брендовые inline-цвета не трогаем: #008f00, #ee0000, #fff на цветных плашках */

/* --- главная: фон секций и рамки карточек --- */

html[data-theme="dark"] div[style*="background-color: #fff"]:has(a[href="/beer-on-order"]),
html[data-theme="dark"] div[style*="background-color:#fff"]:has(a[href="/beer-on-order"]),
html[data-theme="dark"] div[style*="background: #fff"]:has(a[href="/beer-on-order"]),
html[data-theme="dark"] div[style*="background:#fff"]:has(a[href="/beer-on-order"]),
html[data-theme="dark"] div[style*="background-color: #fff"]:has(a[href="/beer-style/smoothie-beer"]),
html[data-theme="dark"] div[style*="background-color:#fff"]:has(a[href="/beer-style/smoothie-beer"]),
html[data-theme="dark"] div[style*="background: #fff"]:has(a[href="/beer-style/smoothie-beer"]),
html[data-theme="dark"] div[style*="background:#fff"]:has(a[href="/beer-style/smoothie-beer"]),
html[data-theme="dark"] div[style*="background-color: #fff"]:has(a[href="/discount"]),
html[data-theme="dark"] div[style*="background-color:#fff"]:has(a[href="/discount"]),
html[data-theme="dark"] div[style*="background: #fff"]:has(a[href="/discount"]),
html[data-theme="dark"] div[style*="background:#fff"]:has(a[href="/discount"]),
html[data-theme="dark"] div[style*="background-color: #fff"]:has(a[href="/merch"]),
html[data-theme="dark"] div[style*="background-color:#fff"]:has(a[href="/merch"]),
html[data-theme="dark"] div[style*="background: #fff"]:has(a[href="/merch"]),
html[data-theme="dark"] div[style*="background:#fff"]:has(a[href="/merch"]),
html[data-theme="dark"] div[style*="background-color: #333333"]:has(a[href="/merch"]),
html[data-theme="dark"] div[style*="background-color:#333333"]:has(a[href="/merch"]),
html[data-theme="dark"] div[style*="border-top: 0px solid #333"][style*="border-bottom: 0px solid #333"]:has(a[href="/beer-on-order"]),
html[data-theme="dark"] div[style*="border-top: 0px solid #333"][style*="border-bottom: 0px solid #333"]:has(a[href="/beer-style/smoothie-beer"]) {
    background-color: var(--cb-bg-page) !important;
    background: var(--cb-bg-page) !important;
}

/* мобильное меню: правая колонка — исходный #333333 как слева */
html[data-theme="dark"] #menu2,
html[data-theme="dark"] #menu2 [style*="background-color:#333333"],
html[data-theme="dark"] #menu2 [style*="background-color: #333333"] {
    background-color: #333333 !important;
}

html[data-theme="dark"] #menu2 .a_red_noline a:link,
html[data-theme="dark"] #menu2 .a_red_noline a:visited,
html[data-theme="dark"] #menu2 .a_red_noline a:active {
    color: #ffbb00;
}

html[data-theme="dark"] #menu2 .a_red_noline a:hover {
    color: #fff;
}

html[data-theme="dark"] section.card2:has(+ div + div a[href="/novinki-piva-i-cidra"]) .beer_block,
html[data-theme="dark"] section.card:has(+ div + div a[href="/novinki-piva-i-cidra"]) .beer_block,
html[data-theme="dark"] section.card2:has(+ div + div a[href="/beer-on-order"]) .beer_block,
html[data-theme="dark"] section.card:has(+ div + div a[href="/beer-on-order"]) .beer_block,
html[data-theme="dark"] section.card2:has(+ div + div a[href="/beer-style/smoothie-beer"]) .beer_block,
html[data-theme="dark"] section.card:has(+ div + div a[href="/beer-style/smoothie-beer"]) .beer_block,
html[data-theme="dark"] section.card2:has(+ div + div a[href="/discount"]) .beer_block,
html[data-theme="dark"] section.card:has(+ div + div a[href="/discount"]) .beer_block,
html[data-theme="dark"] section.card2:has(+ div + div a[href="/merch"]) .beer_block,
html[data-theme="dark"] section.card:has(+ div + div a[href="/merch"]) .beer_block,
html[data-theme="dark"] section.card2:has(+ div + div a[href="/beer-sets"]) .beer_block,
html[data-theme="dark"] section.card:has(+ div + div a[href="/beer-sets"]) .beer_block,
html[data-theme="dark"] section.card2:has(+ div + div a[href="/beer-taste/tomato-beer"]) .beer_block,
html[data-theme="dark"] section.card:has(+ div + div a[href="/beer-taste/tomato-beer"]) .beer_block,
html[data-theme="dark"] div[style*="border-bottom: 0px solid #ffbb00"][style*="border-top: 0px solid #777"] section.card2 .beer_block,
html[data-theme="dark"] div[style*="border-bottom: 0px solid #ffbb00"][style*="border-top: 0px solid #777"] section.card .beer_block {
    border-color: var(--cb-bg-page) !important;
}

html[data-theme="dark"] section.card:has(+ div + div a[href="/merch"]) .beer_block[style*="border: 2px solid #333"],
html[data-theme="dark"] section.card2:has(+ div + div a[href="/merch"]) .beer_block[style*="border: 2px solid #333"] {
    border: 2px solid var(--cb-bg-page) !important;
}

/* --- statistic: Google Charts (piechart*) --- */

html[data-theme="dark"] div[id^="piechart"] svg rect[fill="#ffffff"],
html[data-theme="dark"] div[id^="piechart"] svg rect[fill="#FFFFFF"],
html[data-theme="dark"] div[id^="piechart"] svg rect[fill="white"],
html[data-theme="dark"] div[id^="piechart"] svg rect[fill="rgb(255, 255, 255)"] {
    fill: var(--cb-bg-page) !important;
}

/* --- товар под заказ: «Только самовывоз» --- */

html[data-theme="dark"] span[style*="background-color: #FC0"][style*="border-radius: 10px"],
html[data-theme="dark"] span[style*="background-color:#FC0"][style*="border-radius: 10px"] {
    color: #000 !important;
}

/* --- корзина: сообщения на жёлтом фоне --- */

html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background-color: #FC0"],
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background-color:#FC0"],
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background: #FC0"],
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background:#FC0"] {
    color: #000 !important;
}

html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background-color: #FC0"] a,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background-color:#FC0"] a,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background: #FC0"] a,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background:#FC0"] a,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background-color: #FC0"] b,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background-color:#FC0"] b,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background: #FC0"] b,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background:#FC0"] b,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background-color: #FC0"] u,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background-color:#FC0"] u,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background: #FC0"] u,
html[data-theme="dark"] .containeraaa:has(.cart_page_right_block) [style*="background:#FC0"] u {
    color: #000 !important;
}

html[data-theme="dark"] .cart_page_byorder_marker span {
    color: #000;
}

/* --- contacts: чёрные иконки → белые --- */

html[data-theme="dark"] img[src*="icons/contacts/"] {
    filter: brightness(0) invert(1);
}

/* --- beer-glass: грузовик «Нужна доставка бокалов?» → белый --- */

html[data-theme="dark"] img[src*="truck-black-icon2.svg"] {
    filter: brightness(0) invert(1);
}

/* /products, /favorites: рамки карточек (приоритет в конце файла) */
html[data-theme="dark"] body:has(#clear_all[name="clear_favorites"]) .beer_block2 .beer_block,
html[data-theme="dark"] body:has(.beers_page_select):not(:has(#clear_all)) .beer_block2 .beer_block {
    border: 2px solid var(--cb-bg-page) !important;
    border-color: var(--cb-bg-page) !important;
}

/* /snacks: рамки карточек в цвет фона страницы */
html[data-theme="dark"] .beer_block2 > .beer_block:has(a[href^="/snack/"]:not([href*="/photo"])) {
    border: 2px solid var(--cb-bg-page) !important;
    border-color: var(--cb-bg-page) !important;
}