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

/* Product bundles: "Buy now" sits outside the button row, so it gets no gap. */
form.bundle_form .wd-buy-now-btn {
	margin-top: 10px;
}

/* Home slider (block wd-128994cc, same id in ES/EN/FR): the 2112x745 images
   are made for desktop and get cropped behind the text on phones and tablets,
   so below 1025px stack the text over a cropped image. */
@media (max-width: 1024px) {
	.wd.wd .wd-128994cc .wd-slide.wd-carousel-item {
		min-height: 0;
		padding: 30px 0 0;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
	}
	.wd.wd .wd-128994cc .wd-slide-container {
		padding-inline: 15px;
	}
	.wd.wd .wd-128994cc .wd-slide-container h1 {
		font-size: 48px !important;
		line-height: 1.2;
	}
	.wd.wd .wd-128994cc .wd-slide .wd-slide-bg {
		position: relative;
		inset: auto;
		z-index: 0;
		order: 2;
		margin-top: 20px;
		aspect-ratio: 2 / 1;
	}
	.wd.wd .wd-128994cc .wd-slide .wd-slide-bg img {
		object-fit: cover;
		object-position: 100% 50%;
	}
	.wd.wd .wd-128994cc .wd-39257df7.wd-slide .wd-slide-bg img {
		object-position: 80% 50%;
	}
	.wd.wd .wd-128994cc .wd-slider-pagin {
		position: static;
		margin-top: 12px;
		transform: none;
	}
	.wd.wd .wd-128994cc .wd-slider-pagin .wd-nav-pagin {
		flex-wrap: nowrap;
		justify-content: center;
		gap: 0 12px;
	}
}

@media (max-width: 768.98px) {
	.wd.wd .wd-128994cc .wd-slide-container h1 {
		font-size: 32px !important;
	}
	.wd.wd .wd-128994cc .wd-slide .wd-slide-bg {
		aspect-ratio: 3 / 2;
	}
}

/* Brands page ([pwb-all-brands]): the plugin's 20% columns break with
   uneven logos, so lay the brands out as a grid with the logo on top. */
.wd .pwb-all-brands .pwb-brands-cols-outer {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px 20px;
	margin-top: 30px;
}
.wd .pwb-all-brands .pwb-brands-cols-outer::after {
	content: none;
}
.wd .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	text-align: center;
}
.wd .pwb-all-brands .pwb-brands-col3 > div {
	order: -1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 150px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 6px;
}
.wd .pwb-all-brands .pwb-brands-col3 img {
	width: auto;
	max-width: 100%;
	max-height: 130px;
	object-fit: contain;
}
.wd .pwb-all-brands .pwb-brands-col3 > p {
	margin: 0;
}
@media (min-width: 769px) {
	.wd .pwb-all-brands .pwb-brands-cols-outer {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (min-width: 1025px) {
	.wd .pwb-all-brands .pwb-brands-cols-outer {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}