/* ============================================================
   EZH THEME SWITCH — белая тема (слой переопределений)
   Класс ezh-theme-white ставится на <html>. Подвал и зелёные
   кнопки не меняются. Исходная палитра Storefront не трогается.
   ============================================================ */

/* --- Фон страницы (розовый #ffdddd -> белый) --- */
html.ezh-theme-white body.custom-background,
html.ezh-theme-white body {
	background-color: #ffffff !important;
}

/* --- Шапка --- */
html.ezh-theme-white .site-header,
html.ezh-theme-white .storefront-handheld-footer-bar,
html.ezh-theme-white .storefront-handheld-footer-bar ul li > a,
html.ezh-theme-white .storefront-handheld-footer-bar ul li.search .site-search,
html.ezh-theme-white button.menu-toggle,
html.ezh-theme-white .secondary-navigation ul ul,
html.ezh-theme-white .secondary-navigation ul.menu ul,
html.ezh-theme-white .header-widget-region {
	background-color: #ffffff !important;
}
html.ezh-theme-white .site-header {
	border-bottom-color: #e5e5e5 !important;
}

/* --- Выпадающие подменю (розовые #f0cece -> нейтральные) --- */
html.ezh-theme-white .main-navigation ul.menu ul.sub-menu,
html.ezh-theme-white .main-navigation ul.nav-menu ul.children {
	background-color: #f5f5f5 !important;
}

/* --- Таблицы (WooCommerce / каталог) --- */
html.ezh-theme-white table:not(.has-background) th {
	background-color: #f0f0f0 !important;
}
html.ezh-theme-white table:not(.has-background) tbody td {
	background-color: #fafafa !important;
}
html.ezh-theme-white table:not(.has-background) tbody tr:nth-child(2n) td,
html.ezh-theme-white fieldset,
html.ezh-theme-white fieldset legend {
	background-color: #f2f2f2 !important;
}

/* --- Комментарии, пагинация --- */
html.ezh-theme-white #comments .comment-list .comment-content .comment-text {
	background-color: #f0f0f0 !important;
}

/* --- Разное из style.css темы (розовые подложки блоков) --- */
html.ezh-theme-white .orderby {
	background-color: #ffffff !important;
}
html.ezh-theme-white #rcl-office .recall_content_block,
html.ezh-theme-white .rcl-public-box .rcl-form-field {
	background: #f5f5f5 !important;
}
html.ezh-theme-white .div-table,
html.ezh-theme-white .div-table-header {
	background: #f5f5f5 !important;
}
/* Розовый информационный виджет на главной -> светло-серый */
html.ezh-theme-white div#custom_html-6.widget .textwidget.custom-html-widget {
	background-color: #eeeeee !important;
}

/* ============================================================
   Кнопка переключателя темы (видна только администратору)
   ============================================================ */
#ezh-theme-toggle {
	position: fixed;
	right: 16px;
	bottom: 16px;
	z-index: 99990;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	opacity: 0.85;
	transition: opacity 0.15s ease, box-shadow 0.15s ease;
}
#ezh-theme-toggle:hover,
#ezh-theme-toggle:focus-visible {
	opacity: 1;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
	outline: none;
}

/* На мобильных кнопку приподнимаем выше розовой/белой нижней панели Storefront */
@media (max-width: 767px) {
	#ezh-theme-toggle {
		bottom: 72px;
	}
}

/* ============================================================
   Информационные блоки для вставки в текст (шорткоды
   [ezh_info] и [ezh_warning]). Цвета — CSS-переменные:
   подстраиваются под активную цветовую тему сайта.
   ============================================================ */
:root {
	--ezh-note-info-bg: #eaf6ef;
	--ezh-note-info-border: #0f834d;
	--ezh-note-info-color: #234a38;
	--ezh-note-warn-bg: #fdf2e0;
	--ezh-note-warn-border: #d97706;
	--ezh-note-warn-color: #6b4305;
}

/* В белой теме — чуть мягче фон, чтобы блоки не выглядели кричаще страницы */
html.ezh-theme-white {
	--ezh-note-info-bg: #f2f9f5;
	--ezh-note-warn-bg: #fdf6ea;
}

.ezh-note {
	display: block;
	margin: 1.2em 0;
	padding: 14px 18px;
	border-left: 4px solid var(--ezh-note-border, #999);
	border-radius: 6px;
	background-color: var(--ezh-note-bg, #f5f5f5);
	color: var(--ezh-note-color, #333);
	font-size: 0.95rem;
	line-height: 1.55;
}
.ezh-note__body > :first-child { margin-top: 0; }
.ezh-note__body > :last-child  { margin-bottom: 0; }

.ezh-note--info {
	--ezh-note-bg: var(--ezh-note-info-bg);
	--ezh-note-border: var(--ezh-note-info-border);
	--ezh-note-color: var(--ezh-note-info-color);
}
.ezh-note--warning {
	--ezh-note-bg: var(--ezh-note-warn-bg);
	--ezh-note-border: var(--ezh-note-warn-border);
	--ezh-note-color: var(--ezh-note-warn-color);
}

/* ============================================================
   ТЁМНАЯ ТЕМА (класс ezh-theme-dark на <html>)
   Зелёные кнопки не меняются; подвал тёмный во всех темах.
   ============================================================ */

/* --- База: фон и текст --- */
html.ezh-theme-dark body.custom-background,
html.ezh-theme-dark body {
	background-color: #1c1c1c !important;
	color: #e6e6e6 !important;
}
html.ezh-theme-dark h1, html.ezh-theme-dark h2, html.ezh-theme-dark h3,
html.ezh-theme-dark h4, html.ezh-theme-dark h5, html.ezh-theme-dark h6,
html.ezh-theme-dark .wc-block-grid__product-title {
	color: #eeeeee !important;
}
html.ezh-theme-dark p.site-description,
html.ezh-theme-dark .site-header,
html.ezh-theme-dark .secondary-navigation a {
	color: #bbbbbb !important;
}
html.ezh-theme-dark .widget-area .widget a,
html.ezh-theme-dark .hentry .entry-header a,
html.ezh-theme-dark a {
	color: #4ecf8f !important;
}
html.ezh-theme-dark .site-title a,
html.ezh-theme-dark .main-navigation ul li a,
html.ezh-theme-dark ul.menu li a {
	color: #eeeeee !important;
}
html.ezh-theme-dark .widget .widget-title,
html.ezh-theme-dark .widget .widgettitle {
	color: #cccccc !important;
}

/* --- Шапка и панели --- */
html.ezh-theme-dark .site-header,
html.ezh-theme-dark .storefront-handheld-footer-bar,
html.ezh-theme-dark .storefront-handheld-footer-bar ul li > a,
html.ezh-theme-dark .storefront-handheld-footer-bar ul li.search .site-search,
html.ezh-theme-dark button.menu-toggle,
html.ezh-theme-dark .header-widget-region,
html.ezh-theme-dark .orderby {
	background-color: #222222 !important;
}
html.ezh-theme-dark .site-header {
	border-bottom-color: #333333 !important;
}
html.ezh-theme-dark button.menu-toggle:after,
html.ezh-theme-dark button.menu-toggle:before,
html.ezh-theme-dark button.menu-toggle span:before {
	background-color: #eeeeee !important;
}

/* --- Подменю --- */
html.ezh-theme-dark .main-navigation ul.menu ul.sub-menu,
html.ezh-theme-dark .main-navigation ul.nav-menu ul.children,
html.ezh-theme-dark .secondary-navigation ul ul,
html.ezh-theme-dark .secondary-navigation ul.menu ul {
	background-color: #2a2a2a !important;
}

/* --- Таблицы --- */
html.ezh-theme-dark table:not(.has-background) th {
	background-color: #2a2a2a !important;
}
html.ezh-theme-dark table:not(.has-background) tbody td {
	background-color: #242424 !important;
}
html.ezh-theme-dark table:not(.has-background) tbody tr:nth-child(2n) td,
html.ezh-theme-dark fieldset,
html.ezh-theme-dark fieldset legend {
	background-color: #282828 !important;
}

/* --- Комментарии --- */
html.ezh-theme-dark #comments .comment-list .comment-content .comment-text {
	background-color: #2a2a2a !important;
}

/* --- Поля ввода --- */
html.ezh-theme-dark input,
html.ezh-theme-dark textarea,
html.ezh-theme-dark select {
	background-color: #2a2a2a !important;
	color: #eeeeee !important;
	border-color: #444444 !important;
}

/* --- Разное из style.css темы --- */
html.ezh-theme-dark #rcl-office .recall_content_block,
html.ezh-theme-dark .rcl-public-box .rcl-form-field,
html.ezh-theme-dark .div-table,
html.ezh-theme-dark .div-table-header {
	background: #2a2a2a !important;
}
/* Розовый информационный виджет на главной -> тёмно-серый */
html.ezh-theme-dark div#custom_html-6.widget .textwidget.custom-html-widget {
	background-color: #2a2a2a !important;
	color: #dddddd !important;
}

/* --- Информационные блоки [ezh_info]/[ezh_warning] --- */
html.ezh-theme-dark {
	--ezh-note-info-bg: #1f2b26;
	--ezh-note-info-border: #35c47c;
	--ezh-note-info-color: #cdeeda;
	--ezh-note-warn-bg: #2e2416;
	--ezh-note-warn-border: #d97706;
	--ezh-note-warn-color: #f3d9a8;
}

/* ============================================================
   Универсальный блок [ezh_note] (нейтральный акцент)
   ============================================================ */
:root {
	--ezh-note-note-bg: #f0f0f0;
	--ezh-note-note-border: #9aa0a6;
	--ezh-note-note-color: #3c4043;
}
html.ezh-theme-white {
	--ezh-note-note-bg: #f5f5f5;
}
html.ezh-theme-dark {
	--ezh-note-note-bg: #2a2a2a;
	--ezh-note-note-border: #6b6f73;
	--ezh-note-note-color: #d5d8dc;
}
.ezh-note--note {
	--ezh-note-bg: var(--ezh-note-note-bg);
	--ezh-note-border: var(--ezh-note-note-border);
	--ezh-note-color: var(--ezh-note-note-color);
}

/* ============================================================
   Пагинация: номера страниц вместо розовых плашек.
   Цвета — CSS-переменные, подстраиваются под активную тему.
   ============================================================ */
:root {
	--ezh-page-bg: #ffffff;
	--ezh-page-color: #333333;
	--ezh-page-border: #dddddd;
	--ezh-page-hover-bg: #f0f0f0;
}
html.ezh-theme-dark {
	--ezh-page-bg: #2a2a2a;
	--ezh-page-color: #eeeeee;
	--ezh-page-border: #444444;
	--ezh-page-hover-bg: #333333;
}
.pagination .page-numbers li .page-numbers {
	background-color: var(--ezh-page-bg) !important;
	color: var(--ezh-page-color) !important;
	border: 1px solid var(--ezh-page-border) !important;
	border-radius: 4px;
}
.pagination .page-numbers li .page-numbers:hover {
	background-color: var(--ezh-page-hover-bg) !important;
}
.pagination .page-numbers li .page-numbers.current {
	background-color: #0f834d !important;
	border-color: #0f834d !important;
	color: #ffffff !important;
}

/* ============================================================
   Блоки Shortcodes Ultimate ([su_note] и т.п.) — приводим к тому
   же стилю, что и наши информационные блоки (все три темы).
   ============================================================ */
.su-note,
.su-note.su-note {
	background: transparent !important;
	border: none !important;
}
.su-note-inner {
	background-color: var(--ezh-note-note-bg) !important;
	color: var(--ezh-note-note-color) !important;
	border: none !important;
	border-left: 4px solid var(--ezh-note-note-border) !important;
	border-radius: 6px !important;
}

/* ============================================================
   Блоки привязки Max ([ezh_my_orders_bot], страница «Спасибо»)
   Цвета фона и текста — CSS-переменные, под все три темы.
   Синий акцент Max (#4C6EF5) сохраняется во всех темах.
   ============================================================ */
:root {
	--ezh-maxcta-bg: #f0f4ff;
	--ezh-maxcta-title: #2c3e50;
	--ezh-maxcta-text: #555555;
	--ezh-maxcta-success-bg: #e8f8e8;
}
html.ezh-theme-white {
	--ezh-maxcta-bg: #f3f6ff;
	--ezh-maxcta-success-bg: #eef9ee;
}
html.ezh-theme-dark {
	--ezh-maxcta-bg: #232a3d;
	--ezh-maxcta-title: #e8ecf8;
	--ezh-maxcta-text: #c5cbdd;
	--ezh-maxcta-success-bg: #1d2b22;
}
.ezh-maxcta {
	margin: 16px 0 24px;
	padding: 20px;
	background: var(--ezh-maxcta-bg) !important;
	border-radius: 8px;
	border-left: 4px solid #4c6ef5 !important;
}
.ezh-maxcta--success {
	border-left-color: #27ae60 !important;
	background: var(--ezh-maxcta-success-bg) !important;
}
.ezh-maxcta__title {
	margin: 0 0 8px;
	font-size: 18px;
	color: var(--ezh-maxcta-title) !important;
}
.ezh-maxcta__text {
	margin: 0 0 16px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--ezh-maxcta-text) !important;
}
.ezh-maxcta__btn {
	display: inline-block;
	padding: 12px 24px;
	background: #4c6ef5 !important;
	color: #ffffff !important;
	text-decoration: none;
	border-radius: 6px;
	font-weight: 600;
	font-size: 15px;
}

/* ============================================================
   Всплывающая панель корзины («Корзина пуста» при наведении)
   Цвета — CSS-переменные, под все три темы.
   ============================================================ */
:root {
	--ezh-cart-bg: #ffffff;
	--ezh-cart-color: #333333;
}
html.ezh-theme-dark {
	--ezh-cart-bg: #2a2a2a;
	--ezh-cart-color: #eeeeee;
}
.site-header .widget_shopping_cart {
	background-color: var(--ezh-cart-bg) !important;
	color: var(--ezh-cart-color) !important;
}
/* Стрелочка-подложка над панелью */
.site-header .widget_shopping_cart:before,
.site-header .widget_shopping_cart:after {
	border-bottom-color: var(--ezh-cart-bg) !important;
}

/* Пагинация магазина WooCommerce (.woocommerce-pagination) —
   та же стилистика, что и для .pagination блога. */
.woocommerce-pagination .page-numbers li .page-numbers {
	background-color: var(--ezh-page-bg) !important;
	color: var(--ezh-page-color) !important;
	border: 1px solid var(--ezh-page-border) !important;
	border-radius: 4px;
}
.woocommerce-pagination .page-numbers li .page-numbers:hover {
	background-color: var(--ezh-page-hover-bg) !important;
}
.woocommerce-pagination .page-numbers li .page-numbers.current {
	background-color: #0f834d !important;
	border-color: #0f834d !important;
	color: #ffffff !important;
}

/* --- Содержимое корзины в панели: строки товаров и подытог
   (были розовые подложки/разделители из палитры Storefront) --- */
:root {
	--ezh-cart-sep: #e0e0e0;
}
html.ezh-theme-dark {
	--ezh-cart-sep: #444444;
}
.site-header .widget_shopping_cart .woocommerce-mini-cart li,
.site-header .widget_shopping_cart .cart_list li {
	background: transparent !important;
}
.site-header .widget_shopping_cart .woocommerce-mini-cart__total,
.site-header .widget_shopping_cart .total {
	background: transparent !important;
	border-top-color: var(--ezh-cart-sep) !important;
}
.site-header .widget_shopping_cart .woocommerce-mini-cart__total strong,
.site-header .widget_shopping_cart .total strong,
.site-header .widget_shopping_cart .quantity,
.site-header .widget_shopping_cart .woocommerce-mini-cart__total .amount {
	color: var(--ezh-cart-color) !important;
}

/* Кнопки «Просмотр корзины» / «Оформление заказа» в панели корзины —
   розовая подложка из палитры Storefront убрана. */
.site-header .widget_shopping_cart .woocommerce-mini-cart__buttons,
.site-header .widget_shopping_cart .buttons {
	background: transparent !important;
}

/* --- Боковая выдвижная панель «Ваша корзина» (плагин WooCommerce Cart Tab) ---
   В белой и тёмной темах вместо розовой подложки Storefront. */
.woocommerce-cart-tab-container {
	background-color: var(--ezh-cart-bg) !important;
	color: var(--ezh-cart-color) !important;
}
.woocommerce-cart-tab-container .widget_shopping_cart,
.woocommerce-cart-tab-container .cart-tab,
.woocommerce-cart-tab-container h2.widgettitle,
.woocommerce-cart-tab-container .woocommerce-mini-cart__buttons,
.woocommerce-cart-tab-container .buttons {
	background: transparent !important;
}
.woocommerce-cart-tab-container .cart-tab h2,
.woocommerce-cart-tab-container .widgettitle {
	color: var(--ezh-cart-color) !important;
	border-bottom-color: var(--ezh-cart-sep) !important;
}
.woocommerce-cart-tab-container .quantity,
.woocommerce-cart-tab-container .woocommerce-mini-cart__total .amount,
.woocommerce-cart-tab-container .total strong {
	color: var(--ezh-cart-color) !important;
}
.woocommerce-cart-tab-container .woocommerce-mini-cart__total,
.woocommerce-cart-tab-container .total {
	border-top-color: var(--ezh-cart-sep) !important;
}
/* Ручка вкладки со счётчиком товаров — тоже из переменных */
.woocommerce-cart-tab {
	background-color: var(--ezh-cart-bg) !important;
	color: var(--ezh-cart-color) !important;
}

/* --- Всплывающие панели поиска (Ajax Search Lite) —
   розовая подложка заменена на фон корзины/страницы. */
div.wpdreams_asl_results.asl_w,
div.searchsettings.wpdreams_asl_settings.asl_w {
	background-color: var(--ezh-cart-bg) !important;
}