/*
Theme Name:   Woodmart Child
Theme URI:    https://xtemos.com/themes/woodmart/
Description:  Дочірня тема для Woodmart. Кастомний код та стилі, які не злітають при оновленні батьківської теми.
Author:       Emilibaby
Template:     woodmart
Version:      1.0.0
Text Domain:  woodmart-child
*/

/* Ваші кастомні стилі пишіть нижче цього рядка */

.wd-footer textarea{
  min-height: unset!important;
  height: unset!important;
}
div.wpcf7 input[type=submit]{
  width: 100%;
}

/*
 * Стилі для сповіщень WooCommerce (помилки/успіх/інфо на кошику й чекауті).
 * Woodmart вантажує ці стилі вибірково залежно від сторінки і пропускає їх
 * на чекауті, бо повідомлення про помилку валідації з'являється лише
 * динамічно — тому дублюємо тут, щоб стиль був завжди.
 */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
	position: relative;
	display: block;
	margin-bottom: 20px;
	padding: 18px 30px 18px 65px;
	border: none;
	border-radius: var(--wd-brd-radius, 6px);
	list-style: none;
}

.woocommerce-error:before,
.woocommerce-message:before,
.woocommerce-info:before {
	position: absolute;
	top: calc(50% - 9px);
	left: 24px;
	font-size: 18px;
	line-height: 18px;
	font-family: "woodmart-font";
}

.woocommerce-message {
	background-color: var(--notices-success-bg, #eafaf0);
	color: var(--notices-success-color, #1e7e34);
}
.woocommerce-message:before {
	content: "\f107";
}

.woocommerce-error,
.woocommerce-info {
	background-color: var(--notices-warning-bg, #fdecea);
	color: var(--notices-warning-color, #b32d2e);
}
.woocommerce-error:before,
.woocommerce-info:before {
	content: "\f100";
}

.woocommerce-error .button.wc-forward,
.woocommerce-message .button.wc-forward,
.woocommerce-info .button.wc-forward {
	display: inline-block;
	margin-left: 10px;
	padding: 0;
	background-color: transparent;
	color: currentColor;
	text-decoration: underline;
	border: none;
}
.woocommerce-error .button.wc-forward:hover,
.woocommerce-message .button.wc-forward:hover,
.woocommerce-info .button.wc-forward:hover {
	color: currentColor;
	opacity: 0.8;
}

.wd-product-img-link{
  aspect-ratio:  240 / 270;
}

.wd-product:not(.wd-hover-small) :is(.wd-product-img-link,.wd-product-img-hover) :is(picture,img){
  height: 100%;
  object-fit: cover;
}

/*
 * Honeypot-поле для форм Contact Form 7 — приховуємо від людей,
 * але не через display:none (деякі боти це перевіряють), а виносимо
 * за межі екрана. Перевірка значення — у functions.php.
 */
.cf7-hp-field {
	position: absolute !important;
	left: -9999px !important;
	top: -9999px !important;
	width: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/*
 * Кнопка відправки заблокована, поки не довантажиться recaptcha
 * і не мине мінімальний час її "активності" (див. functions.php).
 */
.wpcf7-form [type="submit"]:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}
.cf7-hp-loading-hint {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	opacity: 0.7;
}