/* =====================================================================
   /accommodation/ list: the list and the map side by side (theme 3.6.57,
   GitLab #354, option 1 of ACCOM_LIST_MOCKS.pdf). The cards, filters and
   map are the wwh/accommodation-archive block's own stylesheet; this file
   is only the page around it. /local-traders/ (wwh/trader-archive, GitLab
   #356) and /attractions/ (wwh/attraction-archive, map first, core 2.155.0)
   have the same frame.
   ===================================================================== */

/* A dark band just behind the see-through header, instead of the empty
   48vh cover. The header box is the bar plus its padding (106px at 1440). */
body.wwh-magazine main:is(.wwh-archive--accommodation, .wwh-archive--trader, .wwh-archive--attraction) > .wp-block-group.wwh-accom-band {
	min-height: calc(var(--wwh-bar-h, 68px) + 2.4rem);
	padding: 0;
	margin: 0;
}

/* page.css pads `main.wwh-page > .wp-block-group` with a shorthand; this body
   runs wider than the usual 1200px so the map has room. */
body.wwh-magazine main:is(.wwh-archive--accommodation, .wwh-archive--trader, .wwh-archive--attraction) > .wp-block-group.wwh-accom-list {
	max-width: 1600px;
	margin: 0 auto;
	padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1rem, 3vw, 2rem) clamp(3rem, 6vw, 5rem);
}

.wwh-accom-list__eyebrow {
	margin: 0 0 0.25rem;
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--brand-text);
}

.wwh-accom-list__title {
	margin: 0 0 0.35rem;
	font-size: clamp(2rem, 3.2vw, 2.75rem);
	font-weight: 400;
	line-height: 1.1;
}