/* [dcw-products] shortcode
 * Breakpoints matched to the theme's own primary breakpoints in
 * custom.css (large/nav-collapse at 1023px, phone at 460px).
 *
 * Large devices (1024px+): 4 products = 2x2 grid (2 rows), 3 or
 * fewer products = a single row.
 * Medium devices (<=1023px): always 2 per row.
 * Phone devices (<=460px): always 1 per row.
 */
.dcw-products-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

/* Large devices */
@media only screen and (min-width: 1024px) {

	.dcw-products-wrapper.dcw-products-count-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.dcw-products-wrapper.dcw-products-count-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.dcw-products-wrapper.dcw-products-count-4 {
		grid-template-columns: repeat(2, 1fr);
	}

}

.dcw-product-card {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-sizing: border-box;
	/* Same white frame as the explore cards, so the two card grids read as one
	 * family. overflow:hidden keeps the photo clipped inside it. */
	border: 4px solid #fff;
	border-radius: 8px;
	text-decoration: none;
}

.dcw-product-card:hover,
.dcw-product-card:focus {
	text-decoration: none;
	opacity: .7;
}

.dcw-product-image-wrap {
	flex: 0 0 auto;
	width: 100%;
	aspect-ratio: 2 / 1;
	overflow: hidden;
}

.dcw-product-image-wrap img.dcw-product-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dcw-product-title {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	margin: 0;
	padding: 5px 20px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.2;
}

.dcw-product-meta-row {
	display: flex;
	flex: 0 0 auto;
}

.dcw-product-deposit,
.dcw-product-discount {
	font-family: 'Source Sans Pro', sans-serif;
	flex: 1 1 50%;
	box-sizing: border-box;
	padding: 0;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

/* Booking type colours - title bar background */
.dcw-type-seb.dcw-product-card,
.dcw-type-seb .dcw-product-title {
	background-color: #8567a1;
}

.dcw-type-eb.dcw-product-card,
.dcw-type-eb .dcw-product-title {
	background-color: #67a1a1;
}

.dcw-type-s.dcw-product-card,
.dcw-type-s .dcw-product-title {
	background-color: #5586a7;
}

.dcw-type-f.dcw-product-card,
.dcw-type-f .dcw-product-title {
	background-color: #74a159;
}

/* Deposit availability */
.dcw-deposit-available {
	background-color: #7eb972;
}

.dcw-deposit-unavailable {
	background-color: #b15050;
}

/* Discount type */
.dcw-discount-numeric {
	background-color: #b972a1;
}

.dcw-discount-text {
	background-color: #729cb9;
}

/* Medium devices - 2 per row (matches theme's nav-collapse breakpoint) */
@media only screen and (max-width: 1023px) {

	.dcw-products-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

}

/* Phone devices - 1 per row (matches theme's phone breakpoint) */
@media only screen and (max-width: 460px) {

	.dcw-products-wrapper {
		grid-template-columns: 1fr;
	}

}