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

/* главная */
#why-us .wd-accordion {
	counter-reset: count;
	gap: 0;
}

#why-us .wd-accordion .wd-accordion-item {
	border-bottom: 0;
	padding-left: 60px;
}

#why-us .wd-accordion .wd-accordion-item:first-of-type {
	border: 0;
}

#why-us .wd-accordion-title.wd-active .wd-accordion-title-text:before {
	background-color: var(--wd-primary-color);
	color: #fff;
}

#why-us .wd-accordion-title .wd-accordion-title-text {
	position: relative;
}

#why-us .wd-accordion-title .wd-accordion-title-text:before {
	position: absolute;
	left: -60px;
	top: 50%;
	transform: translateY(-50%);
	counter-increment: count;
	content: counter(count, decimal-leading-zero);
	color: var(--wd-title-color);
	transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
	height: 45px;
	width: 45px;
	border-radius: 50%;
	background-color: rgb(245, 241, 235);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 500;
}

@media (min-width: 768px) {
	#why-us .wd-accordion {
		gap: 15px;
	}
	
	#why-us .wd-accordion .wd-accordion-item {
		padding-left: 90px;
	}
	
	#why-us .wd-accordion-title .wd-accordion-title-text:before {
		left: -90px;
		height: 60px;
		width: 60px;
		font-size: 20px;
	}
}

#why-us .wd-accordion-title .wd-accordion-opener {
	display: none;
}

.wpcf7-file {
	font-size: 14px;
}

.wpcf7-file::file-selector-button {
	background-color: transparent;
	border-radius: 35px;
	border: 2px solid var(--wd-primary-color);
	padding: 5px 12px;
	cursor: pointer;
	transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
	font-family: Geologica, system-ui;
}

.wpcf7-file::file-selector-button:hover {
	background-color: var(--wd-primary-color);
	color: #fff;
}

.file-size {
	font-size: 12px;
    margin-left: 3px;
}

/* общее */
.disabled {
	opacity: 0.6;
	pointer-events: none;
}

.hidden-fields-container {
	display: none;
}

.form-hidden {
	display: none;
}

label .optional {
	display: none;
}

.wd-tabs-content-wrapper img {
	border-radius: var(--wd-brd-radius);
}

.product-labels {
	gap: 5px !important;
}

.product-labels .product-label {
	font-size: 13px;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output {
	font-size: 14px;
}

.cookies-info-text {
	font-size: 14px;
}

.wpb-copyright {
	font-size: 14px;
}

del .amount,
.price del {
	color: var(--color-gray-400);
}

.main-footer .wd-social-icons .wd-icon:before {
	font-size: 30px;
}

.mobile-categories-menu .menu-item img {
	display: none;
}

.checkout-inline-error-message {
	color: var(--wd-form-brd-color);
	font-size: 14px;
}

/* quantity */
div.quantity input[type="button"] {
	min-width: 32px !important;
}

.wd-quantity-overlap div.quantity input[type="button"] {
	min-width: 42px !important;
}

.menu-item.current-menu-item a[href*="#"] {
	color: var(--nav-color) !important;
}

.menu-item.current-menu-item:hover a[href*="#"] {
	color: var(--nav-color-hover) !important;
}

/* товар */
.hide-larger-price .price>:is(ins,small) {
	margin-inline-start: 10px;
}

.wd-product.product :where(.product-wrapper,.product-element-bottom) {
	gap: 15px;
}

/* карточка товара */
.wd-product .product-element-top img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

/* Подвал */
.main-footer .info-box-content .info-box-subtitle {
	margin-top: 0 !important;
}

.main-footer .info-box-content .info-box-title {
	margin-top: 3px !important;
}

.main-footer .wpb-copyright {
	white-space: normal;
}

.main-footer .widget_nav_mega_menu .menu-item:hover a {
	color: var(--nav-color-hover);
}

@media (max-width: 768px) {
	.main-footer .footer-info-row {
		display: flex;
		flex-direction: column;
	}
	
	.main-footer .footer-info-row .wpb_column:last-child {
		order: -1;
	} 
	
	.main-footer .footer-info-row .text-right {
		text-align: start;
	}
	
	.main-footer .footer-info-row .text-center.inline-element {
		margin-left: 0;
	}
}

/* отзывы */
.testimonial-item {
	margin-bottom: 20px;
	border: 2px solid var(--wd-primary-color);
	border-radius: var(--wd-brd-radius);
	padding: 15px;
}

@media (min-width: 768px) {
	.testimonial-item {
		padding: 20px;
	}
}

.testimonial-top {
	display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.testimonial-author {
	color: var(--wd-primary-color);
	font-size: 20px;
}

.testimonial-url {
	margin-bottom: 8px;
    display: inline-block;
    font-size: 15px;
    text-decoration: underline;
}

.testimonial-meta {
	display: flex;
    align-items: center;
    gap: 20px;
	margin-bottom: 10px;
}

.testimonial-city {
	color: var(--color-gray-400);
	font-size: 14px;
	margin-top: 1px;
}

.testimonial-date {
	color: var(--color-gray-400);
	font-size: 14px;
}

.testimonial-content p {
	margin-bottom: 0;
}

.testimonial-advantage,
.testimonial-disadvantage{
	margin-top: 12px;
}

.testimonial-advantage-title,
.testimonial-disadvantage-title {
	color: var(--wd-title-color);
	font-weight: 600;
}

.testimonial-advantage-content,
.testimonial-disadvantage-content {
	color: var(--wd-entities-title-color);
}

.testimonial-comment {
	color: var(--wd-entities-title-color);
}

.testimonials-filter {
	margin-bottom: 10px;
    padding-bottom: 5px;
	overflow-x: auto;
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    white-space: nowrap;
    -webkit-mask-image: linear-gradient(to left, transparent 5px, #000 40px);
    mask-image: linear-gradient(to left, transparent 5px, #000 40px);
}

.filter-button {
	border-radius: var(--wd-brd-radius);
	border: 2px solid var(--wd-primary-color);
	background-color: transparent;
	color: var(--wd-entities-title-color);
}

.filter-button:hover {
	background-color: var(--wd-primary-color);
	border-color: var(--wd-primary-color);
	color: #fff;
}

.filter-button.active {
	background-color: var(--wd-primary-color);
	color: #fff;
}

.filter-button.active:hover {
	opacity: 0.8;
}

.load-more-testimonials {
	position: relative;
	background-color: var(--wd-primary-color);
	border-radius: 35px;
	color: #fff;
}

.load-more-testimonials:hover {
	background-color: var(--wd-primary-color);
	box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.1);
	color: #fff;
}

.testimonial-images {
	display: flex;
    gap: 10px;
    margin-top: 20px;
	overflow-x: auto;
	-webkit-mask-image: linear-gradient(to left, transparent 5px, #000 40px);
    mask-image: linear-gradient(to left, transparent 5px, #000 40px);
}

.testimonial-images img {
	width: 90px;
	height: 90px;
	object-fit: cover;
	border-radius: var(--wd-brd-radius);
}