@import '_content/Landbrugnet.Common.Components/Landbrugnet.Common.Components.cq9fqnxgh3.bundle.scp.css';

/* /Components/PropertyListItem.razor.rz.scp.css */
.details-body-clamp[b-kwga5clycv] {
	--headline-lines: 3;
}

.details-body-clamp .headline[b-kwga5clycv] {
	display: -webkit-box;
	-webkit-line-clamp: var(--headline-lines);
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* /Components/Search/ActiveFilterChips.razor.rz.scp.css */
/* The row under the field, chips in the map-pill shape (radius 10px). The links/buttons are rendered by SearchAction,
   hence ::deep.
   - Understood (from the sentence): filled light green (#107d4d at 10 % on white) with a #107d4d border and #212529
     text (≈ 14:1); the AI wand in #107d4d (≈ 4.5:1 on the tint, a non-text mark).
   - Picked by hand: white with #107d4d border and text (5.17).
   - Hover on both: white on #107d4d (5.17). */

.ai-understood[b-0ty8k7euh4] {
	position: relative;
	min-width: 0;
}

.ai-chips[b-0ty8k7euh4] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem;
	min-width: 0;
	margin-top: .75rem;
}

.ai-chips-label[b-0ty8k7euh4] {
	color: var(--lm-label);
	font-size: .875rem;
	font-weight: 600;
}

	.ai-chips[b-0ty8k7euh4]  .ai-chip {
		display: inline-flex;
		align-items: center;
		gap: .375rem;
		min-height: 44px;
		max-width: 100%;
		padding: .25rem .625rem .25rem .75rem;
		border: 1px solid var(--lm-green);
		border-radius: 10px;
		font-size: .9375rem;
		line-height: 1.25;
		text-decoration: none;
		cursor: pointer;
	}

	.ai-chips[b-0ty8k7euh4]  .ai-chip-understood {
		background: rgba(16, 125, 77, .1);
		color: var(--lm-ink);
	}

	.ai-chips[b-0ty8k7euh4]  .ai-chip-picked {
		background: #fff;
		color: var(--lm-green);
	}

	.ai-chips[b-0ty8k7euh4]  .ai-chip .fa-xmark {
		color: var(--lm-green);
	}

	.ai-chips[b-0ty8k7euh4]  .ai-chip-ai {
		color: var(--lm-green);
		font-size: .8125rem;
	}

		.ai-chips[b-0ty8k7euh4]  .ai-chip:hover,
		.ai-chips[b-0ty8k7euh4]  .ai-chip:hover .fa-xmark,
		.ai-chips[b-0ty8k7euh4]  .ai-chip:hover .ai-chip-ai {
			background: var(--lm-green);
			border-color: var(--lm-green);
			color: #fff;
		}

	/* A long sentence must not push the row wider than the phone; the whole text is in the title and the label. */
	.ai-chips[b-0ty8k7euh4]  .ai-chip-text {
		min-width: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ai-chips[b-0ty8k7euh4]  .ai-chips-clear {
		display: inline-flex;
		align-items: center;
		gap: .375rem;
		min-height: 44px;
		padding: 0 .5rem;
		background: none;
		border: 0;
		color: var(--lm-green);
		font-size: .9375rem;
		text-decoration: underline;
		text-underline-offset: .2em;
		cursor: pointer;
	}

		.ai-chips[b-0ty8k7euh4]  .ai-chips-clear:hover {
			color: var(--lm-navy);
		}

/* "Vi kunne ikke læse hele beskrivelsen …": secondary text #495057 on cream (7.50). */
.ai-understood-note[b-0ty8k7euh4] {
	margin: .5rem 0 0;
	color: var(--lm-label);
	font-size: .875rem;
}
/* /Components/Search/AiSearchBox.razor.rz.scp.css */
/* The sentence box (plan §3.3 tokens). The field's focus style (a green border, no ring) is global (site.css,
   ".ai-search .form-control:focus"), so it can never be scoped away. */

.ai-search[b-v965jl7zkm] {
	position: relative;
}

/* One line: the label and the "i". The "i"'s tooltip is laid over the page (HowSearchWorks), so this line never grows
   when it shows. */
.ai-search-heading[b-v965jl7zkm] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: .375rem;
	row-gap: .25rem;
	margin-bottom: .5rem;
}

.ai-search-label[b-v965jl7zkm] {
	margin-bottom: 0;
	font-weight: 600;
	color: var(--lm-ink);
}

/* The field's row is the container the placeholder's width is measured against (see .ai-search-ghost). */
.ai-search-group[b-v965jl7zkm] {
	container-type: inline-size;
}

/* ✦ inside the field: white cell, brand icon, one border with the input. */
.ai-search-icon[b-v965jl7zkm] {
	position: relative;
	padding-right: .25rem;
	background: #fff;
	color: var(--lm-green);
	border-right: 0;
}

/* The whole field is green while anything in it has the focus - the text, the cross or "Søg" (which keeps the focus
   after a search) - so the icon's cell, the text and the cross never show two border colours at once. */
.ai-search-group:focus-within .ai-search-icon[b-v965jl7zkm],
.ai-search-group:focus-within .ai-search-input[b-v965jl7zkm],
.ai-search-group:focus-within .ai-search-clear[b-v965jl7zkm] {
	border-color: var(--lm-green);
}

.ai-search-input[b-v965jl7zkm] {
	padding-left: .5rem;
	border-left: 0;
}

	/* The browser's own clear cross would sit next to ours (and is not translated). */
	.ai-search-input[b-v965jl7zkm]::-webkit-search-cancel-button {
		-webkit-appearance: none;
		appearance: none;
		display: none;
	}

.ai-search-clear[b-v965jl7zkm] {
	min-width: 48px;
	background: #fff;
	color: var(--lm-label);
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-left: 0;
}

	.ai-search-clear:hover[b-v965jl7zkm] {
		background: #fff;
		color: var(--lm-ink);
	}

/* The placeholder laid over the empty field (aria-hidden): the static example - full from lg up, short below, where
   the full one is cut - and the span site.js types the other examples into (.is-typing). It sits in the icon's cell and
   starts where the field's own text starts (the cell's edge, less the group's 1 px overlap, plus the field's .5rem
   padding), in the placeholder's colour, letting every tap through, over the field also while it has the focus
   (Bootstrap lifts a focused field to 5). Only where :has() can tell the field is empty: a browser without it shows the
   field's own static placeholder instead - never both, never neither. It never takes room, so it never moves anything. */
.ai-search-ghost[b-v965jl7zkm] {
	display: none;
}

@supports selector(:has(*)) {
	.ai-search-input[b-v965jl7zkm]::placeholder {
		color: transparent;
	}

	.ai-search-group:has(.ai-search-input:placeholder-shown) .ai-search-ghost[b-v965jl7zkm] {
		display: block;
		position: absolute;
		top: 50%;
		left: calc(100% + .5rem - var(--bs-border-width));
		z-index: 6;
		transform: translateY(-50%);
		/* Never under "Søg": the row less the icon's cell, "Søg" (9rem and its padding) and the field's padding. */
		max-width: calc(100vw - 8rem);
		max-width: calc(100cqw - 14.5rem);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: var(--bs-secondary-color);
		font-weight: 400;
		pointer-events: none;
	}
}

.ai-search-ghost-narrow[b-v965jl7zkm],
.ai-search-ghost-typed[b-v965jl7zkm] {
	display: none;
}

@media (max-width: 991.98px) {
	.ai-search-ghost-wide[b-v965jl7zkm] {
		display: none;
	}

	.ai-search-ghost-narrow[b-v965jl7zkm] {
		display: inline;
	}
}

.ai-search-ghost.is-typing .ai-search-ghost-static[b-v965jl7zkm] {
	display: none;
}

.ai-search-ghost.is-typing .ai-search-ghost-typed[b-v965jl7zkm] {
	display: inline;
}

	/* A thin caret after the typed text, so it reads as typing rather than as text in the field. */
	.ai-search-ghost.is-typing .ai-search-ghost-typed[b-v965jl7zkm]::after {
		content: "";
		display: inline-block;
		width: 1px;
		height: 1.05em;
		margin-left: 1px;
		vertical-align: text-bottom;
		background: currentColor;
		animation: ai-search-caret-b-v965jl7zkm 1s steps(1) infinite;
	}

@keyframes ai-search-caret-b-v965jl7zkm {
	50% {
		opacity: 0;
	}
}

/* "Søg" ↔ "Søger …" must not change the field's width. */
.ai-search-submit[b-v965jl7zkm] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	min-width: 9rem;
}

/* "Beskrivelsen må højst være 500 tegn." just under the field, laid over what follows instead of pushing it down. */
.ai-search-limit[b-v965jl7zkm] {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 7;
	margin: .25rem 0 0;
	font-size: .875rem;
}

.ai-search-error[b-v965jl7zkm] {
	display: inline-block;
	padding: .125rem .5rem;
	background: #fff;
	color: var(--lm-error);
	border: 1px solid var(--lm-error);
	border-radius: .25rem;
	font-weight: 600;
}

/* Phone: "Søg" goes full width under the field (wireframe MOBIL). */
@media (max-width: 575.98px) {
	.ai-search-group[b-v965jl7zkm] {
		flex-wrap: wrap;
	}

		.ai-search-group > .ai-search-submit[b-v965jl7zkm] {
			flex: 1 0 100%;
			margin-top: .5rem;
			margin-left: 0 !important;
			border-radius: var(--bs-border-radius-lg) !important;
		}

		/* The cell before "Søg" (the field, or the cross) ends the first row and gets its rounded corners back. */
		.ai-search-group > :nth-last-child(2)[b-v965jl7zkm] {
			border-top-right-radius: var(--bs-border-radius-lg) !important;
			border-bottom-right-radius: var(--bs-border-radius-lg) !important;
		}

	/* "Søg" is under the field here: the placeholder may run to the field's end. */
	@supports selector(:has(*)) {
		.ai-search-group:has(.ai-search-input:placeholder-shown) .ai-search-ghost[b-v965jl7zkm] {
			max-width: calc(100vw - 8rem);
			max-width: calc(100cqw - 4.5rem);
		}
	}
}
/* /Components/Search/FilterSheet.razor.rz.scp.css */
.ai-sheet-open[b-etucl8lb2f] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	width: 100%;
}

/* The modal sheet: full screen, over everything (the dialog's top layer). Closed, a <dialog> is not rendered at all. */
.ai-sheet-panel[open][b-etucl8lb2f] {
	position: fixed;
	inset: 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: var(--lm-cream);
	color: var(--lm-ink);
}

.ai-sheet-panel[b-etucl8lb2f]::backdrop {
	background: rgba(6, 27, 64, .4);
}

.ai-sheet-header[b-etucl8lb2f] {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: .5rem;
	padding: .25rem .5rem;
	background: #fff;
	border-bottom: 1px solid var(--lm-beige);
}

.ai-sheet-back[b-etucl8lb2f] {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	color: var(--lm-ink);
}

.ai-sheet-title[b-etucl8lb2f] {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 700;
}

.ai-sheet-header[b-etucl8lb2f]  .ai-sheet-clear,
.ai-sheet-spacer[b-etucl8lb2f] {
	justify-self: end;
}

.ai-sheet-header[b-etucl8lb2f]  .ai-sheet-clear {
	display: inline-flex;
	align-items: center;
	color: var(--lm-green);
	text-decoration: underline;
	text-underline-offset: .2em;
}

.ai-sheet-body[b-etucl8lb2f] {
	flex: 1 1 auto;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 1rem;
}

.ai-sheet-footer[b-etucl8lb2f] {
	position: sticky;
	bottom: 0;
	padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom));
	background: #fff;
	border-top: 1px solid var(--lm-beige);
}
/* /Components/Search/HowSearchWorks.razor.rz.scp.css */
/* The "i" and its tooltip: anchored under the icon, laid over the page (never in the flow), at most 20rem wide and
   never wider than the screen less 1rem a side. Shown on hover (the icon or the tooltip itself) and on keyboard focus,
   never by a click. site.js shifts it back inside the screen when it shows (--lm-popover-shift); the arrow stays under
   the icon. Text #212529 on white. */

.lm-popover-anchor[b-yli3sdtfij] {
	position: relative;
	display: inline-flex;
	align-items: center;
}

/* 32 px (WCAG 2.5.8's 24 px with room), pulled into the label's line height so the line does not grow. */
.lm-info-button[b-yli3sdtfij] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	margin: -.375rem 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--lm-green);
	font-size: 1.125rem;
	line-height: 1;
	cursor: help;
}

	.lm-popover-anchor:hover .lm-info-button[b-yli3sdtfij],
	.lm-info-button:focus-visible[b-yli3sdtfij] {
		background: rgba(16, 125, 77, .1);
	}

	.lm-info-button:focus-visible[b-yli3sdtfij] {
		outline: 3px solid var(--lm-green);
		outline-offset: 1px;
	}

.lm-popover[b-yli3sdtfij] {
	position: absolute;
	z-index: 30;
	top: calc(100% + .625rem);
	left: 50%;
	display: none;
	width: min(20rem, calc(100vw - 2rem));
	padding: .75rem 1rem;
	transform: translateX(calc(-50% + var(--lm-popover-shift, 0px)));
	background: #fff;
	color: var(--lm-ink);
	border: 1px solid var(--lm-border);
	border-radius: .5rem;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
	white-space: normal;
}

	.lm-popover[b-yli3sdtfij]::before {
		content: "";
		position: absolute;
		top: calc(-.375rem - 1px);
		left: calc(50% - var(--lm-popover-shift, 0px));
		width: .75rem;
		height: .75rem;
		background: #fff;
		border-left: 1px solid var(--lm-border);
		border-top: 1px solid var(--lm-border);
		transform: translateX(-50%) rotate(45deg);
	}

.lm-popover-title[b-yli3sdtfij] {
	display: block;
	margin-bottom: .25rem;
	font-weight: 600;
}

.lm-popover-text[b-yli3sdtfij] {
	display: block;
}

/* Showing: the mouse over the icon or the tooltip, or the icon's keyboard focus. Escape while hovered sets is-dismissed
   (site.js) until the mouse leaves. */
.lm-popover-anchor:hover:not(.is-dismissed) .lm-popover[b-yli3sdtfij],
.lm-info-button:focus-visible + .lm-popover[b-yli3sdtfij] {
	display: block;
}

/* A transparent bridge over the gap between the icon and the tooltip, so the mouse can move onto the tooltip (to read
   or select its text) without it disappearing on the way. */
.lm-popover-anchor:hover:not(.is-dismissed)[b-yli3sdtfij]::after {
	content: "";
	position: absolute;
	top: 100%;
	left: -.5rem;
	right: -.5rem;
	height: .75rem;
}
/* /Components/Search/InfoPopover.razor.rz.scp.css */
.ai-info[b-07s04of74b] {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.ai-info-summary[b-07s04of74b] {
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	min-height: 44px;
	padding: 0 .125rem;
	color: var(--lm-label);
	cursor: pointer;
	list-style: none;
	border-radius: .25rem;
}

	.ai-info-summary[b-07s04of74b]::-webkit-details-marker {
		display: none;
	}

	.ai-info-summary:hover[b-07s04of74b] {
		color: var(--lm-ink);
		text-decoration: underline;
	}

	.ai-info-summary .fa-circle-info[b-07s04of74b] {
		color: var(--lm-green);
	}

.ai-info-body[b-07s04of74b] {
	position: absolute;
	z-index: 20;
	top: calc(100% + .25rem);
	left: 0;
	width: min(22rem, calc(100vw - 2rem));
	padding: .75rem 1rem;
	background: #fff;
	color: var(--lm-ink);
	border: 1px solid var(--lm-border);
	border-radius: .25rem;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	font-size: .875rem;
	line-height: 1.45;
}

.ai-info-title[b-07s04of74b] {
	font-weight: 600;
	margin-bottom: .25rem;
}

.ai-info-text[b-07s04of74b] {
	margin-bottom: 0;
}

/* The fallback chip in the results header: framed like a chip, its text kept at the label colour (7.5 on white). */
.ai-info.ai-info-chip > .ai-info-summary[b-07s04of74b] {
	padding: 0 .625rem;
	border: 1px solid var(--lm-label);
	border-radius: 10px;
	background: #fff;
	font-size: .875rem;
}

@media (max-width: 575.98px) {
	/* Closed it stays in the line; open it takes the full width and its text follows in the flow. */
	.ai-info[open][b-07s04of74b] {
		display: block;
		width: 100%;
	}

	.ai-info-body[b-07s04of74b] {
		position: static;
		width: auto;
		margin-top: .25rem;
	}
}
/* /Components/Search/MatchBadge.razor.rz.scp.css */
/* Top left of the photo, over the image link: it lets clicks through to the link underneath. */
.ai-match-badge[b-fled2n2v2j] {
	position: absolute;
	top: .5rem;
	left: .5rem;
	z-index: 2;
	max-width: calc(100% - 1rem);
	padding: .25rem .5rem;
	background: var(--lm-green);
	color: #fff;
	border-radius: 10px;
	font-size: .8125rem;
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	pointer-events: none;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .15);
}
/* /Components/Search/PropertyFilterControls.razor.rz.scp.css */
/* The panel's controls (plan §3.4). The selects' own look (44 px, radius, chevron, focus ring, active tint) is the shared
   .ai-select in site.css, so the results bar's sort select matches. The checkbox border is the panel's old one (1px
   black), so the boxes read the same as before. */

.ai-filters-input[b-tsy3ftvqob] {
	border: 1px solid #000;
}

/* A choice that gives nothing: dimmed to the secondary text colour (7.50 on cream), never hidden (plan §3.4). */
.ai-facet-zero[b-tsy3ftvqob] {
	color: var(--lm-label);
}

.ai-filters-types[b-tsy3ftvqob] {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

/* A small label above each select: #495057 on cream (7.50). */
.ai-filters-label[b-tsy3ftvqob] {
	display: block;
	float: none;
	width: auto;
	margin-bottom: .25rem;
	padding: 0;
	font-size: .875rem;
	font-weight: 600;
	color: var(--lm-label);
}

.ai-filters-field[b-tsy3ftvqob] {
	min-width: 0;
}

/* Inline (md and up): two equal columns on a tablet, one row of three from lg. */
.ai-filters-inline .ai-filters-grid[b-tsy3ftvqob] {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: .75rem 1rem;
	margin-top: .5rem;
}

@media (min-width: 992px) {
	.ai-filters-inline .ai-filters-grid[b-tsy3ftvqob] {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* ---- The sheet: every filter a full-width labelled row, with room between them --------------------------- */

.ai-filters-sheet[b-tsy3ftvqob] {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

	.ai-filters-sheet .ai-filters-grid[b-tsy3ftvqob] {
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
	}

	.ai-filters-sheet .ai-filters-label[b-tsy3ftvqob] {
		font-size: .9375rem;
		margin-bottom: .375rem;
	}

	/* The types' legend in the sheet reads as a heading of the list under it. */
	.ai-filters-sheet .ai-filters-types > .ai-filters-label[b-tsy3ftvqob] {
		color: var(--lm-ink);
		font-size: 1rem;
	}

.ai-filters-checks[b-tsy3ftvqob] {
	display: flex;
	flex-direction: column;
}

/* 44 px rows: a whole row is the tap target, not just the 16 px box. */
.ai-filters-check .form-check[b-tsy3ftvqob] {
	display: flex;
	align-items: center;
	gap: .5rem;
	min-height: 44px;
	margin: 0;
	padding-left: 0;
}

	.ai-filters-check .form-check-input[b-tsy3ftvqob] {
		float: none;
		flex: 0 0 auto;
		width: 1.25rem;
		height: 1.25rem;
		margin: 0;
	}

	.ai-filters-check .form-check-label[b-tsy3ftvqob] {
		flex: 1 1 auto;
		padding: .5rem 0;
	}
/* /Components/Search/ResultsSkeleton.razor.rz.scp.css */
/* Placeholder bars in the hairline beige of the site, on the card's white. */
.ai-skeleton-card[b-44m2fwfa41] {
	color: var(--lm-beige);
	background: #fff;
}

/* Bootstrap draws placeholders at half opacity; beige on white needs the full value to be seen at all. */
.ai-skeleton-card .placeholder[b-44m2fwfa41] {
	opacity: 1;
}

.ai-skeleton-photo[b-44m2fwfa41] {
	display: block;
	width: 100%;
	height: 13rem;
	opacity: .8;
}

.ai-skeleton-body[b-44m2fwfa41] {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	height: 8rem;
	padding-top: .25rem;
}

.ai-skeleton-price[b-44m2fwfa41] {
	display: block;
	height: 1.75rem;
	margin: 1rem 0 .75rem;
}

.ai-skeleton-button[b-44m2fwfa41] {
	display: block;
	height: 2.4rem;
	border-radius: .375rem;
}

@media (prefers-reduced-motion: reduce) {
	.ai-skeleton-card .placeholder[b-44m2fwfa41] {
		animation: none;
	}
}
/* /Components/Search/ResultsSortSelect.razor.rz.scp.css */
/* "Sortér: [Bedste match ▾]" beside the count. The select's look is the shared .ai-select (site.css). Label #495057
   on white (7.5); the icon #107d4d. */

.ai-sort[b-y8tx649zp6] {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	min-width: 0;
	margin: 0;
}

.ai-sort-label[b-y8tx649zp6] {
	display: inline-flex;
	align-items: center;
	gap: .375rem;
	margin: 0;
	color: var(--lm-label);
	font-size: .9375rem;
	white-space: nowrap;
}

	.ai-sort-label .fa-arrow-down-wide-short[b-y8tx649zp6] {
		color: var(--lm-green);
	}

.ai-sort-select[b-y8tx649zp6] {
	width: auto;
	min-width: 0;
	max-width: 15rem;
}

/* A phone: the icon alone stands for "Sortér:" (still the select's accessible name), so the count and the select share
   one row. */
@media (max-width: 575.98px) {
	.ai-sort-label-text[b-y8tx649zp6] {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	.ai-sort-select[b-y8tx649zp6] {
		max-width: 12.5rem;
	}
}
/* /Components/Search/SearchEmptyState.razor.rz.scp.css */
.ai-empty[b-5czte6bzkm] {
	margin-top: .5rem;
	padding: 1.5rem 1rem;
	text-align: center;
}

.ai-empty-title[b-5czte6bzkm] {
	margin-bottom: .5rem;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--lm-ink);
}

.ai-empty-body[b-5czte6bzkm] {
	margin-bottom: 1rem;
	color: var(--lm-label);
}

.ai-empty-actions[b-5czte6bzkm] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: .5rem;
}

	.ai-empty-actions[b-5czte6bzkm]  .ai-empty-clear {
		display: inline-flex;
		align-items: center;
		gap: .375rem;
		color: var(--lm-green);
	}

		.ai-empty-actions[b-5czte6bzkm]  .ai-empty-clear:hover {
			color: var(--lm-navy);
		}

@media (max-width: 575.98px) {
	.ai-empty-actions[b-5czte6bzkm] {
		flex-direction: column;
		align-items: stretch;
	}

		.ai-empty-actions[b-5czte6bzkm]  .btn {
			justify-content: center;
		}
}
/* /Components/Search/SearchErrorAlert.razor.rz.scp.css */
.ai-error[b-sjrkicxiqc] {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1rem;
	margin: .5rem 0;
}

.ai-error-text[b-sjrkicxiqc] {
	flex: 1 1 16rem;
	min-width: 0;
}

.ai-error-title[b-sjrkicxiqc] {
	margin: 0;
	font-weight: 700;
}

.ai-error-body[b-sjrkicxiqc] {
	margin: 0;
}
/* /Components/Search/SearchResultsHeader.razor.rz.scp.css */
/* The results bar. From lg up two columns: the count, the sort and the notes on the left, "Få besked …" pinned to the
   top-right corner over every line. Below lg one column: the count and the sort, then the button full width, then the
   notes. */

.ai-results-header[b-rk5zhzh01q] {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-areas:
		"main"
		"notify"
		"notes";
}

.ai-results-main[b-rk5zhzh01q] {
	grid-area: main;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1rem;
	min-width: 0;
}

.ai-results-line[b-rk5zhzh01q] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: .25rem .5rem;
	min-width: 0;
}

.ai-results-count[b-rk5zhzh01q] {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--lm-ink);
}

	/* The heading takes the focus from script (chips emptied); it is not a control, so no ring around a title. */
	.ai-results-count:focus[b-rk5zhzh01q] {
		outline: none;
	}

	.ai-results-count:focus-visible[b-rk5zhzh01q] {
		outline: 3px solid var(--lm-green);
		outline-offset: 2px;
	}

.ai-results-count-placeholder[b-rk5zhzh01q] {
	display: inline-block;
	width: 8rem;
	min-height: 1em;
}

.ai-results-meta[b-rk5zhzh01q] {
	color: var(--lm-label);
}

/* Filled: white on #107d4d (5.17), the same 44 px as every target here (.lm-touch). */
.ai-results-notify[b-rk5zhzh01q] {
	grid-area: notify;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	width: 100%;
	margin-top: .75rem;
	font-weight: 600;
}

.ai-results-notes[b-rk5zhzh01q] {
	grid-area: notes;
	min-width: 0;
}

	.ai-results-notes > :not(:empty)[b-rk5zhzh01q] {
		margin-top: .5rem;
	}

.ai-results-note[b-rk5zhzh01q] {
	display: flex;
	align-items: flex-start;
	gap: .5rem;
	margin: 0;
	padding: .25rem 0;
	color: var(--lm-label);
	max-width: 70ch;
}

	.ai-results-note .fa-circle-info[b-rk5zhzh01q] {
		margin-top: .3em;
		color: var(--lm-green);
	}

@media (min-width: 992px) {
	.ai-results-header[b-rk5zhzh01q] {
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-areas:
			"main notify"
			"notes notify";
		column-gap: 1.5rem;
	}

	.ai-results-notify[b-rk5zhzh01q] {
		align-self: start;
		width: auto;
		margin-top: 0;
		white-space: nowrap;
	}
}
/* /Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-y39a05ksl3] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-y39a05ksl3] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Pages/Dealers/DealerDetails.razor.rz.scp.css */
.maegler-details .list-group-item[b-kmlcxq67ue] {
	display: flex;
	background: transparent;
	align-items: center;
}

.list-group-flush > .list-group-item[b-kmlcxq67ue] {
	border-width: 0 0 1px;
}

.list-group-item:first-child[b-kmlcxq67ue] {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.maegler-details .list-group-item[b-kmlcxq67ue] {
	display: flex;
	background: transparent;
	align-items: center;
}

.list-group-item[b-kmlcxq67ue] {
	position: relative;
	display: block;
	padding: 0.75rem 1.25rem;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.125);
}

.maegler-details .list-group-item a[b-kmlcxq67ue] {
	color: #061B40;
}

a[b-kmlcxq67ue] {
	text-decoration: none;
}
/* /Pages/Dealers/DealerList.razor.rz.scp.css */
.dealer-link[b-5pw4sc43hk] {
	cursor: pointer;
	text-decoration: none !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #000;
}

.dealer-card[b-5pw4sc43hk] {
	border: 1px solid #dee2e6;
	transition: all 0.25s
}

	.dealer-card .dealer-name[b-5pw4sc43hk] {
		transition: all 0.25s
	}

	.dealer-card:hover[b-5pw4sc43hk] {
		border-color: #a4afba
	}

		.dealer-card:hover .dealer-name[b-5pw4sc43hk] {
			color: #107d4d
		}
/* /Pages/Properties/PropertyDetails.razor.rz.scp.css */
.float-image[b-2f82ut5fmw] {
	float: right; /* This makes the image float to the right. Use 'left' to float it to the left. */
	margin: 0 0 10px 10px; /* Add some margins for breathing space. Adjust as necessary. */
	width: 50%; /* Adjust as necessary */
	border-radius: 10px;
	object-fit: contain;
	cursor: zoom-in;
}

@media (max-width: 768px) { /* Adjust 768px to your breakpoint if different */
	.float-image[b-2f82ut5fmw] {
		width: 100%;
	}
}

.card[b-2f82ut5fmw] {
	border: 1px solid #e0e0e0; /* subtle border */
	border-radius: 5px; /* rounded corners */
	box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* subtle shadow for depth */
}

.dealer-logo[b-2f82ut5fmw] {
	border-radius: 50%; /* make the logo circular */
	box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* subtle shadow around the logo */
	margin-bottom: 10px;
	max-width: 200px;
}

.property-attribute[b-2f82ut5fmw] {
	display: flex;
	align-items: center;
}

.property-detail[b-2f82ut5fmw] {
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.text-left[b-2f82ut5fmw] {
	line-height: normal; /* Reset line-height */
	margin: 0; /* Reset margin */
	align-self: center; /* Flexbox alignment for individual item */
}

.property-icon[b-2f82ut5fmw] {
	margin-right: 10px; /* optional: to give some spacing between the icon and the text */
}

	.property-icon i[b-2f82ut5fmw] {
		vertical-align: middle;
	}
/* /Pages/Properties/PropertyList.razor.rz.scp.css */
.property-type-slider[b-25h2a8jpgk] {
	height: 250px;
	margin: 0 1rem
}

.propertyTypeSearch[b-25h2a8jpgk] {
	padding-top: 0.5rem
}

	.propertyTypeSearch label[b-25h2a8jpgk] {
		color: #495057
	}

	.propertyTypeSearch input[b-25h2a8jpgk] {
		margin-right: 0.15rem;
		position: relative;
		top: 1px
	}

.property-type[b-25h2a8jpgk] {
	text-align: center
}

	.property-type:hover[b-25h2a8jpgk] {
		text-decoration: none
	}

	.property-type > div[b-25h2a8jpgk] {
		position: relative;
		background-color: white;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		height: 200px;
		border-radius: 1rem;
		box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075)
	}

		.property-type > div img[b-25h2a8jpgk] {
			background: #FFF0E1;
			border-radius: 50%;
			padding: 15px;
			box-sizing: content-box;
			margin-bottom: 1rem
		}

		.property-type > div:hover[b-25h2a8jpgk] {
			background-color: #f8f9fa;
			border: 1px solid;
			border-color: #107d4d
		}

/* ---- The AI search panel (plan §3.4, wireframe "DESKTOP, EFTER SØGNING") -------------------------------------- */

/* The panel's h1 ("Landbrugsejendomme til salg", no count: the results bar counts the list). */
.lm-panel-title[b-25h2a8jpgk] {
	margin-bottom: .75rem;
}

/* The hairline between the sentence and the panel's own controls (#e6e3d4). */
.lm-panel-rule[b-25h2a8jpgk] {
	margin: 1rem 0;
	border-color: var(--lm-beige);
	opacity: 1;
}

/* The slim panel above the list: the count, the sort, "Få besked …" and the notes (SearchResultsHeader). */
.lm-results-panel[b-25h2a8jpgk] {
	padding-top: .75rem;
	padding-bottom: .75rem;
}

/* FocusOnNavigate puts the focus on the h1 after a navigation: a heading, not a control, so no ring for the mouse. */
.lm-search-panel h1:focus:not(:focus-visible)[b-25h2a8jpgk] {
	outline: none;
}