/*
 Theme Name:   WoodMart Child — Ukrmedical
 Description:  Дочірня тема Ukrmedical для WoodMart. Власні стилі та правки — лише тут.
 Template:     woodmart
 Version:      1.0.30
 Text Domain:  woodmart
*/

/* Підвал (HTML-блок «Підвал UkrMedical») */
.ukr-footer { padding-top: 40px; padding-bottom: 10px; }
.ukr-footer .ukr-footer-title { font-size: 18px; margin-bottom: 14px; }
.ukr-footer ul.ukr-footer-list { list-style: none; padding-left: 0; margin: 0 0 14px; }
.ukr-footer ul.ukr-footer-list li { margin-bottom: 8px; }
.ukr-footer .ukr-footer-logo { margin-bottom: 14px; }
.ukr-footer .ukr-footer-social { margin-top: 6px; }
@media (max-width: 781px) {
	.ukr-footer .ukr-footer-cols { gap: 8px; }
}

/* Службові сторінки: питання-відповіді (core/details) */
.ukr-page .ukr-faq { border: 1px solid rgba(0,0,0,.1); border-radius: 10px; padding: 14px 18px; margin-bottom: 10px; background: #fff; }
.ukr-page .ukr-faq summary { cursor: pointer; font-weight: 600; color: #242424; margin: 0; }
.ukr-page .ukr-faq > *:not(summary) { margin-top: 8px; }

.ukr-page .ukr-faq p { margin-bottom: 0; }

/* Картка товару: назви вкладок звичайним регістром */
.wd-nav-tabs > li > a, .wd-nav-tabs .nav-link-text { text-transform: none; }

/* Каталог: однакові квадратні фото в сітці (високі пляшки не розтягують картку) */
.wd-product .product-image-link img, .product-grid-item .product-image-link img { aspect-ratio: 1 / 1; object-fit: contain; width: 100%; }
/* Значок «Розпродано» / «Немає в наявності»: не ламати текст у кружечку */
.product-labels .product-label { white-space: nowrap; }

/* Категорії під заголовком магазину — звичайний регістр */
.wd-nav-product-cat > li > a, .wd-nav-product-cat .nav-link-text { text-transform: none; }

/* Оформлення: «Спосіб оплати» у правій колонці під «Ваше замовлення» (макет 554) */
.woocommerce-checkout .ukr-payment-right + .wp-block-wd-title { margin-top: 30px; margin-bottom: 20px; }
/* Оформлення: продаємо лише в Україну — поле «Країна / Регіон» приховане (значення UA все одно надсилається) */
.woocommerce-checkout #billing_country_field, .woocommerce-checkout #shipping_country_field, .woocommerce-account #billing_country_field, .woocommerce-account #shipping_country_field { display: none !important; }

/* Обране, порівняння, кабінет — заголовки звичайним регістром (як у решті сайту) */
.wd-my-account-sidebar .woocommerce-MyAccount-title.entry-title, .wd-wishlist-head .title, .wd-compare-select-wrap .title, .wd-compare-table .compare-field, th.compare-field, .wd-compare-table td.compare-value::before { text-transform: none; }

/* Нижня панель телефону: підпис «Порівняти» не обрізати (на 360 px місця вистачає, тема обмежує ширину підпису) */
.wd-toolbar .wd-toolbar-label { max-width: none; overflow: visible; text-overflow: clip; }

/* Порівняння: «Прибрати категорію» — нейтральна кнопка з обводкою замість червоної теми */
.wd-compare-actions a.wd-compare-remove-cat { background-color: #fff; color: #242424; border: 1px solid rgba(0,0,0,.15); }
.wd-compare-actions a.wd-compare-remove-cat:hover { background-color: #f3f3f3; color: #242424; border-color: rgba(0,0,0,.3); }

/* Бічне меню категорій: лічильник розгорнутої категорії не переноситься окремим рядком */
.wd-widget.widget_product_categories .product-categories li > a { flex: 1 1 0; min-width: 0; width: auto; }

/* Верхня смуга: Viber і Telegram — іконки замість тексту (текст лишається для читачів екрана) */
.whb-top-bar .wd-nav a[href^="viber:"], .whb-top-bar .wd-nav a[href^="https://t.me/"] { gap: 0; }
.whb-top-bar .wd-nav a[href^="viber:"] .nav-link-text, .whb-top-bar .wd-nav a[href^="https://t.me/"] .nav-link-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.whb-top-bar .wd-nav a[href^="viber:"]::before, .whb-top-bar .wd-nav a[href^="https://t.me/"]::before { content: ""; display: block; width: 20px; height: 20px; background: center / contain no-repeat; transition: transform .2s; }
.whb-top-bar .wd-nav a[href^="viber:"]:hover::before, .whb-top-bar .wd-nav a[href^="https://t.me/"]:hover::before { transform: scale(1.12); }
.whb-top-bar .wd-nav a[href^="viber:"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%237360F2'/%3E%3Cg transform='translate(5.4 5.4) scale(.55)'%3E%3Cpath fill='%23fff' d='M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/g%3E%3C/svg%3E"); }
.whb-top-bar .wd-nav a[href^="https://t.me/"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%2327A7E7'/%3E%3Cpath fill='%23fff' d='M5.5 11.7l11.6-4.5c.54-.2 1.01.13.83.95l-1.97 9.3c-.15.66-.54.82-1.1.51l-3-2.21-1.45 1.4c-.16.16-.3.3-.6.3l.21-3.05 5.56-5.02c.24-.21-.05-.33-.38-.12l-6.87 4.33-2.96-.92c-.64-.2-.66-.64.14-.95z'/%3E%3C/svg%3E"); }

/* Підвал: окремий світло-зелений фон, смуга копірайту трохи темніша */
.wd-footer.footer-container { background-color: #eef3e8; border-top: 1px solid #dde7d2; }
.wd-footer.footer-container .wd-copyrights { background-color: #e3ebd9; border-top: 0; }

/* Головна: широкі банери «Масажери» й «Доставка» — темний текст (білий губився на світлому тлі), кнопка в кольорі бренду */
.wd-a962e383 .title, .wd-a962e383 p, .wd-8fc2fb36 .title, .wd-8fc2fb36 p { color: #34452a !important; }
.wd-a962e383 .wd-9e1dd14d { background-color: #7cb342 !important; color: #fff !important; }
.wd-a962e383 .wd-9e1dd14d a { color: #fff !important; }

/* Головна на телефоні: товари на банерах не обрізаються */
@media (max-width: 767px) {
	/* слайдер: товар праворуч, плашка «Доставка по Україні» не перекриває його */
	.wd-f2f65823 .wd-slide-bg img, .wd-0b2497ac .wd-slide-bg img, .wd-bdf11031 .wd-slide-bg img, .wd-e2d3ff65 .wd-slide-bg img { object-position: 80% 50%; }
	.wd-slide .wd-bd101b9d { display: none !important; }
	/* високі банери (Littmann, термометри): висота за пропорцією зображення — товар видно повністю */
	.wp-block-wd-cover.wd-9c7e52a6, .wp-block-wd-cover.wd-b6d82624 { height: auto !important; min-height: calc((100vw - 30px) * 760 / 586) !important; }
	/* широкі банери: зображення притиснуте праворуч, короткий текст ліворуч */
	.wd-a962e383 .wd-block-cover-img, .wd-8fc2fb36 .wd-block-cover-img { background-position: 100% 50% !important; }
	.wd-a962e383 > .wp-block-wd-container, .wd-8fc2fb36 > .wp-block-wd-container { max-width: 56% !important; }
	.wd-a962e383 .wd-6f7995cf { flex-direction: column !important; align-items: flex-start !important; gap: 8px; }
	.wd-a962e383 .wd-9e1dd14d { white-space: nowrap; }
	.wd-a962e383 .title, .wd-8fc2fb36 .title { font-size: 20px !important; }
	.wd-a962e383 p, .wd-8fc2fb36 p { font-size: 13px !important; }
}
@media (max-width: 400px) {
	.wd-a962e383 .wd-block-cover-img, .wd-8fc2fb36 .wd-block-cover-img { background-position: right -60px center !important; }
	.wd-a962e383 > .wp-block-wd-container, .wd-8fc2fb36 > .wp-block-wd-container { max-width: 52% !important; }
	.wd-a962e383 .title, .wd-8fc2fb36 .title { font-size: 18px !important; }
}

/* Телефон: iOS Safari збільшує сторінку при фокусі на полі зі шрифтом < 16px — усі поля вводу 16px.
   Масштабування жестами не блокуємо (доступність). */
@media (max-width: 1024px) {
	input[type="text"], input[type="search"], input[type="email"], input[type="tel"], input[type="number"],
	input[type="password"], input[type="url"], input:not([type]), select, textarea,
	.zen-ui-select input, .select2-search__field { font-size: 16px !important; }
}

/* Ціни не розриваються на два рядки («1 / 435 грн») у таблицях кошика й оформлення */
.woocommerce-checkout-review-order-table .amount, .shop_table .amount { white-space: nowrap; }

/* Картка товару: вибір кольору — більші мініатюри фото (квадрат із заокругленням, щоб товар не обрізався колом) */
.wd-swatches-product.wd-swatches { --wd-swatch-size: 64px; gap: 10px; flex-wrap: wrap; height: auto; }
.wd-swatches-product .wd-swatch.wd-bg, .wd-swatches-product .wd-swatch.wd-bg .wd-swatch-bg, .wd-swatches-product .wd-swatch.wd-bg img { border-radius: 10px !important; }
.wd-swatches-product .wd-swatch.wd-bg { background: #fff; box-shadow: 0 0 0 1px #e3e3e3; }
.wd-swatches-product .wd-swatch.wd-bg.wd-active, .wd-swatches-product .wd-swatch.wd-bg:hover { box-shadow: 0 0 0 2px #7cb342; }
.wd-swatches-product .wd-swatch-bg img { object-fit: contain; }
@media (max-width: 767px) { .wd-swatches-product.wd-swatches { --wd-swatch-size: 56px; } }

/* Картка товару: текстові варіанти (комплектація, манжета, виконання) — як кнопки */
.wd-swatches-product .wd-swatch.wd-text { border: 1px solid #dcdcdc; border-radius: 8px; padding: 6px 12px; min-height: 36px; background: #fff; color: #333; }
.wd-swatches-product .wd-swatch.wd-text.wd-active, .wd-swatches-product .wd-swatch.wd-text:hover { border-color: #7cb342; color: #333; box-shadow: 0 0 0 1px #7cb342; }
.wd-swatches-product .wd-swatch.wd-text::after { display: none; }