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

:root {
	--base-border-radius: 10px;
	--btn-default-brd-radius: var(--base-border-radius);
	--btn-accented-brd-radius: var(--base-border-radius);
	--wd-form-brd-radius: var(--base-border-radius);
	--btn-accented-transform: uppercase;
	--btn-transform: uppercase;
	--base-font: 'Neue Leiden', Arial, Helvetica, sans-serif;
}

.full-width {
	width: 100vw;
	position: relative;
	margin: 0 0 0 -50vw !important;
	left: 50%;
	max-width: 100vw !important;
	border-radius: 0 !important;

	& > .e-con-inner,
	& > .elementor-container {
		margin-inline: auto;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 1410px !important;
		padding-inline: 15px;
		padding-bottom: min(8vw, 50px);
		padding-top: min(6vw, 30px);
	}
}

@media (min-width: 769px) {
	.elementor-column.elementor-col-100,
	.elementor-column[data-col='100'] {
		width: 100% !important;
	}
}

/*
MARK: Typography
*/

.elementor-heading-title.price,
#contact-page-form .title,
.title-big {
	font-size: clamp(2rem, calc(1.588rem + 1.569vw), 3rem) !important;
	line-height: 1.1em;
	font-weight: 800;
}

#contact .title,
#contatti .title,
.product_title.entry-title.wd-entities-title,
/*.woodmart-title-container.title.wd-fontsize-l,*/
.subtitle {
	font-size: clamp(1.5rem, calc(1.294rem + 0.784vw), 2rem) !important;
	* {
		font-size: inherit !important;
	}
}

.content-with-products .wd-entities-title {
	font-size: clamp(1.125rem, calc(1.074rem + 0.196vw), 1.25rem) !important;
	line-height: 1em !important;
	font-weight: 700 !important;
	* {
		font-size: inherit !important;
	}
}

#contact-page-form .title-after_title p,
.elementor-image-box-title,
.title-sm {
	font-size: clamp(1.125rem, calc(0.971rem + 0.588vw), 1.5rem) !important;
	line-height: 1em;
}

#contatti .title-after_title p,
#contact .title-after_title p,
.wd-text-block p,
.wd-text-block li,
.elementor-container > p,
.text {
	font-size: clamp(1rem, calc(0.897rem + 0.392vw), 1.2rem) !important;
	line-height: 1.25em;
	font-weight: 500 !important;
	* {
		font-size: inherit;
	}
}

.elementor-image-box-description,
.elementor-icon-list-text,
.breadcrumbs,
.text-sm {
	font-size: clamp(0.875rem, calc(0.824rem + 0.196vw), 1rem) !important;
	line-height: 1.1em;
	* {
		font-size: inherit !important;
	}
}

body:not(.page-id-4439),
body:not(.page-id-990886) {
	.main-page-wrapper {
		background-image: none !important;
	}
}

/*
MARK: Buttons
*/

a.button,
.btn,
.cat-design-zoom-out .wd-entities-title,
.searchform.wd-style-with-bg-2 .searchsubmit,
.wd-product-grid-slider,
.btn.btn-style-round,
.wd-product.wd-hover-buttons-on-hover .wd-add-btn > a,
.btn.btn-style-semi-round {
	border-radius: var(--base-border-radius) !important;
	text-transform: uppercase !important;
	user-select: none;
	font-size: clamp(0.75rem, calc(0.699rem + 0.196vw), 0.875rem) !important;
}

@media (width>=1500px) {
	.home-container:not(.full-width) {
		/*max-width: 1400px !important;*/
		padding-left: 0;
		padding-right: 0;
	}
	.min-footer,
	.container.main-footer {
		padding-inline: 15px !important;
	}
	.min-footer > div {
		padding-inline: 0 !important;
	}
}

header {
	.wd-header-compare {
		/*position: fixed;
		top: 90px;
		right: 20px;
		border-radius: var(--base-border-radius);
		background: #fff;
		filter: drop-shadow(0px 5px 10px #00000050);*/
		display: none !important;
	}
}
.wd-header-compare.hidden {
	display: none;
}

@media (width<768px) {
	.wd-nav-arrows {
		display: none !important;
		opacity: 0;
	}
}

/*
MARK: Homepage
*/

button.searchsubmit span {
	display: none !important;
}

.wd-slide-container {
	padding-top: 80px;
	padding-bottom: 25px;
	.wd-slide-inner {
		height: 100%;
		text-align: left;
		max-width: 1400px !important;
		margin-inline: auto;
		* {
			width: 100%;
			text-align: left;
		}
		& > .elementor {
			height: 100%;
			.home-slider-text {
				/*margin-top: 50% !important;*/
				/*transform: translateY(-50%);*/
				margin-top: 0 !important;
				height: 100%;
				@media (max-width: 1500px) and (min-width: 1025px) {
					padding-inline: 45px;
				}
				.e-con-inner {
					align-content: center;
					user-select: none;
				}
				.title-wrapper .title {
					line-height: 1em;
					font-size: clamp(2rem, calc(1.382rem + 2.353vw), 3.5rem) !important;
					text-wrap: balance;
				}
				.title-after_title h1 {
					line-height: 1.1em;
					font-size: clamp(1.125rem, calc(0.765rem + 1.373vw), 2rem) !important;
					text-wrap: balance;
				}
			}
		}
	}
	@media (width<768px) {
		.wd-slide-inner {
			/*text-align: center;*/
			width: 80%;
			margin-inline: auto;
			* {
				width: 100%;
				/*text-align: center !important;*/
			}
			/*.title-wrapper {
				padding-top: max(200px, 65vw) !important;
			}*/
		}
		display: inline-block;
	}
}

.search-bar.elementor-widget-wd_search {
	max-width: 1370px !important;
	bottom: 140px !important;
	.searchform {
		&,
		& input {
			border-radius: var(--base-border-radius) !important;
			&::placeholder {
				font-weight: bold;
				color: #14667a;
			}
		}
	}
	.wd-search-cat > a {
		width: 200px !important;
		text-align: center;
	}
	@media (width>=768px) {
		bottom: 250px !important;
	}
}

#categorie-home {
	.title-wrapper {
		/*text-align: center;*/
	}
	.wd-grid-g.wd-cats {
		/*justify-content: center;*/
		/*@media (width>=1024px) { */
		/*	grid-template-columns: repeat(auto-fit, 240px);*/
		/* } */
		/* @media (width<1024px) { */
		/*	grid-template-columns: repeat(auto-fit, 176px); */
		/*} */
	}
}

.hp-info-box.elementor-widget-wd_infobox {
	border-radius: var(--base-border-radius);
	overflow: hidden;
	.box-icon-wrapper {
		/*z-index: inherit;*/
		.info-box-icon img,
		.elementor img {
			/*mix-blend-mode: multiply;*/
			border-radius: var(--base-border-radius);
		}
	}
}

.wpcf7-form {
	.wpcf7-form-control {
		border-radius: var(--base-border-radius) !important;
	}
	textarea {
		resize: vertical;
		min-height: 100px;
		max-height: 160px;
	}
}

@media (width<=1024px) {
	.about-us-feature {
		height: auto !important;
		&:not(:nth-last-of-type) {
			paddding-bottom: 25px;
		}
		&:first-of-type {
			padding-top: 25px;
		}
	}
}

footer {
	.container.main-footer {
		padding-inline: 40px;
		.wd-negative-gap {
			.e-con-inner {
				& > div.elementor-element:nth-child(1) {
					flex: 1;
					gap: 20px;

					@media (width<1000px) {
						flex-direction: column;
						align-items: flex-start;
						justify-items: flex-start;
					}
					.wd-sub-menu li > a {
						padding: 0 !important;
					}
					.wd-image img {
						width: auto !important;
						max-height: 34px;
					}
				}
				& > div.elementor-element:nth-child(2) {
					@media (width>768px) {
						flex-basis: 232px !important;
						flex: 0;
					}
					@media (width<1000px) {
						align-items: flex-start;
					}
				}
				@media (width<=768px) {
					padding-bottom: 2rem;
					&,
					* {
						align-items: center !important;
						justify-content: center;
						text-align: center;
					}
					.elementor-widget-wd_image_or_svg {
						align-self: auto !important;
					}
					.elementor-widget-container:has(ul.wd-sub-menu) {
						width: 100%;
					}
					.wpml-ls-statics-shortcode_actions.wpml-ls-legacy-dropdown-click {
						margin-inline: auto;
					}
				}
				@media (width<=580px) {
					flex-direction: column;
					& > div.elementor-element:nth-child(2) {
						flex-basis: 0;
					}
				}
				.js-wpml-ls-item-toggle.wpml-ls-item-toggle {
					background: rgb(20, 101, 122);
					border: solid 1px white;
					border-radius: var(--base-border-radius);
					color: white;
				}
			}
		}
	}

	.min-footer {
		padding-inline: 20px;
		.e-con.e-flex > .e-con-inner {
			justify-content: space-between;
			.footer-main-infos p {
				text-align: left;
			}
			@media (width<1200px) {
				flex-direction: column;
				.elementor-element {
					width: 100% !important;
				}
				.footer-main-infos p {
					text-align: center;
				}
				.footer-menu-list .sub-sub-menu {
					justify-content: center;
					gap: 30px;
				}
			}
		}
		p {
			font-size: 14px !important;
		}
	}
}

.scrollToTop {
	bottom: 85px !important;
	right: 40px !important;
}
.grecaptcha-badge {
	display: none;
}

/* Products */

.product-element {
	container-type: inline-size;
	container-name: product-element;
}

.wd-product .product-element-top {
	background-color: #fff;
}

.wd-products-shop-view a.current-variation {
	color: var(--wd-primary-color) !important;
}
.wd-products.elements-list {
	--wd-gap: 10px !important;
}
.woocommerce-page .product-wrapper {
	border-radius: var(--base-border-radius) !important;
	background-color: #f2f2f2 !important;
}

.wd-product-header {
	.wd-product-cats > a {
		color: #fff;
		background-color: #14657a;
		padding: 2px 5px;
		border-radius: 4px;
		text-transform: uppercase;
		font-size: 0.85rem;
	}
	.wd-entities-title a {
		line-height: 1em;
	}
}

.product-category.empty {
	filter: grayscale(100%);
}

.wd-product .product-element-top > a > img,
.product-catalog-list .wd-product :is(.product-image-link, .hover-img) img {
	object-fit: cover;
	mix-blend-mode: multiply;
	/*padding-inline: 10px;*/
}

.wd-products.grid-columns-4 {
	column-gap: 15px;
}

body.single-product,
body.post-type-archive-product {
	.shop-content-area .wd-header-compare {
		background-color: var(--wd-primary-color);
		a,
		span {
			color: #fff !important;
		}
		border-radius: var(--base-border-radius);
	}
	header .wd-header-compare {
		display: none !important;
	}
}

.wd-clear-filters a.wd-tools-text {
	margin-inline-start: 0;
	padding-left: 0 !important;
}

/* Top banners - Blocchi ADV */
.code-block:has(.ai-rotate) {
	position: relative;
	&::after {
		position: absolute;
		bottom: 6px;
		right: 5px;
		font-size: 0.8rem;
		content: 'Ad';
		background: rgba(150, 150, 150, 0.5);
		color: #fff;
		padding: 1px 4px;
		border-radius: 2px;
	}
}
.code-block.code-block-1,
.code-block.code-block-2 {
	background-color: #f2f2f2 !important;
	background-image: url(https://tecus-net.com/wp-content/uploads/2023/04/wd-furniture-background.jpg);
	img {
		mix-blend-mode: multiply;
		height: 8rem;
	}
	&:has(.wp-image-990923) {
		background: #fe4818 !important;

		img {
			mix-blend-mode: normal;
		}
	}
}

.code-block.code-block-1 {
	box-shadow: inset 0px -5px 15px -8px #00000065;

	img {
		padding-bottom: 1rem;
		padding-top: 0.5rem;
	}
}

.code-block.code-block-2 {
	margin-bottom: 0 !important;
	img {
		padding-top: 0.5rem;
		padding-bottom: 1rem;
	}
}
body:not(.single-product):not(.post-type-archive-product)
	.code-block.code-block-1 {
	display: none !important;
}

div.wpcf7-response-output {
	padding-block: 2.5rem;
}