/* ==========================================================================
   Availability results - Tom's "classic" pieces (26 Oct 2026)
   The breaks table back in the old colours (mint header, green "At a Glance",
   blue "All dates this month", green prices, orange Book), the green tick
   bullets, photo arrows always showing, results at full width, and Filters
   in the results bar (sticky on phones) instead of a sidebar / floating button.
   Loaded after breaks.css on availability.php only (body.availResults).
   ========================================================================== */

/* --------------------------------------------------------------------------
   Full width results; filters open as a panel from the Filters button
   -------------------------------------------------------------------------- */

.availResults .listings__grid { grid-template-columns: minmax(0, 1fr); }
.availResults .availHelp { display: none; }
.availResults .filtersFab { display: none !important; }

@media (min-width: 1001px) {

	.availResults .filters { position: static; display: block; }

	.availResults .filters__panel {
		position: fixed;
		top: 0; bottom: 0; left: 0;
		z-index: 190;
		width: 400px;
		max-width: 92vw;
		max-height: none;
		overflow: hidden;
		border-radius: 0 26px 26px 0;
		box-shadow: 20px 0 60px -20px rgba(0, 0, 0, .45);
		transform: translateX(-105%);
		visibility: hidden;
		transition: transform .5s var(--ease-out), visibility 0s .5s;
	}
	.availResults .filters.is-open .filters__panel { transform: none; visibility: visible; transition-delay: 0s; }
	.availResults .filters__body { overflow-y: auto; }
	.availResults .filters__head .filters__clear { display: none; }

	.availResults .filters__close {
		display: grid;
		place-items: center;
		width: 40px; height: 40px;
		border-radius: 50%;
		background: var(--paper-2);
	}
	.availResults .filters__close .icon { width: 20px; height: 20px; }

	.availResults .filters__foot {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		padding: 14px 20px;
		border-top: 1px solid var(--line);
		background: #fff;
	}
	.availResults .filters__foot .btn { flex: 1; max-width: 260px; height: 52px; }

	.availResults .filtersBackdrop {
		display: block;
		position: fixed;
		inset: 0;
		z-index: 185;
		background: rgba(6, 14, 2, .5);
		opacity: 0;
		visibility: hidden;
		transition: opacity .4s, visibility 0s .4s;
	}
	body.availResults.filters-open .filtersBackdrop { opacity: 1; visibility: visible; transition-delay: 0s; }

}

/* --------------------------------------------------------------------------
   Results bar: count, sort and Filters
   -------------------------------------------------------------------------- */

.availResults .offersBar { align-items: center; margin-bottom: 20px; }
.availResults .offersBar__tools { display: flex; align-items: center; gap: 10px; }

.offersBar__filters {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	height: 54px;
	padding: 0 22px;
	border-radius: 999px;
	background: var(--forest-800);
	color: #fff;
	font-weight: 700;
	font-size: 15.5px;
	white-space: nowrap;
	transition: background-color .2s;
}
.offersBar__filters:hover { background: var(--forest-700); }
.offersBar__filters .icon { width: 19px; height: 19px; }
.offersBar__filters .filtersFab__count {
	display: grid;
	place-items: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--orange);
	color: #1c1206;
	font-size: 12px;
	font-weight: 800;
}
.offersBar__filters .filtersFab__count[hidden] { display: none; }

@media (max-width: 760px) {

	/* Sticks under the header while they scroll the lodges */
	.availResults .offersBar {
		position: sticky;
		top: 0;
		z-index: 60;
		gap: 8px;
		margin: 0 calc(var(--gutter) * -1) 16px;
		padding: 10px var(--gutter) 12px;
		background: var(--paper);
		box-shadow: 0 10px 18px -16px rgba(0, 0, 0, .55);
		transition: top .45s var(--ease-out);
	}
	body.availResults .siteTop:not(.is-hidden) ~ main .offersBar { top: 62px; }

	.availResults .foundNum { font-size: 1.45rem; }
	.availResults .offersBar__range { display: none; }
	.availResults .offersBar__tools { width: 100%; }
	/* Just the select on phones (the outer pill made a double outline) */
	.availResults .offersSort { flex: 1; min-width: 0; padding: 0; border: 0; border-radius: 999px; background: none; }
	.availResults .offersSort > span { display: none; }
	.availResults .offersSort select { flex: 1; max-width: none; height: 52px; border: 1px solid var(--line); }
	.availResults .offersBar__filters { flex: none; height: 52px; padding: 0 18px; }

}

/* --------------------------------------------------------------------------
   Photo arrows always showing (phones too)
   -------------------------------------------------------------------------- */

.availResults .offer__nav {
	display: grid;
	width: 40px; height: 56px;
	margin-top: -28px;
	border-radius: 8px;
	background: rgba(255, 255, 255, .78);
	color: #111;
	opacity: 1;
	transform: none;
}
/* Flush to the photo's sides, like the old ones */
.availResults .offer__nav--prev { left: 0; border-radius: 0 8px 8px 0; }
.availResults .offer__nav--next { right: 0; border-radius: 8px 0 0 8px; }
.availResults .offer__nav .icon { width: 24px; height: 24px; stroke-width: 2.6; }
.availResults .offer__nav--prev .icon { transform: rotate(180deg); }
.availResults .offer__nav:hover { background: #fff; }

/* --------------------------------------------------------------------------
   The park's bullet points: the old green ticks
   -------------------------------------------------------------------------- */

.availResults .offer__usp { gap: 0; margin-top: 14px; padding-top: 14px; }
.availResults .offer__usp li { display: block; position: relative; padding: 0 0 8px 28px; font-size: 17px; line-height: 1.25; color: var(--ink); }
.availResults .offer__usp li::before { content: "\2713"; position: absolute; left: 4px; top: 0; font-weight: bold; color: #68b70e; }
.availResults .offer__usp .icon { display: none; }

/* --------------------------------------------------------------------------
   The breaks table, in the old colours
   -------------------------------------------------------------------------- */

.availResults .breaks {
	padding: 0;
	background: #fff;
	border: 1px solid #76A794;
	border-bottom: 5px solid #76A794;
	border-radius: 0 0 20px 20px;
	overflow: hidden;
	font-family: 'Roboto', Arial, sans-serif;
}

.availResults .breaks__head,
.availResults .break {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0;
	align-items: center;
	text-align: center;
}

.availResults .breaks__head {
	padding: 14px 10px;
	background: #A8D7C4;
	border-bottom: 1px solid #79ad99;
	font-family: 'Varela Round', Arial, sans-serif;
	font-size: 21px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #386653;
}

.availResults .breaks__list { display: block; }

.availResults .break,
.availResults .break:hover {
	padding: 10px;
	border: 0;
	border-bottom: 1px dashed #bbccc5;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	transform: none;
	transition: none;
}
.availResults .break:nth-child(even) { background: #eaf2ef; }
.availResults .break:last-child { border-bottom: 0; }

.availResults .break > * {
	order: 0;
	flex: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 5px;
	border: 0;
	text-align: center;
}

.availResults .break__unit,
.availResults .break__date,
.availResults .break__sleeps,
.availResults .break__nights { display: block; }

.availResults .break__lbl,
.availResults .break__yours,
.availResults .break__sleeps .icon,
.availResults .break__nights .icon { display: none; }

.availResults .break__name { font-weight: 400; font-size: 21px; line-height: 1.25; color: #000; }
.availResults .break__tag { display: inline-block; width: auto; height: auto; margin-left: 6px; background: none; color: #555; vertical-align: -2px; }
.availResults .break__tag .icon { width: 20px; height: 20px; }

.availResults .break__link { display: block; flex-basis: auto; margin: 8px auto 0; text-decoration: none; text-align: center; }

.availResults .atGlanceAccomm {
	width: 100%;
	max-width: 220px;
	padding: 2px 10px;
	border-radius: 12px;
	background: #298930;
	font-size: 17px;
	font-weight: 400;
	color: #fff;
	transition: background-color .2s, box-shadow .2s;
}
.availResults .atGlanceAccomm:hover { background: #41a849; color: #fff; box-shadow: 0 0 10px #41a849; }

.availResults .break__sleeps,
.availResults .break__nights { font-size: 21px; font-weight: 400; color: #000; }

.availResults .break__day { display: block; font-size: 17px; font-weight: 700; color: #000; }

.availResults .otherDatesLink {
	width: 100%;
	max-width: 220px;
	padding: 3px;
	border: 1px solid #3D72E5;
	border-radius: 15px;
	font-size: 14px;
	font-weight: 700;
	color: #3D72E5;
	transition: background-color .2s, color .2s;
}
.availResults .otherDatesLink:hover { background: #3D72E5; color: #fff; }

.availResults .break__price { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.availResults .break__now { font-family: 'Roboto', Arial, sans-serif; font-weight: 700; font-size: 21px; letter-spacing: 0; color: #298930; }
.availResults .break__was { font-size: 15px; color: #555; text-decoration: line-through; }
.availResults .break__save { padding: 2px 8px; font-size: 12px; }
.availResults .break__pet { flex-basis: auto; font-size: 13px; color: #3295BC; }

.availResults .break__book {
	justify-self: center;
	width: 80%;
	max-width: 176px;
	height: 46px;
	padding: 0 8px;
	border-radius: 6px;
	border: 1px solid #e57400;
	background: #ff8814;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 17px;
	font-weight: 700;
	color: #fff;
	box-shadow: none;
}
.availResults .break__book:hover { background: #ff7c35; color: #fff; transform: none; }
.availResults .break__book .icon { width: 17px; height: 17px; }

.availResults .breaks__more {
	width: 50%;
	min-width: 240px;
	margin: 16px auto;
	border: 3px solid #ccc;
	border-radius: 20px;
	font-family: 'Roboto', Arial, sans-serif;
	color: #333;
}
.availResults .breaks__cap { padding: 0 10px 12px; }

/* Phones: the same six columns, smaller (as the old mobile table) */

@media (max-width: 760px) {

	.availResults .breaks { border-radius: 0 0 14px 14px; }

	.availResults .breaks__head,
	.availResults .break { grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1.4fr) minmax(0, .55fr) minmax(0, 1fr) minmax(0, 1.15fr); }

	.availResults .breaks__head { padding: 8px 2px; font-size: 15px; }
	.availResults .break { padding: 8px 2px; }
	.availResults .break > * { padding: 3px 2px; }

	.availResults .break__name { font-size: 13.5px; font-weight: 700; }
	.availResults .break__tag .icon { width: 15px; height: 15px; }

	.availResults .atGlanceAccomm {
		padding: 6px 2px;
		border: 2px solid #298930;
		border-radius: 6px;
		background: #fff;
		font-size: 13px;
		color: #298930;
	}

	.availResults .break__sleeps,
	.availResults .break__nights { font-size: 16px; }

	.availResults .break__day { font-size: 14.5px; }
	.availResults .otherDatesLink { padding: 0; border: 0; font-size: 13px; }
	.availResults .otherDatesLink:hover { background: none; color: #3D72E5; }

	.availResults .break__now { font-size: 16px; }
	.availResults .break__was { font-size: 12px; }
	.availResults .break__save { display: none; }
	.availResults .break__pet { font-size: 11px; }

	.availResults .break__book { width: 100%; height: 42px; padding: 0 2px; font-size: 15px; }
	.availResults .break__book .icon { width: 14px; height: 14px; }

	.availResults .breaks__more { width: calc(100% - 24px); min-width: 0; margin: 12px; }

}

/* --------------------------------------------------------------------------
   Round 2 (Tom, 26 Oct 2026): the old font, the park name standing out,
   smaller bullets, the old solid paw, and the old card top on tablets
   -------------------------------------------------------------------------- */

body.availResults { --classic-band: #608a45; --classic-name: #567C3B; --classic-link: #0075d6; }

.availResults .avail .offer { font-family: 'Roboto', Arial, sans-serif; }

.availResults .offer__name {
	margin-top: 4px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0;
}
.availResults .offer__name a { color: var(--classic-name); background: none; }
.availResults .offer__name a:hover { color: var(--classic-name); text-decoration: underline; text-underline-offset: 3px; }

.availResults .offer__loc { font-size: 16px; font-weight: 400; color: #333; }
.availResults .offer__loc a { color: var(--classic-link); }
.availResults .offer__loc a:hover { color: var(--classic-link); }

.availResults .offer__features li { font-size: 16px; color: #777; }
.availResults .offer__features .icon { color: #777; }

.availResults .offer__usp li { padding-bottom: 6px; font-size: 15.5px; }

/* The old solid paw (Font Awesome), in the table and the card */
.availResults .icon-paw {
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M226.5 92.9c14.3 42.9-.3 86.2-32.6 96.8s-70.1-15.6-84.4-58.5s.3-86.2 32.6-96.8s70.1 15.6 84.4 58.5zM100.4 198.6c18.9 32.4 14.3 70.1-10.2 84.1s-59.7-.9-78.5-33.3S-2.7 179.3 21.8 165.3s59.7 .9 78.5 33.3zM69.2 401.2C121.6 259.9 214.7 224 256 224s134.4 35.9 186.8 177.2c3.6 9.7 5.2 20.1 5.2 30.5v1.6c0 25.8-20.9 46.7-46.7 46.7c-11.5 0-22.9-1.4-34-4.2l-88-22c-15.3-3.8-31.3-3.8-46.6 0l-88 22c-11.1 2.8-22.5 4.2-34 4.2C84.9 480 64 459.1 64 433.3v-1.6c0-10.4 1.6-20.8 5.2-30.5zM421.8 282.7c-24.5-14-29.1-51.7-10.2-84.1s54-47.3 78.5-33.3s29.1 51.7 10.2 84.1s-54 47.3-78.5 33.3zM310.1 189.7c-32.3-10.6-46.9-53.9-32.6-96.8s52.1-69.1 84.4-58.5s46.9 53.9 32.6 96.8s-52.1 69.1-84.4 58.5z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M226.5 92.9c14.3 42.9-.3 86.2-32.6 96.8s-70.1-15.6-84.4-58.5s.3-86.2 32.6-96.8s70.1 15.6 84.4 58.5zM100.4 198.6c18.9 32.4 14.3 70.1-10.2 84.1s-59.7-.9-78.5-33.3S-2.7 179.3 21.8 165.3s59.7 .9 78.5 33.3zM69.2 401.2C121.6 259.9 214.7 224 256 224s134.4 35.9 186.8 177.2c3.6 9.7 5.2 20.1 5.2 30.5v1.6c0 25.8-20.9 46.7-46.7 46.7c-11.5 0-22.9-1.4-34-4.2l-88-22c-15.3-3.8-31.3-3.8-46.6 0l-88 22c-11.1 2.8-22.5 4.2-34 4.2C84.9 480 64 459.1 64 433.3v-1.6c0-10.4 1.6-20.8 5.2-30.5zM421.8 282.7c-24.5-14-29.1-51.7-10.2-84.1s54-47.3 78.5-33.3s29.1 51.7 10.2 84.1s-54 47.3-78.5 33.3zM310.1 189.7c-32.3-10.6-46.9-53.9-32.6-96.8s52.1-69.1 84.4-58.5s46.9 53.9 32.6 96.8s-52.1 69.1-84.4 58.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.availResults .icon-paw use { display: none; }
.availResults .break__tag { color: #777; }

/* Tablets: the old card top - framed photo left, name and Lodge Page button across the top, bullets */

@media (min-width: 761px) and (max-width: 1100px) {

	.availResults .avail .offer.listing {
		position: relative;
		grid-template-columns: minmax(0, 44%) minmax(0, 1fr);
		align-items: start;
		gap: 0 28px;
		min-height: 0;
		padding: 24px 20px 28px;
		background: #fff;
	}

	.availResults .offer__media {
		aspect-ratio: 4 / 3;
		min-height: 0;
		max-width: 360px;
		border-radius: 14px;
		overflow: hidden;
	}

	.availResults .offer__body { display: flex; flex-direction: column; padding: 4px 0 0; }
	.availResults .offer__name { order: -1; margin: 0 0 4px; padding-right: 170px; }
	.availResults .offer__loc { padding-right: 170px; }
	.availResults .offer__loc > .icon { display: none; }

	.availResults .offer__price {
		position: absolute;
		top: 24px; right: 20px;
		padding: 0;
		border: 0;
		background: none;
	}
	.availResults .offer__priceTop { display: none; }
	.availResults .offer__actions .lodgeButton {
		height: auto;
		padding: 10px 26px;
		border: 0;
		border-radius: 11px;
		background: #298930;
		font-family: 'Roboto', Arial, sans-serif;
		font-size: 17px;
		font-weight: 400;
		color: #fff;
	}
	.availResults .offer__actions .lodgeButton:hover { background: #41a849; color: #fff; box-shadow: 0 0 10px #41a849; }

}

/* --------------------------------------------------------------------------
   Round 3 (Tom, 26 Oct 2026): the phone table as the old one - flush to the
   screen edges, compact headings, tight lines, "At a Glance" on one line,
   "All dates", and the old "Book >" chevron everywhere
   -------------------------------------------------------------------------- */

.availResults .break__book .icon {
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.availResults .break__book .icon use { display: none; }

@media (max-width: 760px) {

	.availResults .avail {
		margin-left: calc(var(--gutter) * -1);
		margin-right: calc(var(--gutter) * -1);
		border-radius: 0;
	}
	.availResults .breaks { border-left: 0; border-right: 0; border-radius: 0; }

	.availResults .breaks__head,
	.availResults .break { grid-template-columns: minmax(0, 1.4fr) minmax(0, .65fr) minmax(0, 1.25fr) minmax(0, .45fr) minmax(0, 1.15fr) minmax(0, 1fr); }

	.availResults .breaks__head { padding: 6px 6px 6px 4px; font-size: 13px; line-height: 1.2; color: #222; }
	.availResults .breaks__head span:first-child { font-weight: 700; }

	.availResults .break { padding: 10px 6px 10px 4px; line-height: 1.2; }
	.availResults .break > * { padding: 2px; }

	.availResults .break__name { font-size: 14px; line-height: 1.25; }
	.availResults .break__tag { margin-left: 3px; }

	.availResults .atGlanceAccomm {
		max-width: none;
		margin-top: 6px;
		padding: 8px 2px;
		font-size: 14px;
		line-height: 1.2;
		white-space: nowrap;
	}

	.availResults .break__sleeps,
	.availResults .break__nights { font-size: 17px; }

	.availResults .break__day { font-size: 16px; line-height: 1.2; }
	.availResults .break__month { display: none; }
	.availResults .otherDatesLink { margin-top: 6px; font-size: 14px; line-height: 1.2; }

	/* Long prices (£2,383, £702.93) stay inside their column, never under the Book button */
	.availResults .break__price { overflow: hidden; overflow-wrap: anywhere; }
	.availResults .break__now { font-size: 15.5px; line-height: 1.2; }

	.availResults .break__book { gap: 4px; height: 46px; border-radius: 4px; font-size: 16px; font-weight: 400; }
	.availResults .break__book .icon { width: 13px; height: 13px; }

}

/* Small phones (under 390px): a size smaller again so nothing overlaps */
@media (max-width: 389px) {
	.availResults .breaks__head { font-size: 12px; }
	.availResults .break__name, .availResults .atGlanceAccomm, .availResults .otherDatesLink { font-size: 13px; }
	.availResults .break__day { font-size: 14.5px; }
	.availResults .break__sleeps, .availResults .break__nights { font-size: 15px; }
	.availResults .break__now { font-size: 14px; }
	.availResults .break__book { font-size: 14px; }
}

/* --------------------------------------------------------------------------
   Round 4 (Tom, 27 Oct 2026): phones show the search as a summary with a
   Change Search button (like the old site) so the first lodge is higher up;
   Change Search opens the full search box in its place
   -------------------------------------------------------------------------- */

.availResults .pageHero--search .listingSearch { margin-top: 0; z-index: auto; }
.availResults .listings { padding-top: 32px; }

@media (max-width: 760px) {

	.availResults .pageHero--search .pageHero__inner { display: flex; flex-direction: column; padding-bottom: 16px; }
	.availResults .pageHero--search .pageHero__title { order: -1; margin: 0 0 12px; font-size: 1.55rem; text-align: center; }

	.availResults .searchSummary {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding: 16px;
		border-radius: 18px;
		text-align: center;
		animation: none;
	}
	.availResults .searchSummary__icon { display: none; }
	.availResults .searchSummary__text { gap: 4px; font-size: 16px; font-weight: 600; line-height: 1.35; color: #222; text-align: center; }
	.availResults .searchSummary__text strong { font-size: 17px; white-space: normal; color: var(--forest-900); }
	.availResults .searchSummary__edit {
		display: block;
		padding: 13px;
		border-radius: 12px;
		background: var(--cta);
		font-size: 17px;
		font-weight: 700;
		color: #fff;
	}

	/* Change Search: the full search box takes the summary's place */
	.availResults .listingSearch.is-open .searchSummary { display: none; }
	.availPage.availResults .listingSearch.is-open .searchCard { margin-top: 0; animation: none; }

	.availResults .listings { padding-top: 16px; }

}

/* --------------------------------------------------------------------------
   Round 5 (Tom, 27 Oct 2026): a more appealing phone search summary - the
   place in the display font with a pin, date and guests as pills with icons,
   Change Search with a search icon
   -------------------------------------------------------------------------- */

@media (max-width: 760px) {

	.availResults .searchSummary {
		gap: 14px;
		padding: 18px 16px 16px;
		border-radius: 22px;
		background: #fff;
		box-shadow: 0 22px 44px -22px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .6);
	}

	.availResults .searchSummary__text { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }

	.availResults .searchSummaryRow1 {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		flex-basis: 100%;
		margin-bottom: 2px;
		font-family: var(--font-display);
		font-size: 23px;
		font-weight: 500;
		line-height: 1.15;
		color: var(--forest-900);
	}
	.availResults .searchSummaryRow1 .icon { flex: none; width: 19px; height: 19px; color: var(--cta); }

	.availResults .searchSummaryRow2,
	.availResults .searchSummaryRow3 {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		padding: 7px 13px;
		border-radius: 999px;
		background: var(--paper-2);
		font-size: 14.5px;
		font-weight: 600;
		line-height: 1.2;
		color: var(--ink);
	}
	.availResults .searchSummaryRow2 .icon,
	.availResults .searchSummaryRow3 .icon { flex: none; width: 16px; height: 16px; color: var(--gold-700); }

	.availResults .searchSummary__edit {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 9px;
		height: 52px;
		padding: 0 16px;
		border-radius: 14px;
		box-shadow: 0 12px 24px -12px rgba(239, 106, 12, .8);
		font-size: 17px;
	}
	.availResults .searchSummary__edit .icon { width: 19px; height: 19px; }

}

/* Round 6 (Tom, 27 Oct 2026): no "From £… for 7 nights / 9 breaks" block on phones - the table has the prices */
@media (max-width: 760px) {
	.availResults .offer__priceTop { display: none; }
	.availResults .offer__price { gap: 0; padding-top: 4px; }
}

/* --------------------------------------------------------------------------
   Round 7 (Tom, 27 Oct 2026): the old phone card - name in a coloured band,
   location, Sleeps / Pets / Hot Tub row, smaller photo, slim Lodge Page
   button, the bullets, then straight into the breaks
   -------------------------------------------------------------------------- */

@media (max-width: 760px) {

	.availResults .avail .offer.listing {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		min-height: 0;
		padding: 0 0 8px;
		background: #fff;
	}
	.availResults .avail .offer__body,
	.availResults .avail .offer__price { display: contents; }
	:where(.availResults .avail .offer__body) > * { order: 7; }

	.availResults .offer__name {
		order: 1;
		margin: 0;
		padding: 8px 12px;
		background: var(--classic-band);
		font-size: 21px;
		line-height: 1.25;
		text-align: center;
	}
	.availResults .offer__name a,
	.availResults .offer__name a:hover { color: #fff; }

	.availResults .offer__loc { order: 2; justify-content: center; margin: 8px 12px 0; padding: 0; font-size: 16px; font-weight: 700; text-align: center; }
	.availResults .offer__loc > .icon { display: none; }
	.availResults .offer__loc span { justify-content: center; }

	.availResults .offer__features {
		order: 3;
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: minmax(0, 1fr);
		gap: 0;
		margin: 10px 8px 12px;
	}
	.availResults .offer__features li { flex-direction: column; justify-content: center; gap: 2px; font-size: 16px; font-weight: 700; color: #777; text-align: center; }
	.availResults .offer__features .icon { width: 26px; height: 26px; }

	.availResults .avail .offer__media {
		order: 4;
		width: 100%;
		max-width: none;
		margin: 0;
		aspect-ratio: 16 / 10;   /* full screen width (Tom, 27 Oct 2026) */
		min-height: 0;
		border-radius: 0;
		overflow: hidden;
	}
	.availResults .offer__rating { transform: scale(.85); transform-origin: top left; }

	.availResults .offer__actions { order: 5; display: block; width: 88%; margin: 12px auto 0; }
	.availResults .offer__actions .lodgeButton {
		width: 100%;
		height: 36px;
		padding: 0 12px;
		border: 0;
		border-radius: 8px;
		background: #298930;
		font-family: 'Roboto', Arial, sans-serif;
		font-size: 17px;
		font-weight: 400;
		color: #fff;
	}

	.availResults .avail .offer__usp,
	.availResults .avail .offer__desc { order: 6; margin: 12px 16px 2px; padding: 0; border: 0; }
	.availResults .offer__usp li { padding: 0 0 6px 30px; font-size: 17px; }
	.availResults .offer__desc { font-size: 15px; line-height: 1.45; }

	.availResults .breaks { margin-top: 8px; }

}

/* --------------------------------------------------------------------------
   Round 8 (Tom, 27 Oct 2026): the old solid bed and hot tub icons (Font
   Awesome, like the paw), a slightly smaller date in the table, and the pet
   price bold with a paw as before
   -------------------------------------------------------------------------- */

.availResults .icon-bed,
.availResults .icon-hottub { background: currentColor; }
.availResults .icon-bed { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M32 32c17.7 0 32 14.3 32 32V320H288V160c0-17.7 14.3-32 32-32H544c53 0 96 43 96 96V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V416H352 320 64v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V64C0 46.3 14.3 32 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M32 32c17.7 0 32 14.3 32 32V320H288V160c0-17.7 14.3-32 32-32H544c53 0 96 43 96 96V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V416H352 320 64v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V64C0 46.3 14.3 32 32 32zm144 96a80 80 0 1 1 0 160 80 80 0 1 1 0-160z'/%3E%3C/svg%3E") center / contain no-repeat; }
.availResults .icon-hottub { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M272 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v5.2c0 34 14.4 66.4 39.7 89.2l16.4 14.8c15.2 13.7 23.8 33.1 23.8 53.5V200c0 13.3 10.7 24 24 24s24-10.7 24-24V186.8c0-34-14.4-66.4-39.7-89.2L295.8 82.8C280.7 69.1 272 49.7 272 29.2V24zM0 320v16V448c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64H277.3c-13.8 0-27.3-4.5-38.4-12.8l-85.3-64C137 166.7 116.8 160 96 160c-53 0-96 43-96 96v64zm128 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V336c0-8.8 7.2-16 16-16s16 7.2 16 16zm80-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm112 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V336c0-8.8 7.2-16 16-16s16 7.2 16 16zm80-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V336c0-8.8 7.2-16 16-16zM360 0c-13.3 0-24 10.7-24 24v5.2c0 34 14.4 66.4 39.7 89.2l16.4 14.8c15.2 13.7 23.8 33.1 23.8 53.5V200c0 13.3 10.7 24 24 24s24-10.7 24-24V186.8c0-34-14.4-66.4-39.7-89.2L407.8 82.8C392.7 69.1 384 49.7 384 29.2V24c0-13.3-10.7-24-24-24zM64 128A64 64 0 1 0 64 0a64 64 0 1 0 0 128z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M272 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v5.2c0 34 14.4 66.4 39.7 89.2l16.4 14.8c15.2 13.7 23.8 33.1 23.8 53.5V200c0 13.3 10.7 24 24 24s24-10.7 24-24V186.8c0-34-14.4-66.4-39.7-89.2L295.8 82.8C280.7 69.1 272 49.7 272 29.2V24zM0 320v16V448c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V320c0-35.3-28.7-64-64-64H277.3c-13.8 0-27.3-4.5-38.4-12.8l-85.3-64C137 166.7 116.8 160 96 160c-53 0-96 43-96 96v64zm128 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V336c0-8.8 7.2-16 16-16s16 7.2 16 16zm80-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V336c0-8.8 7.2-16 16-16zm112 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V336c0-8.8 7.2-16 16-16s16 7.2 16 16zm80-16c8.8 0 16 7.2 16 16v96c0 8.8-7.2 16-16 16s-16-7.2-16-16V336c0-8.8 7.2-16 16-16zM360 0c-13.3 0-24 10.7-24 24v5.2c0 34 14.4 66.4 39.7 89.2l16.4 14.8c15.2 13.7 23.8 33.1 23.8 53.5V200c0 13.3 10.7 24 24 24s24-10.7 24-24V186.8c0-34-14.4-66.4-39.7-89.2L407.8 82.8C392.7 69.1 384 49.7 384 29.2V24c0-13.3-10.7-24-24-24zM64 128A64 64 0 1 0 64 0a64 64 0 1 0 0 128z'/%3E%3C/svg%3E") center / contain no-repeat; }
.availResults .icon-bed use,
.availResults .icon-hottub use { display: none; }

.availResults .break__pet { font-weight: 700; color: #3295BC; line-height: 1.25; }
.availResults .break__pet::after {
	content: "";
	display: inline-block;
	width: 1.05em; height: 1.05em;
	margin-left: 4px;
	vertical-align: -2px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M226.5 92.9c14.3 42.9-.3 86.2-32.6 96.8s-70.1-15.6-84.4-58.5s.3-86.2 32.6-96.8s70.1 15.6 84.4 58.5zM100.4 198.6c18.9 32.4 14.3 70.1-10.2 84.1s-59.7-.9-78.5-33.3S-2.7 179.3 21.8 165.3s59.7 .9 78.5 33.3zM69.2 401.2C121.6 259.9 214.7 224 256 224s134.4 35.9 186.8 177.2c3.6 9.7 5.2 20.1 5.2 30.5v1.6c0 25.8-20.9 46.7-46.7 46.7c-11.5 0-22.9-1.4-34-4.2l-88-22c-15.3-3.8-31.3-3.8-46.6 0l-88 22c-11.1 2.8-22.5 4.2-34 4.2C84.9 480 64 459.1 64 433.3v-1.6c0-10.4 1.6-20.8 5.2-30.5zM421.8 282.7c-24.5-14-29.1-51.7-10.2-84.1s54-47.3 78.5-33.3s29.1 51.7 10.2 84.1s-54 47.3-78.5 33.3zM310.1 189.7c-32.3-10.6-46.9-53.9-32.6-96.8s52.1-69.1 84.4-58.5s46.9 53.9 32.6 96.8s-52.1 69.1-84.4 58.5z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M226.5 92.9c14.3 42.9-.3 86.2-32.6 96.8s-70.1-15.6-84.4-58.5s.3-86.2 32.6-96.8s70.1 15.6 84.4 58.5zM100.4 198.6c18.9 32.4 14.3 70.1-10.2 84.1s-59.7-.9-78.5-33.3S-2.7 179.3 21.8 165.3s59.7 .9 78.5 33.3zM69.2 401.2C121.6 259.9 214.7 224 256 224s134.4 35.9 186.8 177.2c3.6 9.7 5.2 20.1 5.2 30.5v1.6c0 25.8-20.9 46.7-46.7 46.7c-11.5 0-22.9-1.4-34-4.2l-88-22c-15.3-3.8-31.3-3.8-46.6 0l-88 22c-11.1 2.8-22.5 4.2-34 4.2C84.9 480 64 459.1 64 433.3v-1.6c0-10.4 1.6-20.8 5.2-30.5zM421.8 282.7c-24.5-14-29.1-51.7-10.2-84.1s54-47.3 78.5-33.3s29.1 51.7 10.2 84.1s-54 47.3-78.5 33.3zM310.1 189.7c-32.3-10.6-46.9-53.9-32.6-96.8s52.1-69.1 84.4-58.5s46.9 53.9 32.6 96.8s-52.1 69.1-84.4 58.5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 760px) {
	.availResults .break__day { font-size: 14.5px; }
	.availResults .break__pet { font-size: 13px; }
}
@media (max-width: 389px) {
	.availResults .break__day { font-size: 13.5px; }
	.availResults .break__pet { font-size: 12px; }
}

/* Sort and Filters a little shorter on phones (Tom, 27 Oct 2026) */
@media (max-width: 760px) {
	.availResults .offersSort select { height: 44px; font-size: 15px; }
	.availResults .offersBar__filters { height: 44px; padding: 0 16px; font-size: 15px; }
	.availResults .offersBar__filters .icon { width: 17px; height: 17px; }
	.availResults .offersBar__filters .filtersFab__count { min-width: 20px; height: 20px; }
	.availResults .offersBar { padding-top: 8px; padding-bottom: 10px; }
}

/* --------------------------------------------------------------------------
   Round 9 (Tom, 27 Oct 2026): the old "Special Offer" badge on discounted
   breaks - pink with a star beside the prices on desktop, outlined above
   them on phones
   -------------------------------------------------------------------------- */

.availResults .break__save { display: none; }

.availResults .break__price:has(.break__offer) { flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4px 10px; }
.availResults .break__amounts { display: flex; flex-direction: column; align-items: center; }
.availResults .break__price .break__pet { flex-basis: 100%; }

.availResults .break__offer {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	max-width: 76px;
	padding: 7px 8px;
	border-radius: 5px;
	background: linear-gradient(to bottom left, #efd2f7, #e27aff);
	box-shadow: inset 0 0 10px #c763e2;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.15;
	color: #fff;
	text-align: center;
}
.availResults .break__offer::before {
	content: "";
	width: 16px; height: 16px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 760px) {
	.availResults .break__price:has(.break__offer) { flex-direction: column; gap: 2px; }
	.availResults .break__offer {
		max-width: 64px;
		margin-bottom: 2px;
		padding: 4px 6px;
		border: 1px solid #e27aff;
		background: #fff;
		box-shadow: none;
		font-size: 13px;
		color: #d77cf0;
	}
	.availResults .break__offer::before { width: 14px; height: 14px; }
}

/* Round 10 (the old "All dates" calendar) moved to breaks.css on 27 Oct 2026 - every calendar uses it now */