/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* ============================================================
   ОФОРМЛЕНИЕ FANBOX — единая точка правки
   ------------------------------------------------------------
   Что где менять:
   1. Кнопки, шрифты и цвета САМОГО САЙТА — в админке:
      Настройки темы → Кнопки / Типографика / Цвета.
      Тема раздаёт их через свои переменные (--btn-accented-*,
      --wd-link-* и т.д.), поэтому здесь они НЕ дублируются.
   2. Ниже — только то, чем тема не управляет: наш фирменный чёрный,
      рамки и элементы сторонних плагинов (СДЭК), которые приходят
      со своими цветами. Меняем значение здесь — меняется везде.
   ============================================================ */
:root {
	/* Фирменные цвета. Используются в наших блоках (карточки, свотчи,
	   бейджи, меню) — правятся здесь и только здесь. */
	--fb-ink: #1a1a1a;
	--fb-border: #e3e3e3;

	/* Кнопка основная (тёмная заливка). По умолчанию берёт цвет кнопок
	   темы, чтобы наши кнопки менялись вместе с остальными. */
	--fb-btn-bg: var(--btn-accented-bgcolor, var(--fb-ink));
	--fb-btn-bg-hover: var(--btn-accented-bgcolor-hover, #303030);
	--fb-btn-color: var(--btn-accented-color, #fff);
	--fb-btn-radius: var(--btn-accented-brd-radius, 0);
	--fb-btn-padding: 12px 20px;
	--fb-btn-font-size: 13px;
	--fb-btn-font-weight: var(--btn-font-weight, 400);

	/* Кнопка второстепенная (светлая заливка) */
	--fb-btn2-bg: var(--btn-default-bgcolor, #f7f7f7);
	--fb-btn2-bg-hover: var(--btn-default-bgcolor-hover, #efefef);
	--fb-btn2-color: var(--fb-ink);

	/* Кнопка-контур (белая с рамкой) — карточки в кабинете, «Подробнее» */
	--fb-btn3-bg: #fff;
	--fb-btn3-color: var(--fb-ink);
	--fb-btn3-brd: var(--fb-border);
	--fb-btn3-brd-hover: var(--fb-ink);
	--fb-btn3-radius: 12px;

	/* Футер */
	--fb-footer-bg: #ebebeb;
	--fb-footer-brd: #b5b5b5;
	--fb-muted: #666;

	/* Ссылки */
	--fb-link: var(--wd-link-color, var(--fb-ink));
	--fb-link-hover: var(--wd-link-color-hover, #000);
}

/* Готовый вид основной кнопки — на него ссылаются правила ниже.
   Если появится ещё один сторонний элемент-кнопка, добавляйте его
   селектор сюда, а не пишите цвета заново. */
.open-pvz-btn,
.wd-cookies-popup button[class*="cdek-"],
button[class*="cdek-"] {
	display: inline-block;
	width: auto;
	padding: var(--fb-btn-padding);
	border: 0;
	border-radius: var(--fb-btn-radius);
	/* !important — виджет карты ПВЗ печатает свой зелёный (#1AB248) тоже с !important */
	background-color: var(--fb-btn-bg) !important;
	color: var(--fb-btn-color);
	font-size: var(--fb-btn-font-size);
	font-weight: var(--fb-btn-font-weight);
	line-height: 1.2;
	transition: background-color .25s ease;
}

.open-pvz-btn:hover,
button[class*="cdek-"]:hover {
	background-color: var(--fb-btn-bg-hover) !important;
}

.open-pvz-btn a,
.open-pvz-btn a:hover {
	color: var(--fb-btn-color);
	text-decoration: none;
}

/* Кнопка «Выбрать» в карточке пункта выдачи: виджет печатает зелёный
   селектором вида .cdek-xxxxx[data-v-xxx] с !important — перебиваем
   более специфичным селектором, иначе правило выше проигрывает. */
.cdek-map button[class*="cdek-"] {
	background-color: var(--fb-btn-bg) !important;
}

.cdek-map button[class*="cdek-"]:hover {
	background-color: var(--fb-btn-bg-hover) !important;
}

/* --- Ссылка «Подробнее» в плашке о cookie ---
   У темы она идёт капсом с жирным подчёркиванием и выбивается из оформления. */
.wd-cookies-popup .cookies-buttons .cookies-more-btn {
	border-bottom: 0;
	text-decoration: none;
	text-transform: none;
	font-weight: 400;
}

.wd-cookies-popup .cookies-buttons .cookies-more-btn:hover {
	text-decoration: underline;
}

/* ============================================================
   ФУТЕР
   Перенесён из контента блока «Footer Fanbox» (id 4887): в контенте
   WordPress вырезает var() при сохранении, поэтому переменные там
   не живут. Здесь цвета берутся из токенов выше.
   ============================================================ */
.fb-footer{background:var(--fb-footer-bg);color:var(--fb-ink);font-size:14px;line-height:1.6;margin:0 -15px;padding:48px 15px 0}
.fb-footer a{color:var(--fb-ink)}
.fb-footer a:hover{color:#000;text-decoration:underline}
.fb-footer .fb-grid{display:grid;grid-template-columns:2.2fr .8fr .9fr 1.15fr;gap:40px;max-width:1222px;margin:0 auto;padding:0 15px}
.fb-footer h4{font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;color:var(--fb-ink)}
.fb-footer ul{list-style:none;margin:0;padding:0}
.fb-footer ul li{margin:0 0 10px}
.fb-sub-form{display:flex;gap:8px;margin:0 0 10px}
.fb-sub-form input[type=email]{flex:1;min-width:0;border:1px solid var(--fb-footer-brd);background:#fff;padding:10px 14px;font-size:14px;color:var(--fb-ink)}
.fb-sub-form button{border:none;background:var(--fb-ink);color:#fff;padding:10px 22px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}
.fb-sub-form button:hover{background:#000}
.fb-consent{font-size:11.5px;color:var(--fb-muted);white-space:nowrap}
@media(max-width:1280px){.fb-consent{white-space:normal}}
.fb-sub-msg{font-size:13px;margin:0 0 10px;display:none}
.fb-sub-msg.ok{color:#1e7e34;display:block}
.fb-sub-msg.err{color:#b02a37;display:block}
.fb-social{display:flex;gap:14px;margin:0 0 20px}
.fb-social a{display:inline-flex;width:36px;height:36px;border-radius:50%;background:var(--fb-ink);color:#fff;align-items:center;justify-content:center}
.fb-social a:hover{background:#000;color:#fff}
.fb-social svg{width:18px;height:18px;fill:currentColor}
.fb-pay{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.fb-pay span{border:1px solid var(--fb-footer-brd);border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600;background:#fff;color:#333}
.fb-note{font-size:11px;color:#777;margin:0 0 12px}
.fb-inn{font-size:12.5px;color:#444}
.fb-bottom{border-top:1px solid #cfcfcf;margin-top:40px;padding:18px 15px;text-align:center;font-size:12.5px;color:#555}
.fb-bottom a{color:#555}
.fb-bottom .fb-sep{margin:0 10px;color:#aaa}
.fb-sub-form .fb-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
@media(max-width:1024px){.fb-footer .fb-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:576px){.fb-footer .fb-grid{grid-template-columns:1fr;gap:28px}}

/* ============================================================
   ЧЕКАУТ, КАБИНЕТ, ВИДЖЕТ СДЭК — акценты в фирменный чёрный.
   Тема красит итоговые суммы и активные пункты кабинета своим
   синим (--wd-primary-color), радиокнопки берут синий системный,
   виджет СДЭК приходит с зелёным #1AB248, плашка «заказ принят»
   — с зелёным WooCommerce. Всё сводим к --fb-ink.
   ============================================================ */
/* html:root, а не :root — тема объявляет свой primary инлайном ПОСЛЕ этого файла,
   и при равной специфичности выигрывает она. */
html:root{--wd-primary-color:var(--fb-ink)}
.woocommerce-checkout-review-order input[type=radio],
.woocommerce-shipping-methods input[type=radio],
#shipping_method input[type=radio]{accent-color:var(--fb-ink)}
/* Плашка «Ваш заказ принят» — WooCommerce красит её в зелёный */
p.woocommerce-thankyou-order-received.woocommerce-notice--success{color:var(--fb-ink);border-color:var(--fb-border)}