/**
 * Single room product content.
 *
 * Layout and rhythm for synced Cloudbeds products rendered through the theme
 * block template.
 */

body.chb-synced-room-product-page main > .wp-block-columns {
	padding-left: 1rem;
	padding-right: 1rem;
	box-sizing: border-box;
}

body.chb-synced-room-product-page main .booking-card-sticky {
	max-width: 416px;
	width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

@media (min-width: 783px) {
	body.chb-synced-room-product-page main .booking-card-sticky {
		margin-left: auto;
		margin-right: 0;
	}
}

body.chb-synced-room-product-page main .wp-block-post-content,
body.chb-synced-room-product-page .chb-room-product-copy-card,
body.chb-synced-room-product-page .single-alojamiento-house-rules {
	--mwm-aloj-section-gap: clamp(48px, 10vw, 100px);
	--mwm-aloj-after-h2: 36px;
	--mwm-aloj-stack-gap: 24px;
	--mwm-aloj-after-h3: 16px;
}

body.chb-synced-room-product-page main .wp-block-post-content > *,
body.chb-synced-room-product-page .chb-room-product-copy-card > *,
body.chb-synced-room-product-page .single-alojamiento-house-rules > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

body.chb-synced-room-product-page main .wp-block-post-content > * + *,
body.chb-synced-room-product-page .chb-room-product-copy-card > * + *,
body.chb-synced-room-product-page .single-alojamiento-house-rules > * + * {
	margin-block-start: var(--mwm-aloj-stack-gap);
}

body.chb-synced-room-product-page main .wp-block-post-content > * + h2.wp-block-heading,
body.chb-synced-room-product-page .chb-room-product-copy-card > * + h2,
body.chb-synced-room-product-page .single-alojamiento-house-rules > * + h2.wp-block-heading {
	margin-block-start: var(--mwm-aloj-section-gap);
}

body.chb-synced-room-product-page main .wp-block-post-content > h2.wp-block-heading + *,
body.chb-synced-room-product-page .single-alojamiento-house-rules > h2.wp-block-heading + * {
	margin-block-start: var(--mwm-aloj-after-h2);
}

body.chb-synced-room-product-page .single-alojamiento-house-rules {
	margin-top: var(--mwm-aloj-section-gap);
}

body.chb-synced-room-product-page main .wp-block-post-content > p,
body.chb-synced-room-product-page .chb-room-product-copy-card p,
body.chb-synced-room-product-page .single-alojamiento-house-rules > p {
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--normal);
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--foreground);
}

body.chb-synced-room-product-page main .wp-block-post-content h2.wp-block-heading,
body.chb-synced-room-product-page .chb-room-product-copy-card h2,
body.chb-synced-room-product-page .single-alojamiento-house-rules h2.wp-block-heading {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--heading-2) !important;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--foreground);
}

body.chb-synced-room-product-page .single-alojamiento-house-rules h3.wp-block-heading.has-accent-color.has-medium-font-size {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 400;
	font-size: 1rem !important;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

body.chb-synced-room-product-page .single-alojamiento-house-rules .wp-block-group.is-layout-flex.is-vertical {
	gap: 16px;
}

body.chb-synced-room-product-page .single-alojamiento-house-rules .wp-block-group:not(.is-layout-flex) > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

body.chb-synced-room-product-page .single-alojamiento-house-rules .mwm-benefits-grid--bed-options {
	margin-top: var(--mwm-aloj-stack-gap);
}

body.chb-synced-room-product-page .chb-room-product-copy-head {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

body.chb-synced-room-product-page .chb-room-product-location {
	margin: 0;
	color: var(--wp--preset--color--quaternary);
}

body.chb-synced-room-product-page .chb-room-product-description {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

body.chb-synced-room-product-page .chb-room-product-description p {
	margin: 0;
}

body.chb-synced-room-product-page .chb-room-product-tags {
	row-gap: 12px;
	column-gap: 8px;
}

@media (max-width: 782px) {
	body.chb-synced-room-product-page main .wp-block-post-content,
	body.chb-synced-room-product-page .chb-room-product-copy-card,
	body.chb-synced-room-product-page .single-alojamiento-house-rules {
		--mwm-aloj-section-gap: clamp(40px, 12vw, 72px);
	}
}