@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.ddk.in.ua/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.ddk.in.ua/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.ddk.in.ua/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.ddk.in.ua/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.ddk.in.ua/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.ddk.in.ua/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.ddk.in.ua/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.ddk.in.ua/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.ddk.in.ua/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: rgb(51,51,51);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(16,108,216);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(16,108,216);
	--btn-accented-bgcolor-hover: rgb(15,98,197);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(16,108,216);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgba(16,16,16,0.05);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* Спрятать скрытые поля CF7 (как у тебя) */
.wpcf7 form fieldset.hidden-fields-container{ display:none !important; }

/* ===== DDK — Проекты: читаемые названия ЖК (жёстко чёрным) ===== */
/* Виджет заголовка: .elementor-element-16418ca */
.elementor-element-16418ca .title-after_title{
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:12px 16px;
  margin:14px auto 26px; max-width:980px; text-align:center;
  opacity:1 !important; filter:none !important;
}

/* Первая строка-пояснение */
.elementor-element-16418ca .title-after_title p:first-child{
  width:100%; margin:0 0 10px 0;
  color:#222 !important; opacity:.85 !important;
}

/* «Пилюли» с ЖК (начиная со 2-го <p>) */
.elementor-element-16418ca .title-after_title p:nth-child(n+2){
  display:inline-flex; align-items:center; gap:8px;
  margin:0; padding:6px 12px; line-height:1.25; white-space:nowrap;
  border-radius:999px; background:#f2f4f7; border:1px solid #d9dee6;
  font-weight:600;
  color:#000 !important;             /* ← принудительно ЧЁРНЫЙ */
  opacity:1 !important;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
/* на случай вложенных span/strong и т.п. */
.elementor-element-16418ca .title-after_title p:nth-child(n+2) *{
  color:#000 !important;
}

/* Галочка */
.elementor-element-16418ca .title-after_title p:nth-child(n+2)::before{
  content:"✓"; font-size:14px; line-height:1; color:#2B6BF3;
}

/* Hover */
.elementor-element-16418ca .title-after_title p:nth-child(n+2):hover{
  border-color:rgba(43,107,243,.6);
  box-shadow:0 0 0 2px rgba(43,107,243,.15);
  transform:translateY(-1px);
}

/* Убираем <br> внутри пунктов, чтобы не «прыгало» */
.elementor-element-16418ca .title-after_title p br{ display:none !important; }

/* Тёмная тема (если нужна контрастность там тоже — оставил светлый текст) */
@media (prefers-color-scheme: dark){
  .elementor-element-16418ca .title-after_title p:nth-child(n+2){
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.28);
    color:#000 !important; /* по твоей просьбе — остаётся чёрным */
  }
  .elementor-element-16418ca .title-after_title p:nth-child(n+2) *{
    color:#000 !important;
  }
}
/* ===== DDK — Галерея товара: колонка превью с 3 миниатюрами и стрелками ===== */
.single-product .woocommerce-product-gallery{
  /* базовые параметры — можно править под себя */
  --ddk-thumbs-width: 120px;   /* ширина колонки превью */
  --ddk-visible: 3;            /* сколько миниатюр видно одновременно */
  --ddk-gap: 10px;             /* вертикальный зазор между миниатюрами */
  --ddk-arrow: 28px;           /* размер кнопок-стрелок */
  --ddk-h: 520px;              /* высота видимой ленты (JS синхронизирует по большому фото) */
}

/* Левая колонка превью */
.single-product .woocommerce-product-gallery.thumbs-position-left .wd-gallery-thumb{
  position: relative;
  width: var(--ddk-thumbs-width);
  flex: 0 0 var(--ddk-thumbs-width);
  padding-top:  calc(var(--ddk-arrow) + 8px);
  padding-bottom: calc(var(--ddk-arrow) + 8px);
}

/* Видимая зона ленты: фиксируем ТОЛЬКО высоту контейнера и даём вертикальный скролл */
.single-product .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-inner{
  height: var(--ddk-h) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-behavior: smooth;
  scrollbar-width: thin;
}

/* Сбрасываем любые прежние фикс-высоты внутри ленты */
.single-product .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel,
.single-product .woocommerce-product-gallery .wd-gallery-thumb .wd-carousel-wrap,
.single-product .woocommerce-product-gallery .wd-gallery-thumb .wd-thumbs{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Ячейки: ровно 3 штуки в видимой зоне, без наложений */
.single-product .woocommerce-product-gallery .wd-thumbs .wd-carousel-item{
  height: calc(
    (var(--ddk-h) - (var(--ddk-visible) - 1) * var(--ddk-gap)) / var(--ddk-visible)
  ) !important;
  margin: 0 0 var(--ddk-gap) 0 !important;
}
.single-product .woocommerce-product-gallery .wd-thumbs .wd-carousel-item:last-child{
  margin-bottom: 0 !important;
}

/* Миниатюры внутри — без искажений */
.single-product .woocommerce-product-gallery .wd-thumbs img{
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: contain;
  background: #f7f8f9;
  border-radius: 8px;
}

/* Стрелки ↑/↓ — вне ленты, не перекрывают миниатюры */
.single-product .woocommerce-product-gallery .wd-nav-arrows.wd-thumb-nav{
  display: block !important;
  opacity: 1 !important;
  pointer-events: none; /* кликается только кнопка */
}
.single-product .woocommerce-product-gallery .wd-thumb-nav .wd-btn-arrow{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: var(--ddk-arrow);
  height: var(--ddk-arrow);
  border-radius: 8px;
  background: rgba(0,0,0,.06);
  box-shadow: 0 1px 2px rgba(0,0,0,.08);
  pointer-events: auto;
  z-index: 5;
}
.single-product .woocommerce-product-gallery .wd-thumb-nav .wd-prev{ top: 6px; }
.single-product .woocommerce-product-gallery .wd-thumb-nav .wd-next{ bottom: 6px; }


/* ===== Лёгкая пульсация кнопки "Перейти ко всей продукции" ===== */
:root { --bl-pulse-color: rgba(58,172,255,.45); } /* при желании смените оттенок */

.wd-button-wrapper a.btn[href*="/produkcziya/"],
a.btn[href*="/produkcziya/"]{
  position: relative;
  isolation: isolate;          /* подсветка уходит под кнопку */
}

.wd-button-wrapper a.btn[href*="/produkcziya/"]::after,
a.btn[href*="/produkcziya/"]::after{
  content: "";
  position: absolute;
  inset: -4px;                 /* мягкое свечение вокруг */
  border-radius: inherit;      /* повторяем форму кнопки */
  pointer-events: none;
  z-index: -1;
  box-shadow: 0 0 0 0 var(--bl-pulse-color);
  animation: bl-soft-pulse 2.4s ease-out infinite;
}

/* те же ключевые кадры, что и у пункта меню */
@keyframes bl-soft-pulse{
  0%   { box-shadow: 0 0 0 0   var(--bl-pulse-color); }
  70%  { box-shadow: 0 0 0 16px rgba(58,172,255,0); }
  100% { box-shadow: 0 0 0 0   rgba(58,172,255,0); }
}

/* уважение настроек пользователя */
@media (prefers-reduced-motion: reduce){
  .wd-button-wrapper a.btn[href*="/produkcziya/"]::after,
  a.btn[href*="/produkcziya/"]::after{ animation: none; }
}
/* === DDK — GTranslate: жёсткое оформление, работает на любые ID === */

/* 1) Контейнер (любой gt-wrapper-*) */
.whb-top-bar .gtranslate_wrapper[id^="gt-wrapper-"],
.wd-header-text .gtranslate_wrapper[id^="gt-wrapper-"]{
  --accent:#2563eb; /* ваш синий акцент */
  --fg:#0b1220;     /* базовый цвет текста */
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(11,18,32,.06);
  padding:4px; border-radius:999px;
  font:600 13px/1.1 Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  letter-spacing:.2px; white-space:nowrap;
}

/* 2) Ссылки языков */
.whb-top-bar .gtranslate_wrapper[id^="gt-wrapper-"] a.glink,
.wd-header-text .gtranslate_wrapper[id^="gt-wrapper-"] a.glink{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  padding:7px 12px; border-radius:999px; line-height:1;
  color:var(--fg) !important; text-decoration:none !important; opacity:1 !important;
  background:transparent; border:1px solid transparent;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}

/* Ховер */
.whb-top-bar .gtranslate_wrapper[id^="gt-wrapper-"] a.glink:hover,
.wd-header-text .gtranslate_wrapper[id^="gt-wrapper-"] a.glink:hover{
  background:rgba(11,18,32,.10);
}

/* Активный язык */
.whb-top-bar .gtranslate_wrapper[id^="gt-wrapper-"] a.glink.gt-current-lang,
.wd-header-text .gtranslate_wrapper[id^="gt-wrapper-"] a.glink.gt-current-lang{
  background:var(--accent) !important;
  color:#fff !important;
  border-color:var(--accent) !important;
}

/* Фокус по Tab */
.whb-top-bar .gtranslate_wrapper[id^="gt-wrapper-"] a.glink:focus-visible,
.wd-header-text .gtranslate_wrapper[id^="gt-wrapper-"] a.glink:focus-visible{
  outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.25);
}

/* 3) Аккуратно скрываем селект Google (НЕ display:none) */
.gtranslate_wrapper[id^="gt-wrapper-"] #google_translate_element2{
  position:absolute !important; width:1px !important; height:1px !important;
  overflow:hidden !important; clip:rect(0 0 0 0) !important; clip-path:inset(50%) !important;
  white-space:nowrap !important; border:0 !important; padding:0 !important; margin:-1px !important;
}

/* 4) На тёмной шапке (если есть) — белая тема */
.header-dark .gtranslate_wrapper[id^="gt-wrapper-"]{ --fg:#fff; background:rgba(255,255,255,.12); }
.header-dark .gtranslate_wrapper[id^="gt-wrapper-"] a.glink:hover{ background:rgba(255,255,255,.18); }