/* dd-layout-fixes 2026-11-05: дрібні правки верстки після аудиту сторінок (dobrodiy-core). Видалити файл = відкат. */

/* 1. «Коли і як вносити» (сторінка 3670): довгий рядок без пробілів «вода(2/3)+пестицид+ОМД…» переноситься, а не обрізається */
#post-3670 p, #post-3670 li { overflow-wrap: anywhere; }

/* 2. «Передпосівна обробка», телефон: заголовок «ЩОБ СЕЗОН БУВ ЯК ТРЕБА!» влазить у ширину */
.slog-bak.mobile .main-page-title-orange { font-size: 21px; line-height: 1.25; }

/* 3. «Добродій Соя», телефон: блок зі списком не ширший за екран */
@media (max-width: 767px) {
	.soya-info-block-item-text { width: auto !important; max-width: none; margin-right: 20px; box-sizing: border-box; }
	.soya-info-block-item + .soya-info-block-item .soya-info-block-item-text ul { padding-right: 125px; }
}
/* 4. «Добродій Соя», ПК: текст переваг не наїжджає на великі цифри і не вилазить праворуч */
@media (min-width: 768px) {
	.soya-perevagu-block_perevaga { max-width: 440px; }
	.soya-perevagu-block_perevaga > p { padding-left: 74px; }
}

/* 5. Логотип у шапці не розтягується (сторінки рубрик /category/…) */
.logo img { height: auto !important; }

/* 6. Службовий заголовок «Пагінація записів» — тільки для екранних читалок (стандарт WordPress) */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px;
	overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
/* 7. Рубрики: номери сторінок помітні кнопки */
.nav-links { text-align: center; margin: 24px 0; }
.nav-links .page-numbers {
	display: inline-block; min-width: 40px; padding: 8px 12px; margin: 0 4px; box-sizing: border-box;
	border: 1px solid #e2e2e2; border-radius: 8px; font-size: 16px; line-height: 22px; color: #000; text-decoration: none;
}
.nav-links .page-numbers.current { background: #FFBE00; border-color: #FFBE00; }
.nav-links a.page-numbers:hover { border-color: #FFBE00; }
.nav-links .page-numbers.next, .nav-links .page-numbers.prev { display: inline-block !important; width: auto !important; float: none !important; position: static !important; }

/* 8. Блок «СЕРТИФІКАТИ» на сторінках «Комплекс …»: у заголовка не було нижнього відступу, підпис налазив. Відступ як на сторінках «Моно»/«Протект» */
#post-10797 .certificate_block > h2, #post-10762 .certificate_block > h2, #post-9825 .certificate_block > h2 { margin-bottom: 5%; }

/* 9. «Відео», телефон: анонс не впирається в правий край */
.wpspw-post-content > div { max-width: 100%; box-sizing: border-box; }

/* 10. Картка добрива, ПК: блок «Доставка» читабельний */
@media (min-width: 768px) {
	.product-info .delivery > div, .product-info .delivery a { font-size: 14px; }
	.product-info .delivery > div:first-child { color: #555; font-weight: 600; }
}

/* 11. Калькулятор норм (головна, «Захист/Живлення/Обробка насіння», сторінки Моно/Протект/Комплекс):
   однаковий шрифт у таблиці, ціни під «Ціна», відступ під останнім рядком, текст списку не налазить на стрілку */
.product-calc select { padding-right: 40px !important; text-overflow: ellipsis; }
@media (min-width: 768px) {
	.product-calc .product-calc_line3-c:has(#calc_dobrivo-block-can) { height: auto !important; padding-bottom: 18px !important; }
	#calc_dobrivo-block-can .calc_dobrivo-title,
	#calc_dobrivo-block-can .calc_dobrodiy-product > div {
		display: grid !important; grid-template-columns: minmax(0, 1fr) 64px 92px; column-gap: 8px; align-items: baseline;
	}
	#calc_dobrivo-block-can .calc_dobrivo-title { margin-bottom: 4px; }
	#calc_dobrivo-block-can .calc_dobrodiy-product > div { padding: 5px 0; }
	#calc_dobrivo-block-can .calc_dobrivo-title > div,
	#calc_dobrivo-block-can .calc_dobrodiy-product > div > div {
		width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important;
		transform: none !important; left: auto !important;
	}
	#calc_dobrivo-block-can .product-calc_line4-c, #calc_dobrivo-block-can .product-calc_line4-r { justify-content: flex-end !important; }
	#calc_dobrivo-block-can .calc_dobrivo-title p,
	#calc_dobrivo-block-can .calc_dobrodiy-product p,
	#calc_dobrivo-block-can .calc_dobrodiy-product span { font-size: 16px !important; line-height: 22px !important; margin: 0 !important; }
	#calc_dobrivo-block-can .calc_dobrivo-title p { font-weight: 700 !important; }
	#calc_dobrivo-block-can .calc_dobrodiy-product p,
	#calc_dobrivo-block-can .product-calc_line4-c span { font-weight: 400 !important; }
	#calc_dobrivo-block-can .product-calc_line4-r span { font-weight: 700 !important; }
	#calc_dobrivo-block-can .calc_dobrivo-title-c, #calc_dobrivo-block-can .product-calc_line4-c,
	#calc_dobrivo-block-can .calc_dobrivo-title-r, #calc_dobrivo-block-can .product-calc_line4-r { text-align: right !important; }
	#calc_dobrivo-block-can .calc_dobrivo-title-r p { width: auto !important; }
}
/* 12) «Добродій Соя»: шапка сторінки ховалась під фіксованим верхнім меню */
#post-8440 { padding-top: 20vw; }
@media (min-width: 951px) { #post-8440 { padding-top: 5vw; } }
/* 13) «Добродій Соя»: м'яка анімація карток факторів і кнопок */
.soya-factor-block .soya-factor-block_item { perspective: 1200px; }
.soya-factor-block .soya-factor-block-item_visible,
.soya-factor-block .soya-factor-block-item_hidden {
  transition: transform .3s cubic-bezier(.45, 0, .55, 1), background-size .6s cubic-bezier(.22, .61, .36, 1);
  backface-visibility: hidden;
}
.soya-block .soya-factor-block-item-visible_button,
.soya-block .soya-factor-block-item_button,
.soya-block .soya-perevagu-block-bot_button,
.soya-block .soya-agronom_button {
  transition: transform .35s cubic-bezier(.22, .61, .36, 1), box-shadow .35s cubic-bezier(.22, .61, .36, 1), filter .35s ease;
}
@media (hover: hover) {
  .soya-factor-block .soya-factor-block_item {
    transition: transform .5s cubic-bezier(.22, .61, .36, 1), box-shadow .5s cubic-bezier(.22, .61, .36, 1);
  }
  .soya-factor-block .soya-factor-block_item:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 32px rgba(120, 90, 10, .16);
  }
  .soya-factor-block .soya-factor-block_item:hover .soya-factor-block-item_visible { background-size: 111% auto; }
  .soya-block .soya-factor-block-item-visible_button:hover,
  .soya-block .soya-factor-block-item_button:hover,
  .soya-block .soya-perevagu-block-bot_button:hover,
  .soya-block .soya-agronom_button:hover {
    transform: translate(2px, 2px);
    box-shadow: rgb(199, 147, 12) 2px 2px 0;
    filter: brightness(1.05);
  }
}
.soya-block .soya-factor-block-item-visible_button:active,
.soya-block .soya-factor-block-item_button:active,
.soya-block .soya-perevagu-block-bot_button:active,
.soya-block .soya-agronom_button:active {
  transform: translate(4px, 4px);
  box-shadow: rgb(199, 147, 12) 0 0 0;
  transition-duration: .12s;
}
@media (prefers-reduced-motion: reduce) {
  .soya-factor-block .soya-factor-block_item,
  .soya-factor-block .soya-factor-block-item_visible,
  .soya-factor-block .soya-factor-block-item_hidden,
  .soya-block .soya-factor-block-item-visible_button,
  .soya-block .soya-factor-block-item_button,
  .soya-block .soya-perevagu-block-bot_button,
  .soya-block .soya-agronom_button { transition: none; }
  .soya-factor-block .soya-factor-block_item:hover { transform: none; }
}
/* 14) «Добродій Соя»: кнопку «Замовити комплекс добрив» перекривав наступний блок (фіксована висота 84em) */
@media (min-width: 951px) {
  #post-8440 #perevag5 { height: auto; min-height: 84em; padding-bottom: 3em; background-size: cover; background-position: center top; }
}
/* 15) «Добродій Соя»: кнопки — м'який підйом замість «стрибка» */
.soya-block .soya-factor-block-item-visible_button,
.soya-block .soya-factor-block-item_button,
.soya-block .soya-perevagu-block-bot_button,
.soya-block .soya-agronom_button {
  transition: transform .45s cubic-bezier(.22, .61, .36, 1), box-shadow .45s cubic-bezier(.22, .61, .36, 1), filter .45s ease;
  will-change: transform;
}
@media (hover: hover) {
  .soya-block .soya-factor-block-item-visible_button:hover,
  .soya-block .soya-factor-block-item_button:hover,
  .soya-block .soya-perevagu-block-bot_button:hover,
  .soya-block .soya-agronom_button:hover {
    transform: translateY(-3px);
    box-shadow: rgb(199, 147, 12) 4px 4px 0, 0 12px 24px rgba(120, 90, 10, .22);
    filter: brightness(1.04);
  }
}
.soya-block .soya-factor-block-item-visible_button:active,
.soya-block .soya-factor-block-item_button:active,
.soya-block .soya-perevagu-block-bot_button:active,
.soya-block .soya-agronom_button:active {
  transform: translate(2px, 2px);
  box-shadow: rgb(199, 147, 12) 1px 1px 0, 0 2px 6px rgba(120, 90, 10, .18);
  filter: none;
  transition-duration: .15s;
}
@media (prefers-reduced-motion: reduce) {
  .soya-block .soya-factor-block-item-visible_button,
  .soya-block .soya-factor-block-item_button,
  .soya-block .soya-perevagu-block-bot_button,
  .soya-block .soya-agronom_button { transition: none; }
}
/* 16) «Добродій Соя»: відступ над «Не зволікайте…», щоб лінія не лягала на жовту хвилю фону */
@media (min-width: 951px) {
  #post-8440 #perevag5 { background-size: 100% auto; background-position: center bottom; background-color: rgb(253, 190, 15); }
  #post-8440 #perevag5 .soya-perevagu-block-bot { margin-top: 7em; }
}
/* 17) «Добродій Соя»: відступ над слоганом — фон від верху, відступ у vw (хвиля фону масштабується по ширині); перекриває 16) */
@media (min-width: 951px) {
  #post-8440 #perevag5 { background-size: cover; background-position: center top; }
  #post-8440 #perevag5 .soya-perevagu-block-bot { margin-top: 15vw; }
}
/* 18) «Добродій Соя»: підйом кнопок і карток без умови (hover: hover) — на ноутбуках із сенсорним екраном вона не спрацьовувала, і лишалась стара анімація */
.soya-block .soya-factor-block-item-visible_button:hover,
.soya-block .soya-factor-block-item_button:hover,
.soya-block .soya-perevagu-block-bot_button:hover,
.soya-block .soya-agronom_button:hover {
  transform: translateY(-3px);
  box-shadow: rgb(199, 147, 12) 4px 4px 0, 0 12px 24px rgba(120, 90, 10, .22);
  filter: brightness(1.04);
}
.soya-block .soya-factor-block-item-visible_button:active,
.soya-block .soya-factor-block-item_button:active,
.soya-block .soya-perevagu-block-bot_button:active,
.soya-block .soya-agronom_button:active {
  transform: translate(2px, 2px);
  box-shadow: rgb(199, 147, 12) 1px 1px 0, 0 2px 6px rgba(120, 90, 10, .18);
  filter: none;
  transition-duration: .15s;
}
.soya-factor-block .soya-factor-block_item {
  transition: transform .5s cubic-bezier(.22, .61, .36, 1), box-shadow .5s cubic-bezier(.22, .61, .36, 1);
}
.soya-factor-block .soya-factor-block_item:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 32px rgba(120, 90, 10, .16);
}
.soya-factor-block .soya-factor-block_item:hover .soya-factor-block-item_visible { background-size: 111% auto; }
@media (prefers-reduced-motion: reduce) {
  .soya-factor-block .soya-factor-block_item { transition: none; }
  .soya-factor-block .soya-factor-block_item:hover { transform: none; }
}
/* 19) «Добродій Соя»: помітніша м'яка анімація кнопок (підйом + легке збільшення + м'яка тінь), без умови (hover: hover) */
.soya-block .soya-factor-block-item-visible_button,
.soya-block .soya-factor-block-item_button,
.soya-block .soya-perevagu-block-bot_button,
.soya-block .soya-agronom_button {
  box-shadow: 0 4px 0 rgb(199, 147, 12), 0 6px 14px rgba(120, 90, 10, .12);
  transition: transform .5s cubic-bezier(.34, 1.4, .64, 1), box-shadow .5s cubic-bezier(.22, .61, .36, 1), filter .4s ease;
}
.soya-block .soya-factor-block-item-visible_button:hover,
.soya-block .soya-factor-block-item_button:hover,
.soya-block .soya-perevagu-block-bot_button:hover,
.soya-block .soya-agronom_button:hover {
  transform: translateY(-6px) scale(1.04);
  box-shadow: 0 8px 0 rgb(199, 147, 12), 0 22px 36px rgba(120, 90, 10, .28);
  filter: brightness(1.06);
}
.soya-block .soya-factor-block-item-visible_button:active,
.soya-block .soya-factor-block-item_button:active,
.soya-block .soya-perevagu-block-bot_button:active,
.soya-block .soya-agronom_button:active {
  transform: translateY(2px) scale(.99);
  box-shadow: 0 1px 0 rgb(199, 147, 12), 0 3px 8px rgba(120, 90, 10, .18);
  transition-duration: .15s;
}
/* 20) «Добродій Соя»: прості кнопки — без «стрибків» і жорсткої тіні, при наведенні лише плавно змінюється колір (перекриває 13, 15, 18, 19) */
.soya-block .soya-factor-block-item-visible_button,
.soya-block .soya-factor-block-item_button,
.soya-block .soya-perevagu-block-bot_button,
.soya-block .soya-agronom_button {
  box-shadow: 0 2px 8px rgba(0, 0, 0, .10) !important;
  transform: none !important;
  filter: none !important;
  transition: background-color .25s ease, box-shadow .25s ease !important;
}
.soya-block .soya-factor-block-item-visible_button,
.soya-block .soya-perevagu-block-bot_button { background-color: #FFBE00; }
.soya-block .soya-factor-block-item_button,
.soya-block .soya-agronom_button { background-color: #fff; }
.soya-block .soya-factor-block-item-visible_button:hover,
.soya-block .soya-perevagu-block-bot_button:hover { background-color: #FFD24D; box-shadow: 0 4px 14px rgba(0, 0, 0, .14) !important; }
.soya-block .soya-factor-block-item_button:hover,
.soya-block .soya-agronom_button:hover { background-color: #FFF3CC; box-shadow: 0 4px 14px rgba(0, 0, 0, .14) !important; }
.soya-block .soya-factor-block-item-visible_button:active,
.soya-block .soya-perevagu-block-bot_button:active { background-color: #F0AE00; }
.soya-block .soya-factor-block-item_button:active,
.soya-block .soya-agronom_button:active { background-color: #FFE89A; }
/* 21) «Добродій Соя»: картка факторів при наведенні не піднімається */
.soya-factor-block .soya-factor-block_item:hover { transform: none !important; box-shadow: none !important; }