/*
Theme Name:        PK Eiendom
Theme URI:
Description:
Version:           1.0.0
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:       wbdv
Domain Path:       /languages
Author:
Author URI:
*/

/* ==========================================================
   Eiendommer: Listevisning og antall (alle skjermstørrelser)
   Knappene ligger i en «Egendefinert HTML»-blokk på Eiendommer-siden.
   Mobil- og desktop-tilpasninger ligger i blokkene under.
   ========================================================== */

/* Knappene har samme mål og skrift som filterknappene, men uten ramme og fyll.
   Rammen er gjennomsiktig så knappene beholder nøyaktig samme størrelse. */
.listevisning__knapp {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 45px;
	margin: 0;
	padding: 0 8px;
	border: 1px solid transparent;
	border-radius: 5px;
	background: transparent;
	color: #423c2f;
	font-family: var(--wp--preset--font-family--main-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	white-space: nowrap;
	cursor: pointer;
}

.listevisning__knapp svg {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}

/* Antallet er bare informasjon, ikke klikkbart: grå, samme farge som ledetekstene
   i kontaktpanelet (#949494) */
.listevisning__antall {
	gap: 0;
	color: #949494;
	cursor: default;
}

/* Parentes rundt antallet: (58 eiendommer) */
.listevisning__antall:not(:empty)::before {
	content: "(";
}

.listevisning__antall:not(:empty)::after {
	content: ")";
}

.listevisning__knapp:focus-visible,
.listevisning__valg:focus-visible + .listevisning__label {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Valget mellom Bildevisning og Listevisning (som «Grid / List» på snohetta.com): to
   radioknapper som er skjult visuelt, men kan brukes med tastatur. Valgt visning står
   i mørk tekst, den andre i grått og blir mørk ved hover. Hver har et lite ikon (12px):
   ruter for bildevisning, streker for listevisning. */
.listevisning__valg {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.listevisning__label {
	color: #949494;
	transition: color 0.2s ease-out;
}

.listevisning__valg:checked + .listevisning__label,
.listevisning__label:hover {
	color: #423c2f;
}

/* Ikonene er like høye som versalene i teksten (B i Bildevisning, L i Listevisning):
   0,72em, som er versalhøyden i SeasonSans. Ikonet står på tekstens grunnlinje, så
   det flukter med bokstavene både oppe og nede. */
.listevisning__label {
	flex-wrap: wrap;
	align-items: baseline;
	align-content: center;
}

.listevisning__knapp .listevisning__ikon {
	width: 0.72em;
	height: 0.72em;
}

/* Listevisningen: én rad per eiendom, uten bilder */
main:has(.listevisning__input:checked) .posts-grid-filter__grid {
	gap: 0;
}

/* Duse skillelinjer: tekstfargen på 12 %, samme kontrastnivå som linjene i kontaktpanelet */
/* Hver eiendom får full bredde. !important fordi kortene har egne bredder og
   forskyvninger (små, mellomstore og store kort) i temaet, særlig på desktop. */
main:has(.listevisning__input:checked) .posts-grid-filter__post {
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-top: 1px solid rgba(43, 32, 10, 0.12);
}

main:has(.listevisning__input:checked) .posts-grid-filter__post:last-of-type {
	border-bottom: 1px solid rgba(43, 32, 10, 0.12);
}

/* Skillelementene og sitatet midt i oversikten skjules i listevisningen */
main:has(.listevisning__input:checked) :is(.posts-grid-filter__break, .posts-grid-filter__cta) {
	display: none;
}

/* Slå av inn-animasjonen (AOS «fade-up») i listevisningen. Animasjonen regner ut
   posisjonene i den vanlige visningen, så i listen ble mange rader stående usynlige. */
main:has(.listevisning__input:checked) .posts-grid-filter__post[data-aos] {
	opacity: 1 !important;
	transform: none !important;
	transition: none !important;
}

/* Mobiloppsett (samme stil som på desktop, tilpasset smal skjerm), uten bilder:
   navnet i stor overskriftsfont øverst, arealet under til venstre og etikettene til høyre.
   Arealet starter dermed på samme sted i alle rader. */
main:has(.listevisning__input:checked) .posts-grid-filter__post-link {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 8px 12px;
	align-items: center;
	padding: 13px 0 16px; /* 3px mindre i toppen: optisk lik luft over navnet og under etikettene */
}

main:has(.listevisning__input:checked) .posts-grid-filter__thumb {
	display: contents;
}

main:has(.listevisning__input:checked) .posts-grid-filter__thumb img {
	display: none;
}

/* Navn og areal blir egne elementer i raden, uten ledetekstene «Addresse» og «Totalareal» */
main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid {
	display: contents;
}

main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid > div {
	width: auto;
	max-width: none;
}

main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .adr {
	grid-column: 1 / -1;
	grid-row: 1;
}

main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .ledig {
	grid-column: 1;
	grid-row: 2;
}

main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .lab {
	display: none;
}

main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .val {
	font-family: var(--wp--preset--font-family--secondary);
	font-size: 22px;
	line-height: 1.15;
}

main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .ledig .val {
	opacity: 0.7;
}

/* «2»-tallet i m² løftes uten å gjøre linjen høyere, så navn og areal står midt i raden */
main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .val sup {
	position: relative;
	top: -0.5em;
	vertical-align: baseline;
	line-height: 0;
	font-size: 0.6em;
}

/* Etikettene (Ledig, Næringseiendom) til høyre, på linje med arealet */
main:has(.listevisning__input:checked) .posts-grid-filter__thumb .top_line {
	position: static;
	grid-column: 2;
	grid-row: 2;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 4px;
	padding: 0;
}

/* Etikettene beholder boksene og skriftstørrelsen, med litt mindre luft rundt teksten på mobil.
   Uten bilde bak fungerer ikke glasseffekten, så de får en fast mørk bakgrunn i samme farge
   som den aktive filterknappen, for god kontrast mot den lyse teksten. */
main:has(.listevisning__input:checked) .posts-grid-filter__thumb .top_line .label {
	padding: 6px 10px;
	background-color: #423c2f;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}


/* ==========================================================
   Justeringer mobil – Oh My, sep 2026
   Følger temaets breakpoints.
   ========================================================== */

@media (max-width: 767.98px) {

	/* Tekstfeltene (alle sider): temaet har 10px ekstra luft bare til venstre i de «forskjøvne»
	   tekstfeltene, så teksten sto 20px fra venstre og 10px fra høyre. Nå 20px på begge sider
	   for litt mer luft rundt teksten på mobil. */
	.wp-block-columns.is-style-shifted {
		padding-inline: 10px;
	}

	/* Ingresstekstene i tekstfeltene (alle sider): 20px med linjehøyde 1.25 (var 24px / 1.3).
	   !important fordi størrelse og linjehøyde er satt i editoren. */
	.wp-block-columns p.has-lg-font-size {
		font-size: 20px !important;
		line-height: 1.25 !important;
	}

	/* Forsiden, Om oss, Tjenester og alle eiendomssidene: første ingresstekst under heroen,
	   45px luft (var 90px). Treffer det første tekstfeltet etter hero-blokken. */
	.block-intro.slide-up-lines ~ .wp-block-columns.is-style-shifted:not(.wp-block-columns ~ .wp-block-columns),
	.eiendom-intro ~ .wp-block-columns.is-style-shifted:not(.wp-block-columns ~ .wp-block-columns) {
		margin-top: 45px !important;
	}

	/* Om oss (page-id-62) og Tjenester (page-id-66): 50px luft over tekstfeltene.
	   [page-id-xx]-attributtene er midlertidige, pga. feil i body-taggen (header.php).
	   Fjern den delen når utvikleren har rettet body_class().
	   Gjelder ikke felt som følger rett etter et annet tekstfelt
	   (Miljøfyrtårn, Åpenhetsloven), de beholder sin tette avstand. */
	:is(.page-id-62, .page-id-66, [page-id-62], [page-id-66]) .wp-block-columns.is-style-shifted:not(.wp-block-columns + .wp-block-columns) {
		margin-top: 50px !important;
	}

	/* Om oss: galleriets bunnmarg kollapser med tekstfeltet under, må ned tilsvarende */
	:is(.page-id-62, [page-id-62]) .block-posts-slider:has(+ script + .wp-block-columns) {
		margin-bottom: 50px !important;
	}

	/* Tjenester: halvert luft under knappen «Se våre boligsameier» (190px → 95px).
	   Tekstfeltets bunnmarg og neste blokks toppmarg kollapser, begge må ned. */
	:is(.page-id-66, [page-id-66]) .wp-block-columns:has(+ .block-building-featured) {
		margin-bottom: 25px !important;
	}

	:is(.page-id-66, [page-id-66]) .wp-block-columns + .block-building-featured {
		margin-top: 25px !important;
	}

	/* Etiketter i bilder: 10px fra kanten, likt med Storgata 7 på forsiden.
	   - Ledige lokaler-slideren: etiketter øverst
	   - Eiendommer-slideren (Om oss, Tjenester, eiendomssider): flyttet fra bunn til topp
	   - Eiendomsoversikten på siden Eiendommer
	   - Hellebæk Torg på forsiden: flyttet fra bunn til topp */
	.block-posts-slider .top_line,
	.layout-eiendommer .bottom_line,
	.posts-grid-filter__thumb .top_line,
	.block-media-text .bottom_line {
		top: 10px;
		bottom: auto;
		left: 10px;
		right: 10px;
	}

	/* Bildekarusellen på Om oss (Hotel 1624, Storgata 7 …): navnene nederst i bildet
	   får samme 10px fra kanten som de øvrige etikettene */
	.posts-slider__link:not([class*="layout-"]) .bottom_line {
		bottom: 10px;
		left: 10px;
		right: 10px;
	}

	/* Etikettboksene over bilder (hele nettstedet): lavere bokser. «2»-tallet i m² løftes
	   uten å gjøre linjen høyere, så linjehøyden kan strammes inn fra 20px til 1.2 (ca. 14px).
	   Boksene blir ca. 34px høye i stedet for 40–41px. */
	.label {
		line-height: 1.2;
	}

	.label sup {
		position: relative;
		top: -0.5em;
		vertical-align: baseline;
		line-height: 0;
		font-size: 0.6em;
	}

	/* Eiendomssidene: halvert luft over og under bildegalleriet (120px → 60px).
	   Margene på begge sider av overgangene settes, så avstanden holder seg selv om den
	   er endret i editoren. Galleriet etterfølges av script/style-elementer, derfor de
	   tre variantene under. */
	.block-gallery-slider {
		margin-top: 60px !important;
		margin-bottom: 60px !important;
	}

	:has(+ .block-gallery-slider) {
		margin-bottom: 60px !important;
	}

	:is(.block-gallery-slider + *, .block-gallery-slider + script + *, .block-gallery-slider + script + style + *) {
		margin-top: 60px !important;
	}

	/* Tjenester: 45px fra siste linje i det første tekstfeltet («… langsiktige verdi.») ned
	   til det store bildet, samme luft som mellom hero og ingressen. Den tomme høyre
	   kolonnen la til 30px mellomrom når kolonnene stables, så det fjernes her. */
	.page-id-66 .wp-block-columns.is-style-shifted:has(+ .wp-block-cover) {
		row-gap: 0 !important;
		margin-bottom: 45px !important;
	}

	.page-id-66 .wp-block-columns.is-style-shifted + .wp-block-cover {
		margin-top: 0 !important;
	}

	/* Tjenester: tekstfeltet under bildet («Lokal kunnskap. Nasjonalt perspektiv.») får
	   samme luft: 45px over og 45px under */
	body.page-id-66 main .wp-block-cover + .wp-block-columns.is-style-shifted:not(.wp-block-columns + .wp-block-columns) {
		row-gap: 0 !important;
		margin-top: 45px !important;
		margin-bottom: 45px !important;
	}

	.page-id-66 .wp-block-cover + .wp-block-columns.is-style-shifted + * {
		margin-top: 0 !important;
	}

	/* Om oss: 45px fra siste linje i ingressfeltet («… lokalmiljøene vi arbeider i.») ned til
	   eiendomssliderne, samme luft som mellom hero og ingressen. Den tomme høyre kolonnen
	   la til 30px når kolonnene stables, så det mellomrommet fjernes her. */
	body.page-id-62 main > .wp-block-columns.is-style-shifted:has(+ .block-posts-slider) {
		row-gap: 0 !important;
		margin-bottom: 45px !important;
	}

	body.page-id-62 main > .wp-block-columns.is-style-shifted + .block-posts-slider {
		margin-top: 0 !important;
	}

	/* Om oss: halvparten av luften fra siste tall («Leietakere 400») ned til bildet:
	   60px (var 120px) */
	body.page-id-62 main > .wp-block-columns.is-style-shifted:has(+ .wp-block-cover) {
		margin-bottom: 60px !important;
	}

	body.page-id-62 main > .wp-block-columns.is-style-shifted + .wp-block-cover {
		margin-top: 0 !important;
	}

	/* Tjenester: tekstfeltet «Boligutleie … Se våre boligsameier» under «Vi skaper varige
	   verdier»: 45px over, og 90px fra knappen ned til overskriften «Eiendommer» i neste
	   seksjon (dobbel luft, siden en ny seksjon begynner der). Knappen har 40px luft under
	   seg i tekstfeltet og overskriften står 25px ned i sin blokk, så blokken får 25px. */
	body.page-id-66 main .wp-block-columns.is-style-shifted:has(a[href*="boligsameier"]):not(.wp-block-columns + .wp-block-columns) {
		row-gap: 0 !important;
		margin-top: 45px !important;
		margin-bottom: 0 !important;
	}

	body.page-id-66 main .wp-block-columns.is-style-shifted:has(a[href*="boligsameier"]) ~ .block-posts-slider {
		margin-top: 25px !important;
	}

	/* Eiendomssidene og Boligsameier: kontaktkortet med samme design som på desktop (bilde til venstre,
	   lys tekstdel til høyre, all tekst i 16px Regular, tynn linje 4px under telefon og
	   e-post), men uten følge-effekt og på samme plass som før. Skalert til mobilbredden:
	   bildet 112px og 20px luft før teksten, så også den lengste e-postadressen får plass
	   på én linje. Overskriften «Kontaktperson» skjules, som på desktop. */
	:is(.single-eiendom, .page-id-329) .block-employee > h3 {
		display: none;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .item {
		display: grid;
		grid-template-columns: 112px minmax(0, 1fr);
		gap: 0;
		margin: 0;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .thumb,
	:is(.single-eiendom, .page-id-329) .block-employee .thumb img {
		width: 112px;
		height: 112px;
		margin: 0;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .thumb img {
		object-fit: cover;
		border-radius: 5px 0 0 5px;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .info {
		display: flex;
		flex-direction: column;
		min-width: 0;
		padding: 6px 0 6px 20px;
		border-radius: 0 5px 5px 0;
		background: #fffdf1;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .head {
		display: block;
		margin: 0 0 auto;
	}

	:is(.single-eiendom, .page-id-329) .block-employee :is(.name, .position, .info p) {
		margin: 0;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .name {
		color: #000;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .position {
		display: block;
		color: #949494;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .info .lab {
		margin-right: 6px;
		font-weight: 400;
		color: #949494;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .info a {
		display: inline-block;
		padding-bottom: 2px; /* 2px luft til linjen på mobil (4px på desktop) */
		border-bottom: 1px solid currentColor;
		color: #000;
		font-weight: 400;
		line-height: 16px;
		text-decoration: none;
		overflow-wrap: anywhere;
	}

	/* Like mye luft over kortet som under det (60px): 30px mellomrom mellom kolonnene
	   + 30px her */
	.single-eiendom .block-employee {
		margin-top: 30px;
	}

	/* De minste mobilene (under 375px): bildet 96px, så den lengste e-postadressen fortsatt
	   får plass på samme linje som «Epost» */
	@media (max-width: 374.98px) {
		:is(.single-eiendom, .page-id-329) .block-employee .item {
			grid-template-columns: 96px minmax(0, 1fr);
		}

		:is(.single-eiendom, .page-id-329) .block-employee .thumb,
		:is(.single-eiendom, .page-id-329) .block-employee .thumb img {
			width: 96px;
			height: 96px;
		}

		:is(.single-eiendom, .page-id-329) .block-employee .info {
			padding: 2px 0 2px 16px;
		}
	}

	/* Bildekarusellene (bildegalleriet på eiendomssidene og eiendomssliderne som «Andre
	   eiendommer»): 10px mellom bildene på mobil, samme som sidemargen (temaet har 20px).
	   Karusellen (Splide) leser mellomrommet fra CSS, så plasseringen følger med. */
	:is(.block-gallery-slider, .block-posts-slider) .splide__slide {
		margin-right: 10px !important;
	}

	/* Eiendomssliderne («Andre eiendommer» osv.): adresse og totalareal på samme linje under
	   bildet, med totalareal til høyre. Adressen tar plassen som er igjen og brytes bare
	   hvis den er svært lang. */
	.block-posts-slider .info_grid {
		flex-wrap: nowrap;
	}

	.block-posts-slider .info_grid .adr {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
	}

	.block-posts-slider .info_grid .ledig {
		flex: 0 0 auto;
		width: auto;
	}

	/* Eiendommer, vanlig kortvisning på mobil: alle bildene er kvadratiske (1:1), så man
	   slipper å scrolle like mye. De stående bildene (4:5) er 20 % lavere enn før, og det
	   liggende bildet til den fremhevede eiendommen øverst får samme størrelse som de andre.
	   Bildene beskjæres fra midten. Ren CSS, påvirker ikke filtreringen. */
	main:not(:has(.listevisning__input:checked)) .posts-grid-filter__post .posts-grid-filter__thumb img {
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}

	/* Eiendommer, listevisning på mobil: etikettboksene skjules, og kvadratmeterne står
	   på samme linje som adressen, helt til høyre. Lange adresser brytes, arealet blir
	   stående på første linje. */
	main:has(.listevisning__input:checked) .posts-grid-filter__thumb .top_line {
		display: none;
	}

	/* Optisk midtstilt: bokstavene (versalhøyden) står midt mellom skillelinjene.
	   Luften i toppen er derfor litt større enn i bunnen (16px / 13px). */
	main:has(.listevisning__input:checked) .posts-grid-filter__post-link {
		align-items: baseline;
		padding: 16px 0 13px;
	}

	main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .adr {
		grid-column: 1;
		grid-row: 1;
	}

	main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .ledig {
		grid-column: 2;
		grid-row: 1;
		text-align: right;
		white-space: nowrap;
	}

	/* Eiendomssidene: hero-bildet i stående format (4:5) på mobil, som eiendomskortene.
	   Resten av hero-oppsettet ligger i seksjonen «Eiendomssidene: hero» nederst i filen. */
	.eiendom-intro .featured-image {
		aspect-ratio: 4 / 5;
	}

	/* Bildekarusellen på eiendomssidene: bildetelleren («1 / 6») 10px fra kantene.
	   Under 600px står den øverst til høyre, fra 600px nederst til høyre (temaets oppsett). */
	.block-gallery-slider .info_bar {
		bottom: 10px;
		left: 10px;
		right: 10px;
	}

	@media (max-width: 599.98px) {
		.block-gallery-slider .info_bar {
			top: 10px;
		}
	}

	/* Eiendommer: lik luft under overskriften «Eiendomsoversikt» som over den
	   (105px, målt fra logoen i headeren til overskriften). Overskriften etterfølges
	   av Listevisning-knappen, eller direkte av oversikten om knappen fjernes. */
	.wp-block-heading:is(:has(+ .listevisning), :has(+ .block-posts-grid-filter)) {
		margin-bottom: 105px !important;
	}

	/* ---------- Eiendommer: knapperad med Søk, Listevisning og antall ---------- */
	/* Raden er en «Egendefinert HTML»-blokk på Eiendommer-siden. Et lite skript i blokken
	   flytter raden inn under filterknappene og søkefeltet inn i raden, legger søkeikonet i
	   Søk-knappen, åpner og lukker søket og teller eiendommene som vises. Listevisningen i seg selv er ren
	   CSS (avkrysningsboksen #listevisning). */

	/* Samme oppførsel som filterknappene: én linje, horisontal scroll ut til skjermkanten */
	/* -10px i toppen: 10px ned fra filterknappene i stedet for 20px */
	.listevisning {
		flex: 0 0 calc(100% + 20px);
		display: flex;
		flex-wrap: nowrap;
		gap: 5px;
		overflow-x: auto;
		margin: -10px -10px 0 !important;
		padding: 0 10px;
		scrollbar-width: none;
	}

	.listevisning::-webkit-scrollbar {
		display: none;
	}

	/* Søkeikonet starter på samme venstrekant som «Alle eiendommer» over */
	.listevisning__sok {
		padding-left: 0;
		border-left-width: 0;
	}

	/* Søk som på riksscena.no: søkefeltet ligger skjult i knapperaden. Trykker man på Søk,
	   blir hele raden et søkefelt med understrek, og Søk-knappen blir til «Lukk». */
	.listevisning .posts-grid-filter__search {
		display: none;
	}

	.listevisning.sok-aapen .posts-grid-filter__search {
		display: flex;
		flex: 1 1 auto;
		min-width: 0;
		height: 45px;
		padding-left: 28px;
		border: 0;
		border-radius: 0;
	}

	/* Understreken går under hele raden, fra venstrekant til høyrekant av innholdet
	   (der bildene slutter), også under «Lukk». Tegnet som bakgrunn fordi raden går
	   helt ut til skjermkanten for scrollingens skyld. */
	.listevisning.sok-aapen {
		background: linear-gradient(#423c2f, #423c2f) 10px 100% / calc(100% - 20px) 1px no-repeat;
	}

	/* Søkeikonet i feltet får samme størrelse (20px) og avstand til teksten (8px) som i Søk-knappen */
	.listevisning.sok-aapen .posts-grid-filter__search svg {
		left: 0;
		width: 20px;
		height: 20px;
	}

	.listevisning.sok-aapen :is(.listevisning__label, .listevisning__antall) {
		display: none;
	}

	.listevisning.sok-aapen .listevisning__sok {
		order: 2;
		gap: 0;
		padding: 0 0 0 15px;
		font-size: 0;
	}

	.listevisning.sok-aapen .listevisning__sok svg {
		display: none;
	}

	.listevisning.sok-aapen .listevisning__sok::after {
		content: "Lukk";
		font-size: 16px;
	}

	/* Mindre luft ned til footeren i listevisning: 60px (oversikten har 120px ellers) */
	main:has(.listevisning__input:checked) .block-posts-grid-filter {
		margin-bottom: 60px !important;
	}

	/* Eiendommer: den sentrerte teksten midt i eiendomsoversikten («Eiendom handler først og
	   fremst om mennesker …») får samme innstillinger som den sentrerte teksten på forsiden */
	.block-posts-grid-filter .posts-grid-filter__cta {
		margin-top: 50px; /* lik luft over og under: 100px mot eiendomskortene på begge sider */
		margin-bottom: 50px;
	}

	.block-posts-grid-filter .posts-grid-filter__cta p {
		padding-inline: 20px;
		font-size: 26px;
		line-height: 1.3;
	}

	/* Eiendommer: søkefeltet får samme tekststørrelse og vekt som filterknappene */
	.block-posts-grid-filter .posts-grid-filter__search input {
		font-size: 16px;
		font-weight: 400;
	}

	/* Eiendommer: filterknappene på én linje med horisontal scroll.
	   Scrollfeltet går helt ut til skjermkanten, knappene starter på linje med innholdet. */
	.block-posts-grid-filter .posts-grid-filter__filters {
		flex: 0 0 calc(100% + 20px);
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		margin-inline: -10px;
		padding-inline: 10px;
		scrollbar-width: none;
	}

	.block-posts-grid-filter .posts-grid-filter__filters::-webkit-scrollbar {
		display: none;
	}

	.block-posts-grid-filter .posts-grid-filter__filter {
		flex-shrink: 0;
		white-space: nowrap;
	}

	/* Om oss: fast 60px mellom et tekstfelt og en bildeblokk som følger rett etter
	   (1986-bildet og Ledige lokaler). Bygget på blokktyper, ikke rekkefølge,
	   og begge marger settes, så avstanden holder seg om innholdet endres i WP. */
	:is(.page-id-62, [page-id-62]) .wp-block-columns:has(+ :is(.block-intro.is-style-date, .block-building-featured)) {
		margin-bottom: 60px !important;
	}

	:is(.page-id-62, [page-id-62]) .wp-block-columns + :is(.block-intro.is-style-date, .block-building-featured) {
		margin-top: 60px !important;
	}

	/* Om oss: «1986» over bildet blåses opp og skalerer med skjermbredden
	   (ca. 60px → 125px på en vanlig mobil). [page-id-62] er midlertidig, se over. */
	:is(.page-id-62, [page-id-62]) .block-intro.is-style-date h1 {
		font-size: clamp(96px, 32vw, 192px);
	}

	/* Forsiden: den sentrerte teksten «Med over 77 eiendommer …» i den brune seksjonen.
	   Smalnet inn med 20px ekstra på hver side, og 26px skrift (var 30px) med samme
	   forhold i linjehøyden (1.3). */
	.has-primary-background-color h2.wp-block-heading.has-text-align-center.slide-up-lines {
		padding-inline: 20px;
		font-size: 26px;
		line-height: 1.3;
	}

	/* Forsiden: overskriftene i Hellebæk Torg og «Eiendomsforvaltning og utvikling siden 1986»
	   får 26px (var 30px), samme forhold i linjehøyden (1.125) */
	.block-media-text h2 {
		font-size: 26px;
		line-height: 1.125;
	}

	/* Forsiden: 10px luft fra Storgata 7-bildet ned til den brune bakgrunnen, like mye som
	   bildet har til sidene. Begge marger settes så avstanden holder seg. */
	.block-building-featured:has(+ .wp-block-group.has-primary-background-color) {
		margin-bottom: 10px !important;
	}

	/* Forsiden, brun seksjon: 60px over «Ledige lokaler» (var 115px)
	   og 60px under «Se prosjekt» (var 90px) */
	.block-building-featured + .wp-block-group.has-primary-background-color {
		margin-top: 10px !important;
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	/* Forsiden: 10px luft fra den brune seksjonen ned til bildet for «Eiendomsforvaltning og
	   utvikling siden 1986», likt med luften under Storgata 7-bildet */
	.block-building-featured + .wp-block-group.has-primary-background-color {
		margin-bottom: 10px !important;
	}

	.block-building-featured + .wp-block-group.has-primary-background-color + .block-media-text {
		margin-top: 10px !important;
	}

	.block-building-featured + .wp-block-group.has-primary-background-color > .block-posts-slider:first-child h2 {
		margin-top: 0;
	}

	/* Sidetitler (h1) i toppseksjonene: 38px (temaet har 34px). Linjehøyden er relativ
	   og skalerer med. Gjelder ikke årstall-/sitatblokken (is-style-date), som har egne regler. */
	main h1:not(.is-style-date h1) {
		font-size: 38px;
	}

	/* ---------- Knapper (alle sider, ikke Kontakt i mobilmenyen) ---------- */
	/* 15px skrift og vekt 400. Luften: 3px mindre på sidene og 1px mindre i topp og bunn
	   enn temaets mål. */
	main .wp-block-button__link {
		font-size: 15px;
		font-weight: 400;
	}

	/* Knapper med ramme: temaet har 0.667em / 1.33em (10.7px / 21.3px) */
	main .wp-block-button.is-style-outline .wp-block-button__link {
		padding: calc(0.667rem - 1px) calc(1.33rem - 3px);
	}

	/* Knappene i Storgata 7-blokken: temaet har 19px på sidene, minus 3px */
	main .block-building-featured .title .wp-block-button a {
		padding-left: 16px;
		padding-right: 16px;
	}

	/* Fylte knapper med luft satt i editoren (15px / 25px) */
	main .wp-block-button__link[style*="padding-top:15px"] {
		padding: 14px 22px !important;
	}

	/* ---------- Mobilmenyen og kontaktpanelet ---------- */
	/* Én kolonne: hovedlenker, Kontakt, smålenker og sosiale medier i én samlet flyt.
	   Ekstralenkene ligger i WP-menyen «Header» med klassene mobilmeny-ekstra og mobilmeny-some.
	   «body» foran gir nok vekt til å slå temaets header-stiler, som lastes etter style.css. */

	/* Menyen fyller den synlige delen av skjermen (100dvh). Med 100vh regner Safari med
	   høyden uten adressefeltet, så bunnen av menyen havnet bak adressefeltet. 50px luft
	   nederst, pluss iPhonens hjemlinje. */
	body .header .nav-wrap {
		height: 100vh; /* reserve for eldre nettlesere */
		height: 100dvh;
		overflow-y: auto; /* scroll hvis det senere kommer flere lenker enn det er plass til */
		padding-bottom: calc(50px + env(safe-area-inset-bottom, 0px));
	}

	/* Menyens lenker blir egne elementer i panelet, så Kontakt kan legges mellom dem */
	body .header .nav-wrap > nav,
	body .header .nav-wrap .menu {
		display: contents;
	}

	/* Menyen starter 32px under Lukk-knappen (var 100px), som på riksscena.no */
	body .header .nav-wrap button.menu-toggle {
		order: -1;
		margin-bottom: 32px;
	}

	/* Hovedlenkene: 34px med samme linjeavstand som i footeren */
	body .header .nav-wrap .menu a {
		font-size: 34px;
		line-height: 1.3;
	}

	/* Kontakt som femte hovedlenke, rett under Tjenester: samme utseende som de andre
	   store lenkene (SeasonSerif 34px), i stedet for en egen knapp med ramme */
	body .header .nav-wrap button.offscreen-kontakt-toggle {
		order: 1;
		align-self: flex-start;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: none;
		color: var(--wp--preset--color--secondary);
		font-family: var(--wp--preset--font-family--secondary);
		font-size: 34px;
		font-weight: 400;
		line-height: 1.3;
		letter-spacing: normal;
		text-align: left;
		cursor: pointer;
	}

	/* Smålenkene og sosiale medier står alltid nederst i menyen. margin-top: auto på den
	   første smålenken (Personvern) skyver dem ned i bunnen, mens hovedlenkene blir stående
	   øverst. På lave skjermer, der det ikke er ledig plass, sikrer padding-top minst 40px
	   luft under Kontakt, og menyen kan scrolles. */
	body .header .nav-wrap .mobilmeny-ekstra {
		order: 2;
	}

	body .header .nav-wrap .menu-item:not(.mobilmeny-ekstra) + .mobilmeny-ekstra {
		margin-top: auto;
		padding-top: 40px;
	}

	body .header .nav-wrap .mobilmeny-ekstra,
	body .header .nav-wrap .mobilmeny-ekstra a {
		font-family: var(--wp--preset--font-family--main-font);
		font-size: 16px;
		line-height: 1.6;
	}

	/* Sosiale medier: 24px under smålenkene, versaler */
	body .header .nav-wrap .mobilmeny-some {
		order: 3;
	}

	body .header .nav-wrap .mobilmeny-ekstra:not(.mobilmeny-some) + .mobilmeny-some {
		margin-top: 24px;
	}

	/* Facebook og LinkedIn på samme linje: LinkedIn løftes opp én linje (-1lh) og legges
	   24px etter Facebook (FACEBOOK er 70px bred i 13px versaler) */
	body .header .nav-wrap .mobilmeny-some + .mobilmeny-some {
		margin-top: -1lh;
		margin-left: 94px;
	}

	body .header .nav-wrap .mobilmeny-some,
	body .header .nav-wrap .mobilmeny-some a {
		font-size: 13px;
		line-height: 1.4;
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	/* Kontaktpanelet: e-post og telefon øverst med samme linjehøyde som hovedlenkene i menyen (1.3) */
	body .offscreen-kontakt .offscreen-kontakt-content > p:first-child,
	body .offscreen-kontakt .offscreen-kontakt-content > p:first-child a {
		line-height: 1.3;
	}

	/* Kontaktpanelet: linjen under e-post og telefon litt nærmere teksten på mobil
	   (2px luft og tettere linjehøyde, mot 6px på desktop) */
	body .offscreen-kontakt .offscreen-kontakt-content > p:first-child a {
		padding-bottom: 2px;
		line-height: 1.1;
	}

	/* Kontaktpanelet: samme sidemarg som menyen (1rem) og innhold på samme høyde (102px fra toppen) */
	body .offscreen-kontakt {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	body .offscreen-kontakt .offscreen-kontakt-close {
		margin-bottom: 32px;
	}

	body .offscreen-kontakt .offscreen-kontakt-content {
		margin-top: 0;
	}

	/* Boligsameier: navnet på hvert sameie i overskriftsfonten (22px), som eiendomsnavnene i
	   listevisningen på Eiendommer. Adresse og antall beholder dagens størrelse. */
	.block-owners .row {
		padding-block: 16px;
	}

	.block-owners .row .c1 {
		font-family: var(--wp--preset--font-family--secondary);
		font-weight: 400;
		font-size: 22px;
		line-height: 1.15;
	}

	.block-owners .row .c2 {
		margin-top: 4px;
	}

	/* ---------- Footer (alle sider) ---------- */

	/* Luft i toppen og bunnen av footeren (temaet har 50px begge steder). Toppen gir plass
	   til PK-logoen, som er flyttet opp over hovedlenkene (se copyright-linjen under):
	   40px over logoen, logoen (14px) og 40px ned til lenkene. */
	/* Footeren fyller hele skjermen (100dvh = den synlige høyden, også i Safari). Lenkene
	   står øverst, adresse og kontaktinfo samlet nederst (margin-top: auto, samme grep som
	   smålenkene i mobilmenyen). */
	.footer {
		position: relative;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		min-height: 100vh; /* reserve for eldre nettlesere */
		min-height: 100dvh;
		padding-top: 94px;
		padding-bottom: calc(25px + env(safe-area-inset-bottom, 0px));
	}

	/* Hovedlenkene (Eiendommer, Om oss …) litt tettere enn temaets standard */
	.footer ul#footer-primary-menu {
		gap: 0;
		line-height: 1.3;
	}

	/* 48px fra hovedlenkene ned til kontaktinfo */
	.footer .wrap1 {
		margin-bottom: 48px;
	}

	/* PK-selskapene skjules på mobil for å korte ned footeren */
	.footer .footer-nav--brands {
		display: none;
	}

	/* Dokumentlenker og sosiale medier skjules på mobil, de ligger i mobilmenyen */
	.footer .footer-nav--secondary {
		display: none;
	}

	/* Kontaktinfo i én kolonne: e-post og telefon 16px under adressen. Samme linjehøyde
	   som smålenkene i mobilmenyen (1.6) */
	.footer .wrap2 .contact p {
		margin: 0;
		line-height: 1.6;
	}

	.footer .wrap2 .contact p + p {
		margin: 16px 0 0;
	}


	/* E-post og telefon: tynn understrek med litt luft under bokstavene */
	.footer .wrap2 .contact a {
		text-decoration: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 3px;
	}

	/* Bunnblokken: Miljøfyrtårn-logoen, adresse og e-post/telefon skyves ned i bunnen.
	   Logoen står rett over adressen («PK Eiendom AS»), 24px imellom. Copyright-linjen
	   følger rett under e-post/telefon, uten ekstra luft, som linjene i adressen. */
	.footer .wrap2 {
		row-gap: 24px;
		margin-top: auto;
		margin-bottom: 0;
	}

	.footer .wrap2 > .logo {
		order: -1;
	}

	/* Copyright-linjen: © PK Eiendom og Nettsider av Oh My under hverandre i bunnen,
	   venstrejustert og i samme lyse farge som de øvrige lenkene i footeren */
	.footer .copyright {
		position: static; /* så logoen under plasseres ut fra footeren, ikke copyright-linjen */
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
		margin-top: 24px; /* eget lite mellomrom fra kontaktinfoen over */
	}

	/* 15px, litt mindre enn adressen og kontaktinfoen over (16px), uten versaler */
	.footer .copyright :is(.year, .author, .author a) {
		color: var(--wp--preset--color--secondary);
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: normal;
		text-transform: none;
	}

	.footer .copyright .author a {
		text-decoration: none;
	}

	/* PK-logoen flyttet fra bunnen opp i toppen av footeren, over hovedlenkene,
	   på samme venstrekant som lenkene */
	.footer .copyright > .logo {
		position: absolute;
		top: 40px;
		left: var(--wp--style--root--padding-left, 10px);
		margin: 0;
	}

	/* Samme størrelse som logoen i toppmenyen på mobil (131 × 14px) */
	.footer .copyright > .logo img {
		display: block;
		width: 131px;
		height: auto;
	}

}

/* ==========================================================
   Desktop og nettbrett (768px og opp)
   ========================================================== */

@media (min-width: 768px) {

	/* Forsiden, brun seksjon med «Ledige lokaler»: 170px fra toppen av den brune flaten til
	   toppen av bokstavene i overskriften, og 50px fra bunnen av «g» til bildene under.
	   Overskriften trekkes opp med luften over bokstavene i linjen (0,18em), så målet
	   treffer selve bokstavene i alle skjermbredder. !important fordi luften er satt
	   direkte på blokken i editoren. */
	.home .wp-block-group.has-primary-background-color:has(.layout-ledigelokaler) {
		padding-top: 170px !important;
	}

	.home .block-posts-slider:has(.layout-ledigelokaler) > h2 {
		margin-top: -0.18em;
		margin-bottom: 50px;
	}

	/* Eiendommer: sitatet midt i oversikten («Eiendom handler først og fremst om mennesker …»)
	   får dobbel luft over og under (200px mot eiendommene, var 100px), står midtstilt som på
	   mobil, og har samme størrelse og linjehøyde som teksten «Med over 77 eiendommer …» på
	   forsiden (34px / 1.3; var 34px / 1.0). */
	.block-posts-grid-filter .posts-grid-filter__cta {
		padding-block: 100px;
	}

	.block-posts-grid-filter .posts-grid-filter__cta p {
		margin-inline: auto;
		text-align: center;
		line-height: 1.3;
	}

	/* Eiendommer: de store, midtstilte bildene i oversikten er 20 % mindre: maks 52 % av
	   bredden og maks 712px (temaet har 65 % og 890px). Luften mellom eiendommene er
	   uendret. Gjelder ikke listevisningen. */
	main:not(:has(.listevisning__input:checked)) .block-posts-grid-filter .posts-grid-filter__post.big {
		max-width: min(52%, 712px);
	}

	/* Kontaktpanelet: halvparten så mye luft fra bunnen av kontaktskjemaet til «Finn en
	   ansatt» og de andre punktene (75px, var 150px) */
	.offscreen-kontakt .wpcf7-form {
		margin-bottom: 75px;
	}

	/* Eiendommer, listevisning: ett felles bilde følger musepekeren over listen (som
	   «Disciplines» på snohetta.com). Skriptet i footer.php lager bildet (.pk-hoverbilde),
	   flytter det mykt etter pekeren og bytter motiv når pekeren går til en ny rad. Det
	   stående bildet fra kortvisningen brukes; den fremhevede eiendommen har et liggende
	   bilde. Bildet tones bare inn og ut når pekeren kommer inn i eller forlater listen. */
	main:has(.listevisning__input:checked) .posts-grid-filter__grid {
		position: relative;
	}

	.pk-hoverbilde {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20;
		width: clamp(140px, 9vw, 240px); /* skalerer med skjermen: 140px → 240px */
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.3s ease;
		will-change: transform, opacity;
	}

	.pk-hoverbilde.er-synlig {
		opacity: 1;
	}

	.pk-hoverbilde img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 5px;
	}

	main:not(:has(.listevisning__input:checked)) .pk-hoverbilde {
		display: none;
	}

	/* Ekstralenkene i hovedmenyen vises kun i mobilmenyen */
	.header .menu-item.mobilmeny-ekstra {
		display: none;
	}

	/* Copyright-linjen på desktop: samme lyse farge, størrelse og vekt som Personvern,
	   Åpenhetsloven osv. over (16px / 28px, Regular), og vanlige bokstaver (ikke versaler) */
	.footer .copyright :is(.year, .author, .author a) {
		color: var(--wp--preset--color--secondary);
		font-size: 16px;
		font-weight: 400;
		line-height: 28px;
		text-transform: none;
	}

	/* Eiendomssidene: hero-bildet i liggende format på desktop (stående på mobil) */
	.eiendom-intro .featured-image {
		aspect-ratio: 16 / 9;
	}

	/* ---------- Eiendomssidene: kontaktpersonen følger med ved scroll ---------- */
	/* Kontaktpersonen har samme oppsett som de ansatte under «Finn en ansatt» i
	   kontaktpanelet, skalert ned 25 %: bilde 166 × 166px til venstre (245px i panelet),
	   tekstkolonne 233px med 34px luft imellom, og avstandene i samme forhold.
	   Skriftstørrelsene er de samme som i panelet. Fargene er tilpasset den lyse
	   siden (navn og lenker i sort, tittel og ledetekster i grått). Tekstdelen har sidens
	   lyse bakgrunn (#FFFDF1) fra bildets høyrekant og utover, så teksten er lesbar når
	   kortet ligger over annet innhold. Bildet har ingen bakgrunn bak seg.
	   Kortet starter i høyrekolonnen, på linje med toppen av ingressen, og følger med
	   nedover til teksten slutter (se regelen under). */
	/* Kontaktkortet følger med nedover som på cure.no: det er «sticky» i høyrekolonnen,
	   145px fra toppen av skjermen (75px under Kontakt-knappen i headeren), og stopper når
	   bunnen av kortet når bunnen av tekstkolonnen, altså på linje med siste tekstlinje før
	   bildegalleriet. Ren CSS, uten skript.
	   Høyrekanten står ytterst i høyrekolonnen, på linje med høyrekanten av «Ledige
	   lokaler»-bildet lenger ned (temaets innholdsbredde, maks 1505px midtstilt). */
	.single-eiendom .block-employee {
		position: sticky;
		top: 145px;
		z-index: 9000;
		float: none;
		width: max-content;
		max-width: none;
		margin-left: auto;
		margin-right: 0;
	}

	:is(.single-eiendom, .page-id-329) .block-employee > h3 {
		display: none;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .item {
		display: grid;
		grid-template-columns: 166px auto;
		gap: 0;
		margin: 0;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .thumb {
		width: 166px;
		height: 166px;
		margin: 0;
	}

	/* Bildet og tekstdelen danner ett kort: avrundede hjørner bare på ytterkantene */
	:is(.single-eiendom, .page-id-329) .block-employee .thumb img {
		width: 166px;
		height: 166px;
		object-fit: cover;
		border-radius: 5px 0 0 5px;
	}

	/* Tekstdelen: lys bakgrunn kant i kant med bildet, 34px luft før teksten. Navnet står
	   19px fra toppen, og mobil/e-post samlet nederst, 19px fra bunnen. */
	:is(.single-eiendom, .page-id-329) .block-employee .info {
		display: flex;
		flex-direction: column;
		width: 233px;
		padding: 19px 0 19px 34px;
		box-sizing: content-box;
		border-radius: 0 5px 5px 0;
		background: #fffdf1;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .head {
		display: block;
		margin: 0 0 auto;
	}

	/* Navnet i samme størrelse som tittelen og kontaktinfoen under (16px), så all tekst i
	   kortet har samme størrelse */
	:is(.single-eiendom, .page-id-329) .block-employee .name {
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #000;
	}

	/* Tittelen tett under navnet (linjehøyde 22px, var 28px). Som blokk, så den ikke får
	   ekstra luft fra linjen den ellers står i. */
	:is(.single-eiendom, .page-id-329) .block-employee .position {
		display: block;
		margin: 0 0 9px;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		color: #949494;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .info p {
		margin: 0;
		font-size: 16px;
		line-height: 22px;
	}

	:is(.single-eiendom, .page-id-329) .block-employee .info .lab {
		font-weight: 400;
		color: #949494;
	}

	/* Telefon og e-post: linjen under er laget som en ramme med 4px luft under teksten (som
	   lenkene ved adressen på promenaden.no), i stedet for nettleserens standard understrek
	   som ligger tett på bokstavene. Samme farge som teksten, også ved hover. */
	:is(.single-eiendom, .page-id-329) .block-employee .info a {
		display: inline-block;
		padding-bottom: 4px;
		border-bottom: 1px solid currentColor;
		color: #000;
		line-height: 16px;
		text-decoration: none;
	}

	/* All tekst i kortet i vanlig vekt (Regular 400), ingen medium eller fet */
	:is(.single-eiendom, .page-id-329) .block-employee :is(.name, .position, .info, .info p, .info .lab, .info a, strong, b) {
		font-weight: 400;
	}

	/* Eiendommer: Listevisning og antall står mellom filterknappene og søkefeltet, på samme
	   linje. Raden gjøres «usynlig» (display: contents) så knappene og søkefeltet blir
	   elementer i temaets verktøylinje. Søk-knappen brukes bare på mobil. */
	.listevisning {
		display: contents;
	}

	.listevisning__sok {
		display: none;
	}

	/* Samme høyde og skriftstørrelse som filterknappene på desktop (54px, 18px) */
	.listevisning__knapp {
		height: 54px;
		font-size: 18px;
	}

	.listevisning__label--bilde {
		margin-left: auto;
	}

	/* Mindre desktop-skjermer (under 1600px): bare ikonene for Bildevisning og Listevisning,
	   så filtre, visningsvalg, antall og søk får plass på én linje. Navnet vises som hint
	   ved hover (title) og leses fortsatt opp av skjermlesere. */
	@media (max-width: 1599.98px) {
		.listevisning__label {
			gap: 0;
			font-size: 0;
			align-items: center;
		}

		/* Samme størrelse som versalene i 18px tekst (13px) */
		.listevisning__knapp .listevisning__ikon {
			width: 13px;
			height: 13px;
		}

		/* Søkefeltet kan krympe fra 360px ned til 240px når plassen er knapp */
		.listevisning .posts-grid-filter__search.posts-grid-filter__search {
			flex: 1 1 240px;
			min-width: 240px;
			max-width: 360px;
		}
	}

	/* Søkefeltet litt smalere (360px mot 470px) så alt får plass på én linje */
	.listevisning .posts-grid-filter__search {
		flex: 0 1 360px;
		width: auto;
		min-width: 280px;
		margin-left: 0;
	}

	/* Listevisningen på desktop: navn og areal på én linje til venstre, etiketter til høyre.
	   Luften i raden gir plass til den brune hover-flaten rundt innholdet. */
	main:has(.listevisning__input:checked) .posts-grid-filter__post-link {
		grid-template-columns: 1fr auto;
		grid-template-rows: auto;
		column-gap: 20px;
		align-items: center;
		padding: 24px 20px;
	}


	/* Navn og areal i stor overskriftsfont */
	/* Navn og areal i to faste kolonner, så arealet starter på samme sted i alle rader.
	   Navnekolonnen er 420px, plass til den lengste adressen («Hedenstadveien 328 – 346»,
	   ca. 400px). Blir en adresse lengre, brytes den innenfor kolonnen. */
	main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid {
		grid-column: 1;
		grid-row: 1;
		display: grid;
		grid-template-columns: min(420px, 50%) auto;
		align-items: baseline;
		gap: 0 20px;
		padding: 0;
		position: relative;
		top: -3px; /* optisk midtstilling: store bokstaver står midt i raden, på linje med etikettene */
	}

	main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid :is(.adr, .ledig) {
		grid-column: auto;
		grid-row: 1;
	}

	main:has(.listevisning__input:checked) .posts-grid-filter__post .info_grid .val {
		font-size: 34px;
		line-height: 1.1;
	}

	main:has(.listevisning__input:checked) .posts-grid-filter__thumb .top_line {
		grid-column: 2;
		grid-row: 1;
		align-self: center;
		justify-content: flex-end;
		padding: 0;
	}

	/* Boligsameier: navnet i overskriftsfonten (34px), som eiendomsnavnene i listevisningen.
	   Adresse og antall beholder dagens størrelse og står i faste kolonner som før. */
	.block-owners .row {
		align-items: baseline;
		padding-block: 24px;
	}

	.block-owners .row .c1 {
		font-family: var(--wp--preset--font-family--secondary);
		font-weight: 400;
		font-size: 34px;
		line-height: 1.1;
	}

	/* Etikettene i listevisningen med samme luft som i den vanlige visningen på desktop */
	main:has(.listevisning__input:checked) .posts-grid-filter__thumb .top_line .label {
		padding: 10px 12px;
	}

	/* Hover i listevisningen: raden får en svært svak, varm grå bakgrunn (#F3F1E5). Samme
	   forhold som radene under «Disciplines» på snohetta.com (der #F3F3F3 mot hvitt), men
	   regnet ut fra vår kremfarge (#FFFDF1), så tonen passer siden. Tekst og etiketter
	   beholder fargene sine. Bare på enheter med mus. (Mørk modus har sin egen variant.) */
	@media (hover: hover) {
		main:has(.listevisning__input:checked) .posts-grid-filter__post {
			transition: background-color 0.2s ease-out !important;
		}

		main:has(.listevisning__input:checked) .posts-grid-filter__post:hover {
			background-color: #f3f1e5;
		}
	}
}

/* ==========================================================
   Alle skjermstørrelser (mobil og desktop)
   ========================================================== */

/* Etiketter over bilder: «frostet glass» med samme uskarphet som tekstboksene
   over bildene på lyngvarlodges.com (15px), pluss en mørk tone (30 %, samme som temaet)
   som sikrer kontrasten over lyse partier i bildene. */
:is(.top_line, .bottom_line, .labels, .info_bar) .label {
	background-color: rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
}

/* ----------------------------------------------------------
   Eiendomssidene: hero (mobil og desktop)
   Tittelen midtstilt over bildet, på lys bakgrunn i mørk skrift. Bildet
   under med luft på sidene og avrundede hjørner (som «Ledige lokaler»-bildet), med
   etikettene nede til venstre. Avstander skaleres med clamp() fra mobil (ca. 390px)
   til desktop (ca. 1400px). Bildeformatet (stående / liggende) styres i mobil- og
   desktopblokkene. Hero-blokken gjøres til et rutenett: tittel i rad 1, bilde og
   etiketter oppå hverandre i rad 3.
   ---------------------------------------------------------- */

/* Headeren får mørk logo og meny (samme som «dark»-varianten), siden toppen er lys */
.single-eiendom .header.light {
	--color: #000;
}

.single-eiendom .header.light .logo {
	filter: brightness(0);
}

/* Den mørke toningen øverst (for lys header over bilde) trengs ikke */
.single-eiendom .header-gradient::after {
	content: none;
}

.eiendom-intro {
	display: grid !important;
	grid-template-columns: 100%;
	height: auto !important;
	min-height: 0 !important;
}

.eiendom-intro .line {
	display: contents;
}

/* Tittelen: 200px fra toppen på mobil → 240px på desktop.
   Samme linjehøyde som hero-overskriftene ellers (1.11). */
.eiendom-intro .line h1 {
	grid-row: 1;
	grid-column: 1;
	justify-self: center;
	margin: 0;
	padding: clamp(200px, 3.96vw + 185px, 240px) clamp(10px, 4vw - 6px, 50px) 0;
	text-align: center;
	line-height: 1.11;
	color: #000;
}

/* Bildet: like langt under tittelen som før koordinatene ble fjernet (60px → 80px pluss
   plassen koordinatlinjen tok: 46px på mobil, 45px på desktop), 10px → 50px fra sidene
   (som «Ledige lokaler»), 5px avrundede hjørner */
.eiendom-intro .featured-image {
	grid-row: 3;
	grid-column: 1;
	position: relative !important;
	inset: auto !important;
	z-index: 1;
	width: auto;
	height: auto !important;
	margin: calc(clamp(60px, 1.98vw + 52px, 80px) + 46px) clamp(10px, 4vw - 6px, 50px) 0;
	border-radius: 5px;
	overflow: hidden;
}

@media (min-width: 768px) {
	.eiendom-intro .featured-image {
		margin-top: calc(clamp(60px, 1.98vw + 52px, 80px) + 45px);
	}
}

.eiendom-intro .featured-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Etikettene nede til venstre i bildet, 10px → 20px fra bildets kanter */
.eiendom-intro .labels {
	grid-row: 3;
	grid-column: 1;
	align-self: end;
	justify-self: start;
	justify-content: flex-start;
	position: relative;
	z-index: 2;
	max-width: calc(100% - 2 * (clamp(10px, 4vw - 6px, 50px) + clamp(10px, 0.99vw + 6px, 20px)));
	margin: 0 calc(clamp(10px, 4vw - 6px, 50px) + clamp(10px, 0.99vw + 6px, 20px)) clamp(10px, 0.99vw + 6px, 20px);
}

/* ----------------------------------------------------------
   Om oss og Tjenester: teksten over det store bildet
   Alle størrelser skaleres med clamp() mellom mobil (ca. 390px) og desktop (ca. 1400px),
   så det tilpasser seg alle skjermbredder uten egne breakpoints.
   ---------------------------------------------------------- */

/* Teksten midtstilt i bredde og høyde, med lik luft på alle sider av bildefeltet
   (20px på mobil → 66px på desktop) */
:is(.page-id-62, .page-id-66) .wp-block-cover.has-custom-content-position {
	align-items: center !important;
	justify-content: center !important;
	padding: clamp(20px, 5vw, 66px) !important;
}

:is(.page-id-62, .page-id-66) .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

/* 30px på mobil → 68px på desktop, linjehøyde 76/68. Samme lyse farge (#F8FAE9) og
   bokstavavstand som «1986» og «Vi skaper varige verdier». */
:is(.page-id-62, .page-id-66) .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container p {
	max-width: none !important;
	font-size: clamp(30px, 3.8vw + 15px, 68px) !important;
	line-height: 1.12 !important;
	letter-spacing: -0.1px;
	text-align: center !important;
	color: var(--wp--preset--color--secondary);
}

/* Tjenester: bildet er lyst og urolig bak teksten. Et helt svakt «frostet» felt bak teksten
   gjør de skarpeste detaljene litt uskarpe og demper lyset en anelse, og tones helt ut mot
   kantene så det ikke blir en synlig boks. Feltet følger teksten når den glir på scroll. */
.page-id-66 .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container p {
	position: relative;
	isolation: isolate;
}

.page-id-66 .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container p::before {
	content: "";
	position: absolute;
	inset: calc(-1 * clamp(30px, 5vw, 70px)) calc(-1 * clamp(40px, 10vw, 140px));
	z-index: -1;
	background: rgba(0, 0, 0, 0.08);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	-webkit-mask-image: radial-gradient(closest-side, #000 20%, transparent 100%);
	mask-image: radial-gradient(closest-side, #000 20%, transparent 100%);
	pointer-events: none;
}

/* Scrolleffekt (inspirert av lyngvarlodges.com):
   - bildefeltet starter litt innrammet, på linje med teksten over og under bildet
     (10px inn på mobil → 50px på desktop), og vokser rolig ut til full størrelse,
   - bildet zoomer rolig ut,
   - teksten glir subtilt nedover mens man scroller forbi (±24px på mobil → ±80px på desktop).
   Ren CSS (scroll-drevne animasjoner). Nettlesere uten støtte, og brukere som har slått av
   animasjoner, ser bildet og teksten midtstilt og i ro. */
@media (prefers-reduced-motion: no-preference) {
	@supports (animation-timeline: view()) {
		:is(.page-id-62, .page-id-66) .wp-block-cover.has-custom-content-position {
			view-timeline: --pk-bilde block;
			animation: pk-bilde-ut linear both;
			animation-timeline: view();
			animation-range: entry 0% cover 65%;
		}

		:is(.page-id-62, .page-id-66) .wp-block-cover.has-custom-content-position .wp-block-cover__image-background {
			animation: pk-bilde-zoom linear both;
			animation-timeline: view();
			animation-range: entry 0% exit 100%;
		}

		:is(.page-id-62, .page-id-66) .wp-block-cover.has-custom-content-position .wp-block-cover__inner-container p {
			animation: pk-tekst-glid linear both;
			animation-timeline: --pk-bilde;
			animation-range: cover 0% cover 100%;
		}

		@keyframes pk-bilde-ut {
			from { clip-path: inset(clamp(10px, 3vw, 40px) clamp(10px, 4vw - 6px, 50px) round 8px); }
			to { clip-path: inset(0 round 0); }
		}

		@keyframes pk-bilde-zoom {
			from { transform: scale(1.15); }
			to { transform: scale(1); }
		}

		@keyframes pk-tekst-glid {
			0% { opacity: 0; transform: translateY(calc(-1 * clamp(24px, 6vw, 80px))); }
			20% { opacity: 1; }
			100% { opacity: 1; transform: translateY(clamp(24px, 6vw, 80px)); }
		}
	}
}

/* Eiendommer: filterknappene, Listevisning, antall eiendommer og søkefeltet i vanlig
   vekt (Regular 400) i stedet for Medium, på mobil og desktop */
body .block-posts-grid-filter .posts-grid-filter__filter,
body .block-posts-grid-filter .posts-grid-filter__search input,
body .block-posts-grid-filter .posts-grid-filter__search input::placeholder,
body .listevisning__knapp {
	font-weight: 400;
}

/* ==========================================================
   Hover på knapper (alle sider)
   Kun nettstedets egne farger: brun #2B200A (primary) og lys #F8FAE9 (secondary).
   ========================================================== */

/* Rammeknapper på brun bakgrunn eller over bilder («Se prosjekt» ved Hellebæk Torg,
   «Se eiendom», «Se våre ledige lokaler»): fylles med den lyse fargen og får brun tekst.
   Temaets hover gjorde dem brune, som ikke synes mot brun bakgrunn. */
body .has-primary-background-color .wp-block-button.is-style-outline .wp-block-button__link:is(:hover, :focus-visible),
body .block-building-featured .wp-block-button.is-style-outline .wp-block-button__link:is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--secondary);
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--primary);
}

/* Fylte knapper («Se våre boligsameier» på Tjenester) hadde ingen hover: de blir til
   rammeknapper med brun ramme og brun tekst, motsatt av rammeknappene */
body .wp-block-button:not(.is-style-outline) > .wp-block-button__link:is(:hover, :focus-visible) {
	background: transparent;
	color: var(--wp--preset--color--primary);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--primary); /* ramme uten å endre størrelsen */
}

/* Mørk modus: alle rammeknapper fylles lyst med brun tekst ved hover */
html.pk-mork body .wp-block-button.is-style-outline .wp-block-button__link:is(:hover, :focus-visible) {
	border-color: var(--wp--preset--color--secondary) !important;
	background: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--primary) !important;
}

/* Eiendomssidene, Om oss og Tjenester (mobil og desktop): mellomtitlene i brødteksten
   («Forvaltning», «Samarbeid og fleksibilitet» osv.) i samme størrelse og linjehøyde som
   brødteksten under (på desktop var de 16px mot 20px). Farge og vekt er uendret. */
:is(.single-eiendom, .page-id-62, .page-id-66) .is-style-sans-serif strong {
	font-size: inherit;
	line-height: inherit;
}

/* Boligsameier: kontaktkortet nederst har samme design som på eiendomssidene (bilde til
   venstre, 16px Regular, tynn linje under telefon og e-post), men står i den brune
   seksjonen: tekstdelen har derfor ingen egen bakgrunn, og navn og lenker er lyse.
   Kortet står til venstre, uten følge-effekt. */
.page-id-329 .block-employee {
	float: none;
	width: max-content;
	max-width: 100%;
	margin-left: 0;
}

.page-id-329 .block-employee .info {
	background: none;
}

.page-id-329 .block-employee :is(.name, .info a) {
	color: var(--wp--preset--color--secondary);
}

/* Boligsameier, desktop: kontaktkortet ligger fast nede til høyre og følger med nedover
   siden, over innholdet. Bunnen står på linje med mørk modus-knappen nede til venstre
   (20px fra bunnen), og høyrekanten har samme marg som knappen har til venstre. Samme
   glassbakgrunn som knappen. */
@media (min-width: 768px) {
	.page-id-329 .block-employee {
		position: fixed;
		right: var(--wp--style--root--padding-right, 20px);
		bottom: 20px;
		z-index: 9000;
		margin: 0;
		padding: 12px;
		border-radius: 5px;
		background: rgba(0, 0, 0, 0.3);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
	}
}

/* Mørk modus-knappen (alle sider) og kontaktkortet på Boligsameier (desktop) tones ut rett
   før footeren kommer til syne, og inn igjen når man scroller opp. Klassen pk-ved-footer
   settes av et lite skript i footer.php. */
.pk-innstillinger,
.page-id-329 .block-employee {
	transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

html.pk-ved-footer .pk-innstillinger {
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 768px) {
	html.pk-ved-footer .page-id-329 .block-employee {
		opacity: 0;
		visibility: hidden;
	}
}

/* Kontaktpanelet (mobil og desktop): e-post og telefon øverst har en fast linje under seg, som går kant i
   kant under hele ordet (nettleserens understrek har hull rundt «p» og «@», og temaet
   fjernet den ved hover). Linjen er laget som en ramme med luft mellom tekst og linje,
   og har tekstens farge. */
.offscreen-kontakt .offscreen-kontakt-content > p:first-child a {
	display: inline-block;
	padding-bottom: 6px;
	border-bottom: 1px solid currentColor;
	line-height: 1.1;
	text-decoration: none;
}

/* Ved hover tones linjen over til samme farge som feltene i kontaktskjemaet (#423C2F) */
.offscreen-kontakt .offscreen-kontakt-content > p:first-child a {
	transition: border-color 0.15s ease-out;
}

.offscreen-kontakt .offscreen-kontakt-content > p:first-child a:is(:hover, :focus-visible) {
	border-bottom-color: #423c2f;
	text-decoration: none;
}

/* Litt mer luft mellom e-post og telefon nå som linjen ligger under */
.offscreen-kontakt .offscreen-kontakt-content > p:first-child a ~ a {
	margin-top: 12px;
}

/* Eiendomssidene: toppvideo (ACF-feltet «Toppvideo») fyller toppfeltet i stedet for
   toppbildet, med samme størrelse, avrunding og etikettene over. Videoen står på første
   bilde til den begynner å spille (og helt stille for besøkende som har slått av
   animasjoner). */
.eiendom-intro .featured-image .featured-video {
	position: absolute;
	inset: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

/* ==========================================================
   Grå tekst (alle sider, mobil og desktop)
   Temaets grå tekstfarge (#a1a1a1) er byttet til en litt mørkere grå (#949494) for
   bedre lesbarhet. Reglene under overstyrer stedene der temaet og blokkene selv setter
   den grå fargen; i resten av style.css er fargen også endret til #949494.
   ========================================================== */
body .block-numbers .item .lab,
body .block-employee .lab,
body .footer .copyright,
body .offscreen-kontakt .item,
body .is-style-sans-serif strong,
body .info_grid .lab {
	color: #949494;
}

/* ==========================================================
   MØRK MODUS
   Knappen nede til venstre (måne / sol) slår mørk modus av og på. Valget lagres i nettleseren.
   Skriptene ligger i header.php (slår på før siden tegnes) og footer.php (knappen og
   merkingen av farger). Merkingen gjør at bare mørk tekst, mørke rammer og
   lyse flater byttes; grå tekst og annen farget tekst beholder fargen sin.
   Reversering: last opp style-backup-foer-mork-modus-2026-10-01.css som style.css og
   fjern MØRK MODUS-blokkene i header.php og footer.php.
   ========================================================== */

/* Knappen: lite avrundet glassfelt nede til venstre, på linje med sidens venstremarg.
   Viser en måne når siden er lys, og en sol når mørk modus er på. */
.pk-innstillinger {
	position: fixed;
	bottom: 20px;
	left: var(--wp--style--root--padding-left, 20px);
	z-index: 9500;
}

.pk-innstillinger__knapp {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.3);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	color: var(--wp--preset--color--secondary);
	cursor: pointer;
}

.pk-innstillinger__knapp:focus-visible {
	outline: 2px solid var(--wp--preset--color--secondary);
	outline-offset: 2px;
}

.pk-innstillinger .pk-ikon-sol,
html.pk-mork .pk-innstillinger .pk-ikon-mane {
	display: none;
}

html.pk-mork .pk-innstillinger .pk-ikon-sol {
	display: block;
}

/* Mobil: litt luft over iPhonens hjemlinje */
@media (max-width: 767.98px) {
	.pk-innstillinger {
		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	}
}

/* --- Fargene i mørk modus --- */

/* Bakgrunnen blir brun */
html.pk-mork,
html.pk-mork body {
	background-color: var(--wp--preset--color--primary);
}

/* Lyse flater (f.eks. tekstdelen av kontaktkortet) blir også brune */
html.pk-mork .pk-mork-flate {
	background-color: var(--wp--preset--color--primary) !important;
}

/* Mørk tekst (sort og mørk brun) blir lys, som tekst på brun bakgrunn ellers på
   nettstedet. Grå tekst (#949494) og annen farget tekst berøres ikke. */
html.pk-mork .pk-mork-tekst {
	color: var(--wp--preset--color--secondary) !important;
}

/* Mørke rammer (f.eks. filterknappene) blir lyse; duse skillelinjer blir like duse
   i lys utgave, som linjene i kontaktpanelet */
html.pk-mork .pk-mork-ramme {
	border-color: var(--wp--preset--color--secondary) !important;
}

html.pk-mork .pk-mork-skillelinje {
	border-color: rgba(248, 250, 233, 0.12) !important;
}

html.pk-mork .pk-mork-ikon {
	fill: var(--wp--preset--color--secondary) !important;
}

/* Headeren: lys logo og meny også på sider som normalt har mørk header
   (Eiendommer, eiendomssidene) */
html.pk-mork .header {
	--color: var(--wp--preset--color--secondary) !important;
}

/* Når man scroller opp, får headeren lys bakgrunn (klassen «scrolled» legges på av
   temaet). I mørk modus blir den brun i stedet, med lys logo og meny. */
html.pk-mork .header.scrolled {
	background: var(--wp--preset--color--primary) !important;
}

html.pk-mork .header .logo {
	filter: none !important;
}

/* Kontakt-knappen i headeren (brun) inverteres på desktop, så den ikke forsvinner mot den
   brune bakgrunnen: lys knapp med brun tekst. På mobil er Kontakt en vanlig lenke i den
   brune mobilmenyen, og beholder utseendet sitt. */
@media (min-width: 768px) {
	html.pk-mork .header .offscreen-kontakt-open {
		background-color: var(--wp--preset--color--secondary) !important;
		color: var(--wp--preset--color--primary) !important;
	}
}

/* Listevisningen på Eiendommer (desktop): hover ser lik ut i mørk modus (mørk brun rad
   #423C2F med lys tekst og lyse etiketter) */
@media (min-width: 768px) and (hover: hover) {
	html.pk-mork main:has(.listevisning__input:checked) .posts-grid-filter__post:hover {
		background-color: #423c2f !important;
	}

	html.pk-mork main:has(.listevisning__input:checked) .posts-grid-filter__post:hover .top_line .label {
		background-color: var(--wp--preset--color--secondary) !important;
		color: var(--wp--preset--color--primary) !important;
	}
}

/* Skillelinjene i listevisningen på Eiendommer finnes bare når listevisning er slått på,
   så de blir ikke fanget opp av merkingen når siden lastes i vanlig kortvisning. I mørk
   modus får de derfor sin lyse, duse utgave her (som linjene i kontaktpanelet). */
html.pk-mork main:has(.listevisning__input:checked) .posts-grid-filter__post {
	border-color: rgba(248, 250, 233, 0.12) !important;
}

/* Filterknappene på Eiendommer: den valgte knappen (og knappen man peker på) får lys
   bakgrunn med brun tekst, som de andre knappene på nettstedet i mørk modus */
html.pk-mork .posts-grid-filter__filter:is(.is-active, :hover, :focus-visible) {
	border-color: var(--wp--preset--color--secondary) !important;
	background-color: var(--wp--preset--color--secondary) !important;
	color: var(--wp--preset--color--primary) !important;
}

/* Hamburgerikonet på mobil: den midterste streken er bakgrunnen i ikonet og har samme
   farge som headerens tekst (--color). Den skal ikke byttes til brun som andre flater. */
html.pk-mork .header .menu-toggle .ico {
	background-color: var(--color) !important;
}

/* Lukk-knappen i mobilmenyen: menyen er brun i begge moduser, så knappen beholder sin
   lyse bakgrunn med mørk tekst, som i lys modus */
html.pk-mork .header .menu-toggle--close {
	background-color: var(--wp--preset--color--secondary) !important;
	color: #000 !important;
}

/* Seksjoner som allerede har brun bakgrunn (f.eks. listen på Boligsameier) og footeren
   ser like ut i begge moduser: skillelinjene beholder sin dempede mørkebrune farge
   (#423C2F) i stedet for å bli lyse */
html.pk-mork :is(.has-primary-background-color, footer) :is(.pk-mork-ramme, .pk-mork-skillelinje) {
	border-color: #423c2f !important;
}

/* Valgt visning (Bildevisning / Listevisning) står lyst i mørk modus, den andre grå */
html.pk-mork .listevisning__valg + .listevisning__label {
	color: #949494 !important;
}

html.pk-mork .listevisning__valg:checked + .listevisning__label,
html.pk-mork .listevisning__valg + .listevisning__label:hover {
	color: var(--wp--preset--color--secondary) !important;
}

/* Plassholderteksten i søkefeltet */
html.pk-mork ::placeholder {
	color: rgba(248, 250, 233, 0.6);
}