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

/* ============================================================
   Вградени Woodmart swatches — стил като Variation Swatches Pro
   (замяна на плъгина; двуцветни диагонали + рамка + размер)
   ============================================================ */

/* По-стегната разредка между опциите (темата слага 15px/10px) */
.wd-swatches-product.wd-swatches-product {
	--wd-swatch-h-sp: 6px;
	--wd-swatch-v-sp: 6px;
}

/* Цветовете като кръгли точки: бяла подложка, фина рамка,
   плавен hover и оранжев пръстен за избрания (акцента на сайта) */
.wd-swatches-product .wd-swatch.wd-bg.wd-bg {
	width: 32px !important;
	height: 32px !important;
	padding: 2px !important;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 50% !important;
	box-sizing: border-box;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

/* Воалът с отметката на темата: САМО върху избрания цвят, не при hover
   (при hover замъгляваше цвета и не се виждаше какъв е) */
@media (hover: hover) {
	.wd-swatches-product.wd-bg-style-4 .wd-swatch.wd-bg:hover:not(.wd-active)::after,
	[class*="wd-swatches"].wd-bg-style-4 .wd-swatch.wd-bg:hover:not(.wd-active)::after {
		opacity: 0 !important;
	}
}
.wd-swatches-product .wd-swatch.wd-bg.wd-bg .wd-swatch-bg {
	width: 100% !important;
	height: 100% !important;
	border-radius: 50% !important;
	/* по-плътен вътрешен контур: белите половини на двуцветните
	   да не се сливат с бялата подложка */
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16);
}
.wd-swatches-product .wd-swatch.wd-bg.wd-bg:hover {
	border-color: var(--wd-primary-color, #f7941d);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
	transform: translateY(-1px);
}
.wd-swatches-product .wd-swatch.wd-bg.wd-bg.wd-active {
	border: 2px solid var(--wd-primary-color, #f7941d);
	padding: 1px !important;
}

/* Текстовите опции (Сечение и др.) — компактни, изчистени бутони
   в плоския стил на сайта */
.wd-swatches-product .wd-swatch.wd-text.wd-text {
	min-width: 40px !important;
	height: 30px !important;
	line-height: 28px;
	padding: 0 10px !important;
	font-size: 13px;
	background: #fff;
	border: 1px solid #d5d5d5;
	border-radius: 8px !important;
	box-sizing: border-box;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
	transition: border-color .15s ease, color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.wd-swatches-product .wd-swatch.wd-text.wd-text:hover {
	border-color: var(--wd-primary-color, #f7941d) !important;
	background: #fff6ea !important;
	color: #9a5c00 !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
/* Избраният: същият бял бутон, само с оранжев пръстен (като мокъпа) —
   не изпъква грубо спрямо останалите */
.wd-swatches-product .wd-swatch.wd-text.wd-text.wd-active {
	border-color: var(--wd-primary-color, #f7941d) !important;
	background: #fff7ee !important;
	color: #222 !important;
	font-weight: 600;
	box-shadow: 0 0 0 1px var(--wd-primary-color, #f7941d);
}

/* Изчерпаните опции — избледнели (X-то остава от темата) */
.wd-swatches-product .wd-swatch.wd-bg.wd-bg.wd-disabled,
.wd-swatches-product .wd-swatch.wd-text.wd-text.wd-disabled {
	opacity: 0.45;
	filter: grayscale(30%);
}
.wd-swatches-product .wd-swatch.wd-bg.wd-bg.wd-disabled:hover,
.wd-swatches-product .wd-swatch.wd-text.wd-text.wd-disabled:hover {
	transform: none;
	box-shadow: none;
	border-color: #d9d9d9;
	color: inherit;
}

/* Достъпност: видим фокус при навигация с клавиатура */
.wd-swatches-product .wd-swatch:focus-visible {
	outline: 2px solid var(--wd-primary-color, #f7941d);
	outline-offset: 2px;
}

/* ============================================================
   Футър — освежаване: акцентна линия, заглавия с тире, анимирани
   линкове, акцент на телефона, карта с дълбочина
   ============================================================ */

/* Дълбок фон с меко оранжево сияние + оранжева линия отгоре */
.wd-footer.footer-container {
	position: relative;
	background:
		radial-gradient(640px 320px at 10% 0%, rgba(247, 148, 29, 0.13), transparent 60%),
		radial-gradient(520px 300px at 92% 100%, rgba(247, 148, 29, 0.07), transparent 60%),
		linear-gradient(180deg, #2e2e2e 0%, #1e1e1e 100%);
}
.wd-footer.footer-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--wd-primary-color, #f7941d) 0%, #ffc372 50%, var(--wd-primary-color, #f7941d) 100%);
}

/* Заглавията на колоните — късо оранжево тире отдолу */
.wd-footer .widget-title {
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 20px;
	letter-spacing: .06em;
}
/* :not(.wd-widget-collapse) — на мобилно темата ползва ::after на
   заглавието за стрелката за свиване, не бива да я пипаме */
.wd-footer .wd-widget:not(.wd-widget-collapse) .widget-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 3px;
	border-radius: 2px;
	background: var(--wd-primary-color, #f7941d);
}

/* Линковете в менютата: стрелка + плъзгане при hover */
.wd-footer .menu li a {
	position: relative;
	display: inline-block;
	transition: padding-left .18s ease, color .18s ease;
}
.wd-footer .menu li a::before {
	content: "\203A";
	position: absolute;
	left: 2px;
	opacity: 0;
	color: var(--wd-primary-color, #f7941d);
	font-weight: 700;
	transition: opacity .18s ease;
}
.wd-footer .menu li a:hover {
	padding-left: 16px;
	color: #fff;
}
.wd-footer .menu li a:hover::before {
	opacity: 1;
}

/* Тънки разделители между колоните (само на десктоп) */
@media (min-width: 1025px) {
	.wd-footer .footer-column + .footer-column {
		border-left: 1px solid rgba(255, 255, 255, 0.07);
		padding-left: 34px;
	}
}

/* Контактите — кръгли оранжеви икон-баджове.
   !important, защото иконите носят inline width/margin в маркъпа
   (а пликът няма — без изравняване редовете се разместват) */
.wd-footer .textwidget .fa,
.wd-footer .textwidget .fas {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px !important;
	height: 26px;
	margin-right: 9px !important;
	border-radius: 50%;
	background-color: rgba(247, 148, 29, 0.16);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 14px 14px;
	color: var(--wd-primary-color, #f7941d);
	font-size: 12px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
/* Собствени SVG икони — темата е без Font Awesome (на част от
   страниците шрифтът липсва и FA класовете рендерират квадратчета) */
.wd-footer .textwidget .fa::before,
.wd-footer .textwidget .fas::before {
	content: none !important;
}
.wd-footer .textwidget .fa-question-circle { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M9.6 9.2a2.5 2.5 0 1 1 3.4 2.4c-.8.3-1 1-1 1.8'/><circle cx='12' cy='16.8' r='.6' fill='%23f7941d' stroke='none'/></svg>"); }
.wd-footer .textwidget .fa-mobile { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><rect x='7' y='2.5' width='10' height='19' rx='2'/><path d='M11 18.5h2'/></svg>"); }
.wd-footer .textwidget .fa-envelope { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='5' width='19' height='14' rx='2'/><path d='m3.5 7 8.5 6 8.5-6'/></svg>"); }
.wd-footer .textwidget .fa-address-card { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='4.5' width='19' height='15' rx='2'/><circle cx='8.5' cy='10.5' r='2'/><path d='M5.5 15.8c.6-1.6 1.8-2.4 3-2.4s2.4.8 3 2.4'/><path d='M14.5 9h4M14.5 12h4M14.5 15h2.5'/></svg>"); }

/* Телефонът — това е действие, откроен в акцентния цвят */
.wd-footer a[href^="tel:"] {
	font-size: 19px;
	font-weight: 700;
	color: #ffb85c;
	transition: color .15s ease;
}
.wd-footer a[href^="tel:"]:hover {
	color: #fff;
}
.wd-footer .textwidget a:hover {
	color: #fff;
}

/* Картата на локациите — оранжево сияние по контура на самата карта
   (drop-shadow следва прозрачността на PNG-то, без подложка) */
.wd-footer .footer-column-4 img {
	filter: drop-shadow(0 0 16px rgba(247, 148, 29, 0.35)) drop-shadow(0 6px 12px rgba(0, 0, 0, 0.45));
	transition: transform .25s ease, filter .25s ease;
}
.wd-footer .footer-column-4 img:hover {
	transform: scale(1.04);
	filter: drop-shadow(0 0 26px rgba(247, 148, 29, 0.6)) drop-shadow(0 6px 12px rgba(0, 0, 0, 0.45));
}

/* Доверителна лента над футъра (Woodmart prefooter, съдържанието е в
   опцията prefooter_area) — слива се с футъра над оранжевата линия */
.wd-prefooter {
	background: #2e2e2e !important;
	padding: 30px 0 !important;
	margin: 0 !important;
}
.cc-trust {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}
.cc-trust-item {
	display: flex;
	align-items: center;
	gap: 14px;
}
.cc-trust-item svg {
	flex: none;
	width: 48px;
	height: 48px;
	padding: 12px;
	box-sizing: border-box;
	border-radius: 12px;
	background: rgba(247, 148, 29, 0.14);
	color: var(--wd-primary-color, #f7941d);
}
.cc-trust-txt strong {
	display: block;
	color: #fff;
	font-size: 15px;
	margin-bottom: 2px;
}
.cc-trust-txt span {
	display: block;
	color: #a8a8a8;
	font-size: 13px;
	line-height: 1.4;
}
@media (max-width: 1024px) {
	.cc-trust {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 576px) {
	.cc-trust {
		grid-template-columns: 1fr;
	}
}

/* Копирайт лентата: по-тъмна, тънък разделител + плащанията върху бяла карта */
body .copyrights-wrapper {
	background: #191919;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.wd-footer .widget-title {
	color: #fff;
}
.copyrights-wrapper .wd-col-end img {
	background: #fff;
	padding: 7px 12px;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* ============================================================
   Мега менюта в хедъра (HTML блокове "Меню ...") — v2:
   побират се на всякакъв екран (колоните се пренареждат),
   акцентна линия, тирета, hover стрелки.
   ВАЖНО: БЕЗ overflow:hidden на панела — той реже невидимия
   hover "мост" на темата и менюто се затваря преди клик!
   ============================================================ */
.wd-nav-main > li > .wd-dropdown-menu {
	/* широк панел: колкото контейнера на сайта (до линията на логото),
	   но никога извън екрана */
	width: min(var(--wd-container-w, 1300px), calc(100vw - 48px)) !important;
	border-radius: 14px;
	box-shadow: 0 24px 60px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.04);
	background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
}
.wd-nav-main > li > .wd-dropdown-menu > .container {
	padding-top: 26px;
	padding-bottom: 14px;
	/* панелът винаги се събира във видимата област; скролът е тук
	   (НЕ на .wd-dropdown-menu — там реже hover моста) */
	max-height: calc(100vh - 170px);
	overflow-y: auto;
	overflow-x: hidden;
}
/* Акцентната линия е border-image (::before е зает от лентата с името,
   ::after е hover мостът на темата — НЕ се пипа!) */
.wd-nav-main > li > .wd-dropdown-menu {
	border-top: 3px solid var(--wd-primary-color, #f7941d);
	border-image: linear-gradient(90deg, var(--wd-primary-color, #f7941d), #ffc372, var(--wd-primary-color, #f7941d)) 1;
}
/* Elementor "stretched" секции в менюто се разпъват до целия екран
   с inline стилове и излизат от панела — приковаваме ги вътре */
.wd-nav-main > li > .wd-dropdown-menu .elementor-section-stretched {
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
/* Отрицателният горен марджин на блока реже първия ред при скрол */
.wd-nav-main > li > .wd-dropdown-menu .wd-negative-gap {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/* Мъртвите промо секции (категориите са изтрити) — скрити от менюто */
.wd-dropdown-menu li:has(> a[href*="promotsii"]),
.wd-dropdown-menu li:has(> a[href*="razprodazhbi"]),
.wd-dropdown-menu li:has(> a[href*="produkt-na-meseca"]) {
	display: none !important;
}

/* Етикетите НОВО/SALE в мега менютата — махнати по искане */
.wd-dropdown-menu .menu-label {
	display: none !important;
}

/* Заглавията на секциите — късо оранжево тире, което пораства при hover */
.wd-dropdown-menu .mega-menu-list > li > a {
	position: relative;
	padding-bottom: 10px !important;
	color: #1a1a1a;
	font-size: 13px !important;
	letter-spacing: .04em;
}
.wd-dropdown-menu .mega-menu-list > li {
	margin-bottom: 16px;
}
/* Ритъм: тънък разделител между секциите в една колона */
.wd-dropdown-menu .mega-menu-list > li + li {
	border-top: 1px solid #f3f3f3;
	padding-top: 14px;
}
/* Заглавието светва в оранжево при посочване */
.wd-dropdown-menu .mega-menu-list > li > a:hover {
	color: var(--wd-primary-color, #f7941d) !important;
}
/* Етикет на ниво секция — закотвен горе-дясно на секцията,
   никога рязан от ръба на панела */
.wd-dropdown-menu .mega-menu-list > li {
	position: relative;
}

/* Подсказка за скрол в стил "mouse scroll": контур на мишка с точка,
   която се спуска и чезне. Плаваща, нищо не закрива (класът cc-can-scroll
   се слага от wd-menu-scroll.js само при скрито съдържание) */
.wd-nav-main > li > .wd-dropdown-menu > .container::after {
	content: "";
	position: sticky;
	bottom: 4px;
	display: block;
	width: 24px;
	height: 36px;
	margin: -36px auto 0;
	background:
		radial-gradient(circle, #f7941d 2.4px, rgba(247, 148, 29, 0) 3.2px) no-repeat center 9px / 7px 7px,
		url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 36'><rect x='2.5' y='2' width='19' height='32' rx='9.5' fill='rgba(255,255,255,0.92)' stroke='%23f7941d' stroke-width='2.4'/></svg>") no-repeat center / contain;
	filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.18));
	opacity: 0;
	transition: opacity .25s ease;
	pointer-events: none;
	z-index: 4;
}
.wd-nav-main > li > .wd-dropdown-menu > .container.cc-can-scroll::after {
	opacity: 1;
	animation: cc-mouse-scroll 1.7s ease-in-out infinite;
}
@keyframes cc-mouse-scroll {
	0% { background-position: center 8px, center; background-size: 7px 7px, contain; }
	60% { background-position: center 20px, center; background-size: 7px 7px, contain; }
	80%, 100% { background-position: center 20px, center; background-size: 0 0, contain; }
}

/* Тънък, дискретен скролбар на панела */
.wd-nav-main > li > .wd-dropdown-menu > .container {
	scrollbar-width: thin;
	scrollbar-color: #dcdcdc transparent;
}
.wd-nav-main > li > .wd-dropdown-menu > .container::-webkit-scrollbar {
	width: 8px;
}
.wd-nav-main > li > .wd-dropdown-menu > .container::-webkit-scrollbar-track {
	background: transparent;
	margin-block: 14px;
}
.wd-nav-main > li > .wd-dropdown-menu > .container::-webkit-scrollbar-thumb {
	background: #dcdcdc;
	border-radius: 8px;
}
.wd-nav-main > li > .wd-dropdown-menu > .container::-webkit-scrollbar-thumb:hover {
	background: var(--wd-primary-color, #f7941d);
}

/* ПИЛОТ: тъмна вертикална лента с името на категорията отляво на панела */
li.menu-item-18385 > .wd-dropdown-menu::before,
li.menu-item-18386 > .wd-dropdown-menu::before,
li.menu-item-18387 > .wd-dropdown-menu::before,
li.menu-item-18388 > .wd-dropdown-menu::before,
li.menu-item-51890 > .wd-dropdown-menu::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 52px;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #303030 0%, #1c1c1c 100%);
	/* rotate(180deg) обръща ъглите: това горе-дясно става долу-ляво */
	border-radius: 0 12px 0 0;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .18em;
	text-transform: uppercase;
	white-space: nowrap;
	pointer-events: none;
	z-index: 2;
}
li.menu-item-18385 > .wd-dropdown-menu::before { content: "Кабели и проводници"; }
li.menu-item-18386 > .wd-dropdown-menu::before { content: "Електроапаратура"; }
li.menu-item-18387 > .wd-dropdown-menu::before { content: "Електроматериали"; }
li.menu-item-18388 > .wd-dropdown-menu::before { content: "Инструменти"; }
li.menu-item-51890 > .wd-dropdown-menu::before { content: "Водопровод"; }
li.menu-item-18385 > .wd-dropdown-menu > .container,
li.menu-item-18386 > .wd-dropdown-menu > .container,
li.menu-item-18387 > .wd-dropdown-menu > .container,
li.menu-item-18388 > .wd-dropdown-menu > .container,
li.menu-item-51890 > .wd-dropdown-menu > .container {
	padding-left: 78px !important;
}

/* Икони на секциите (Електроапаратура и Електроматериали) — оранжеви
   плочки пред заглавията, по адреса на категорията */
.wd-dropdown-menu .mega-menu-list > li > a[href*="/elektroaparatura/"],
.wd-dropdown-menu .mega-menu-list > li > a[href*="/elektromateriali/"] {
	display: flex;
	align-items: center;
	gap: 10px;
}
.wd-dropdown-menu .mega-menu-list > li > a[href*="/elektroaparatura/"]::before,
.wd-dropdown-menu .mega-menu-list > li > a[href*="/elektromateriali/"]::before {
	content: "";
	flex: none;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	background-color: rgba(247, 148, 29, 0.12);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 15px 15px;
}
/* скриваме вградените стари иконки, за да е еднакво навсякъде */
.wd-dropdown-menu .mega-menu-list > li > a img {
	display: none !important;
}
/* Електроапаратура */
.wd-dropdown-menu .mega-menu-list > li > a[href*="modulna-elektroaparatura"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='7' y='3' width='10' height='18' rx='2'/><rect x='10' y='8' width='4' height='6' rx='1' fill='%23f7941d' stroke='none'/><path d='M12 8V5.5'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="resheniya-za-zarezhdane"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f7941d'><path d='M13.5 2 5.5 13.2h4.6L9 22l8.5-11.6h-4.8z'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="prekasvachi-v-lyat-korpus"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><path d='M12 3v8'/><path d='M6.3 7.5a8 8 0 1 0 11.4 0'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="elementi-za-upravlenie"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2'><circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='4' fill='%23f7941d' stroke='none'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="pomoshtni-i-kontrolni-releta"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><path d='M3 12h4'/><path d='M17 12h4'/><path d='M7 12l7-4'/><circle cx='7' cy='12' r='1.4' fill='%23f7941d' stroke='none'/><circle cx='17' cy='12' r='1.4' fill='%23f7941d' stroke='none'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="motorni-zadvizhvaniya"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M8 16V8.5l4 5 4-5V16'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="knx-sgradna"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3.5 11 12 4l8.5 7'/><path d='M6 9.7V20h12V9.7'/><path d='M12 13v3.5'/><circle cx='12' cy='11.6' r='.9' fill='%23f7941d' stroke='none'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="avtomatizatsiya/"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><rect x='6.5' y='6.5' width='11' height='11' rx='2'/><rect x='10' y='10' width='4' height='4' rx='1' fill='%23f7941d' stroke='none'/><path d='M9.5 6.5V3.5M14.5 6.5V3.5M9.5 20.5v-3M14.5 20.5v-3M6.5 9.5h-3M6.5 14.5h-3M20.5 9.5h-3M20.5 14.5h-3'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="zahranvashti-blokove"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3v5M16 3v5'/><path d='M5.5 8h13l-1.5 6a4.7 4.7 0 0 1-4.6 3.6h-.8A4.7 4.7 0 0 1 7 14z'/><path d='M12 17.6V21'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="izmervatelna-elektroaparatura"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><path d='M4.5 18.5a8.5 8.5 0 1 1 15 0'/><path d='M6.8 12.4l1.5 1M17.2 12.4l-1.5 1M12 9.8v1.8'/><path d='M12 18.5l3.4-5.4'/><circle cx='12' cy='18.5' r='1.4' fill='%23f7941d' stroke='none'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="sredno-naprezhenie/"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linejoin='round'><path d='M12 3 2.8 20h18.4z'/><path d='M12.8 9.5 10 14h3l-2 4' stroke-linecap='round'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="siemens-sgradna"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><path d='M10 13.6V5a2 2 0 0 1 4 0v8.6a4.5 4.5 0 1 1-4 0z'/><circle cx='12' cy='17.5' r='1.6' fill='%23f7941d' stroke='none'/><path d='M12 16v-6'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="redovi-klemi"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><rect x='3' y='7.5' width='18' height='9' rx='2'/><circle cx='8' cy='12' r='1.8'/><circle cx='16' cy='12' r='1.8'/><path d='M7 11l2 2M15 11l2 2'/></svg>"); }
/* Електроматериали */
.wd-dropdown-menu .mega-menu-list > li > a[href*="klyuchove-kontakti-i-shtepseli"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2'><circle cx='12' cy='12' r='9'/><circle cx='12' cy='12' r='5'/><circle cx='9.8' cy='12' r='1' fill='%23f7941d' stroke='none'/><circle cx='14.2' cy='12' r='1' fill='%23f7941d' stroke='none'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="pvc-instalatsionni"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><path d='M2.5 7.5H11a5.5 5.5 0 0 1 5.5 5.5v8.5'/><path d='M2.5 12.5H11a.5.5 0 0 1 .5.5v8.5'/><path d='M2.5 7.5v5'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="/osvetlenie/"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8.8 16.2a6.2 6.2 0 1 1 6.4 0l-.5 2.3h-5.4z'/><path d='M9.8 21h4.4'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="kabelna-armatura"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><circle cx='12' cy='6.5' r='3.5'/><path d='M9.8 9.5 9 19a3 3 0 0 0 6 0l-.8-9.5'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="promishleni-materiali"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><rect x='6.5' y='8.5' width='11' height='7' rx='3.5'/><path d='M2.5 12h4M17.5 12h4'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="materiali-ot-metal"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M12 2.8 19.5 6v6c0 4.6-3.1 8-7.5 9.2C7.6 20 4.5 16.6 4.5 12V6z'/><path d='M9 12l2.2 2.2L15.4 10'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="kabelni-glavi-mufi"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><path d='M2 12h4M18 12h4'/><path d='M6 9.5c2-2 10-2 12 0v5c-2 2-10 2-12 0z'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="podovo-otoplenie"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round'><path d='M3 20.5h18'/><path d='M8 15.5c0-2.2 2-2.2 2-4.4S8 8.9 8 6.7M13 15.5c0-2.2 2-2.2 2-4.4s-2-2.2-2-4.4'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a[href*="/baterii/"]::before { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f7941d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2.5' y='8' width='17' height='8' rx='2'/><path d='M21.5 10.8v2.4'/><rect x='5' y='10.3' width='8' height='3.4' rx='.8' fill='%23f7941d' stroke='none'/></svg>"); }
.wd-dropdown-menu .mega-menu-list > li > a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 30px;
	height: 3px;
	border-radius: 2px;
	background: var(--wd-primary-color, #f7941d);
	transition: width .2s ease;
}
.wd-dropdown-menu .mega-menu-list > li:hover > a::after {
	width: 48px;
}
/* Подточките — светло-оранжева "хапка" + стрелка при hover */
.wd-dropdown-menu .sub-sub-menu li a {
	position: relative;
	display: block;
	border-radius: 8px;
	padding: 5px 10px !important;
	margin-left: -10px;
	color: #6b6b6b;
	line-height: 1.45;
	transition: padding-left .16s ease, color .16s ease, background-color .16s ease;
}
.wd-dropdown-menu .sub-sub-menu li a::before {
	content: "\203A";
	position: absolute;
	left: 9px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	color: var(--wd-primary-color, #f7941d);
	font-weight: 700;
	transition: opacity .16s ease;
}
.wd-dropdown-menu .sub-sub-menu li a:hover {
	padding-left: 22px !important;
	background: #fff4e7;
	color: var(--wd-primary-color, #f7941d) !important;
}
.wd-dropdown-menu .sub-sub-menu li a:hover::before {
	opacity: 1;
}
/* Тънки разделители между колоните */
.wd-dropdown-menu .elementor-top-column + .elementor-top-column > .elementor-widget-wrap {
	border-left: 1px solid #f1f1f1;
}
/* Когато панелът е по-тесен от заложената му ширина, колоните се
   пренареждат вместо да се свиват до нечетимост */
@media (max-width: 1330px) {
	.wd-nav-main > li > .wd-dropdown-menu .elementor-container {
		flex-wrap: wrap;
	}
	.wd-nav-main > li > .wd-dropdown-menu .elementor-top-column {
		width: auto !important;
		flex: 1 1 200px;
		min-width: 185px;
	}
}

/* Лаптопи и по-ниски резолюции: по-стегната типография и отстъпи */
@media (max-width: 1440px) {
	.wd-dropdown-menu .mega-menu-list > li > a {
		font-size: 12px !important;
	}
	.wd-dropdown-menu .sub-sub-menu li a {
		font-size: 13px !important;
		padding-top: 3px !important;
		padding-bottom: 3px !important;
	}
	.wd-nav-main > li > .wd-dropdown-menu .container {
		padding-left: 18px;
		padding-right: 18px;
	}
}

/* Двуцветните термове: диагонал основен/втори цвят (като плъгина) */
.wd-swatch[data-value="zhalt-zelen"] .wd-swatch-bg { background: linear-gradient(135deg, #eeee22 50%, #81d742 50%) !important; }
.wd-swatch[data-value="byal-cherven"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #dd3333 50%) !important; }
.wd-swatch[data-value="byal-zelen"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #59d600 50%) !important; }
.wd-swatch[data-value="byal-kafyav"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #602d00 50%) !important; }
.wd-swatch[data-value="cherno-cherven"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #dd0000 50%) !important; }
.wd-swatch[data-value="byal-sin"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #1e73be 50%) !important; }
.wd-swatch[data-value="byal-oranzhev"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #ffaa00 50%) !important; }
.wd-swatch[data-value="byal-violetov"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #7f00ff 50%) !important; }
.wd-swatch[data-value="cherno-zelen"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #59d600 50%) !important; }
.wd-swatch[data-value="cherno-kafyav"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #752d04 50%) !important; }
.wd-swatch[data-value="cherno-oranzhev"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #ed6e00 50%) !important; }
.wd-swatch[data-value="cherno-siv"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #939393 50%) !important; }
.wd-swatch[data-value="cherno-sin"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #0066bf 50%) !important; }
.wd-swatch[data-value="cherno-rozov"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #ff69b4 50%) !important; }
.wd-swatch[data-value="cherno-zhalt"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #eded00 50%) !important; }
.wd-swatch[data-value="byal-zhalt"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #eded00 50%) !important; }
.wd-swatch[data-value="byal-siv"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #a0a0a0 50%) !important; }
.wd-swatch[data-value="cherno-violetov"] .wd-swatch-bg { background: linear-gradient(135deg, #000000 50%, #7f00ff 50%) !important; }
.wd-swatch[data-value="byal-cheren"] .wd-swatch-bg { background: linear-gradient(135deg, #ffffff 50%, #000000 50%) !important; }
.wd-swatch[data-value="zelen-sl-kost"] .wd-swatch-bg { background: linear-gradient(135deg, #36af44 50%, #f4f4d2 50%) !important; }

/* ============================================================
   ПРОДУКТОВИ ОПИСАНИЯ (datasheet) - .cc-ds
   Шаблон за описанията на кабели и проводници (v3, 2026-09)
   ============================================================ */
.cc-ds{--cc-acc:var(--wd-primary-color,#f60);}
.cc-ds h3{position:relative;padding-bottom:10px;margin-top:34px;}
.cc-ds h3::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--cc-acc),#ffb066);}
.cc-ds .cc-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:1px;background:#1d1d1d;border-radius:14px;overflow:hidden;margin:20px 0 6px;box-shadow:0 10px 26px rgba(0,0,0,.14);}
.cc-ds .cc-hero>div{background:radial-gradient(circle at 50% -60%,rgba(255,120,20,.16),transparent 70%),#1d1d1d;padding:18px 18px 16px;}
.cc-ds .cc-hero .l{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#9a9a9a;margin-bottom:5px;}
.cc-ds .cc-hero .v{font-weight:600;color:#fff;font-size:15px;line-height:1.35;}
.cc-ds .cc-note{background:#fff4e7;border-left:3px solid var(--cc-acc);border-radius:0 10px 10px 0;padding:14px 18px;margin:16px 0;}
.cc-ds .cc-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;}
@media(max-width:768px){.cc-ds .cc-cols{grid-template-columns:1fr;}}
.cc-ds ol.cc-steps{list-style:none;margin:0;padding:0;counter-reset:ccs;}
.cc-ds ol.cc-steps li{counter-increment:ccs;position:relative;padding:2px 0 14px 44px;}
.cc-ds ol.cc-steps li::before{content:counter(ccs);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--cc-acc);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}
.cc-ds .cc-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin:14px 0;}
.cc-ds .cc-feats>div{background:#fff;border:1px solid #ececec;border-radius:12px;padding:16px;box-shadow:0 3px 10px rgba(0,0,0,.04);}
.cc-ds .cc-feats img{width:34px;height:34px;margin-bottom:8px;display:block;}
.cc-ds .cc-feats b{display:block;margin-bottom:4px;}
.cc-ds .cc-feats span{font-size:13px;color:#666;line-height:1.45;display:block;}
.cc-ds table th{background:#262626;color:#fff;font-weight:600;}
.cc-ds table tr:nth-child(even) td{background:#fafafa;}
.cc-ds .cc-scroll{overflow-x:auto;}

/* hero етикети с икони (вариант B) */
.cc-ds .cc-hero .l{display:flex;align-items:center;gap:7px;}
.cc-ds .cc-hero .l img{width:17px;height:17px;flex:none;margin:0;}

/* номера на стъпките според номерата върху снимката */
.cc-ds ol.cc-steps li[data-n]::before{content:attr(data-n);font-size:13px;}
.cc-ds ol.cc-steps li.cc-nn::before{content:"\2022";background:#c9c9c9;font-size:18px;}

/* каталожни пиктограми - групите от дъното на каталожния лист */
.cc-ds .cc-scroll{max-width:100%;}
.cc-ds .cc-pikto{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 0;align-items:start;}
@media(max-width:900px){.cc-ds .cc-pikto{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.cc-ds .cc-pikto{grid-template-columns:1fr;}}
.cc-ds .cc-pikto figure{margin:0;padding:0;}
.cc-ds .cc-pikto a{display:block;}
.cc-ds .cc-pikto img{width:100%;height:auto;display:block;margin:0;border-radius:6px;transition:transform .15s ease;}
.cc-ds .cc-pikto a:hover img{transform:scale(1.04);}
.cc-ds .cc-pikto figcaption{font-size:11px;color:#888;margin-top:5px;text-align:center;line-height:1.3;}

/* hero: три колони за шестте плочки и подравнени стойности */
.cc-ds .cc-hero{grid-template-columns:repeat(3,1fr);}
@media(max-width:760px){.cc-ds .cc-hero{grid-template-columns:1fr 1fr;}}
@media(max-width:440px){.cc-ds .cc-hero{grid-template-columns:1fr;}}
.cc-ds .cc-hero>div{display:flex;flex-direction:column;}
.cc-ds .cc-hero .l{align-items:flex-start;line-height:1.35;}
.cc-ds .cc-hero .v{margin-top:auto;padding-top:2px;}