/*
Theme Name: willingable
Theme URI: https://github.com/Konggaard-dk/willingable2
Description: Willing Ables eget tema (child af Twenty Twenty-Five) — bygget efter samme model som konggaard2 og trby. Design-tokens (skrifttyper, farver) defineres i theme.json og er den ENE kilde til shoppens udseende; funktionaliteten bor i mu-plugins, som refererer temaets tokens. Alle designændringer sker her i koden (git), aldrig i Site Editorens database.
Author: Konggaard / Claude
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.3
Text Domain: willingable
*/

/*
Komponent-CSS'en nedenfor er kopieret fra konggaard2's style.css via trby (2026-10-02) og styler uc-lagets
komponenter (filter, søgning, sortering, "lagt i kurven"-bjælken, notice-bannere, Shipmondo-vælgeren).
Brug ALTID design-tokens fra theme.json frem for
rå værdier: var(--wp--preset--color--<slug>), var(--wp--preset--font-family--<slug>).
*/


/*
Temaets egen CSS. Brug ALTID design-tokens fra theme.json frem for rå
værdier: farver som var(--wp--preset--color--<slug>), skrift som
var(--wp--preset--font-family--<slug>), størrelser som
var(--wp--preset--font-size--<slug>) — så slår ændringer i theme.json
igennem overalt.
*/

/* Fokus (redesign 2026-10-29, tilgængelighed): ingen ring ved mus og tryk (:focus:not(:focus-visible)), men en tydelig sort ring,
   når man navigerer med tastatur (:focus-visible). Før var al fokusmarkering slået fra med outline:none !important. */
a:focus:not(:focus-visible), button:focus:not(:focus-visible), [role="button"]:focus:not(:focus-visible), summary:focus:not(:focus-visible),
input:focus:not(:focus-visible), select:focus:not(:focus-visible) { outline: none; }
a:focus-visible, button:focus-visible, [role="button"]:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
.wc-block-components-button:focus-visible, .wp-block-button__link:focus-visible { outline: 2px solid var(--wp--preset--color--contrast, #141D28) !important; outline-offset: 2px; box-shadow: none !important; }
.wc-block-cart-items__row:focus:not(:focus-visible) { outline: none; }

/* "Tøm kurv"-linket under varelinjerne i kurven (indsættes af JS). */
.uc-emptycart {
	display: flex; justify-content: flex-end;
	padding-top: .9rem;
}
.uc-emptycart button {
	background: none; border: 0; padding: 0;
	font: inherit; font-size: .9em;
	color: var(--wp--preset--color--contrast, #332C22);
	text-decoration: underline; cursor: pointer;
}
.uc-emptycart button:hover { color: var(--wp--preset--color--accent-1, #2A7E19); }
.uc-emptycart button:disabled { opacity: .5; cursor: default; }


/* Logoet i headeren: følger tekstfarven (currentColor) — mørkt på lys
   bund, lyst på mørk bund. */
.konggaard-logo {
	display: inline-flex;
	align-items: center;
	color: inherit;
}
.konggaard-logo svg {
	height: 1.05rem;
	width: auto;
	display: block;
	fill: currentColor;
}

/* Knapper er som udgangspunkt mørke (theme.json); den grønne accent er
   reserveret til købs-flowet: Tilføj til kurv (varesiden), Gå til kassen og
   Godkend og betal. */
.single_add_to_cart_button,
.wc-block-cart__submit-button,
.wc-block-mini-cart__footer-checkout,
.wc-block-components-checkout-place-order-button {
	background-color: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset--color--base) !important;
	border-color: transparent !important;
}
.single_add_to_cart_button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-mini-cart__footer-checkout:hover,
.wc-block-components-checkout-place-order-button:hover {
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}

/* Knapperne på varekortene i arkiverne (shop/kategorier) er ALTID mørke —
   også ved hover — og lyser kun grønt i selve trykket (:active) samt mens
   ajax-tilføjelsen arbejder (.loading), som kvittering for klikket. */
.wc-block-product-template .wp-block-button__link,
.wc-block-product-template .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
	border-color: transparent !important;
}
.wc-block-product-template .wp-block-button__link:active,
.wc-block-product-template .wp-block-button__link.loading {
	background-color: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset--color--base) !important;
}

/* Shop-arkivets "Shop"-overskrift vises ikke (kategorisider beholder deres
   titel — reglen rammer kun selve shopforsiden). */
body.post-type-archive-product.woocommerce-shop .wp-block-query-title {
	display: none;
}

/* Minikurvens slide-in: kun "Din kurv" som titel — emne-tælleren
   "(emner: N)" er støj og skjules. */
.wp-block-woocommerce-mini-cart-title-items-counter-block {
	display: none !important;
}

/* HELE søgerækken bor i HEADEREN: filterknap (venstre, kun shop), søgefelt
   (justerer sin bredde efter pladsen) og sorteringsknap (højre, kun shop) —
   mellem logoet og nav'en på computer/tablet; afstanden til logo/"Shop"
   matcher Shop<->Brands-afstanden (~22px: rækkens flex-gap 19,2px + 3px
   padding). På mobil (<782px) ombrydes header-rækken, og hele søgerækken
   bliver headerens LINJE 2 i fuld bredde.
   FÆLDE: WP's flex-layout nulstiller børns margin med !important — luften
   lægges derfor som padding; flex-basis 0 så rækken kun deler den LEDIGE
   plads (basis:auto blev cirkulær med width:100% og overlappede nav'en). */
.uc-header__searchwrap {
	flex: 1 1 0; min-width: 0; padding: 0 3px;
	display: flex; align-items: center; gap: .6rem;
}
.uc-header__searchwrap .uc-search__form { flex: 1 1 0; min-width: 0; width: auto; }
/* Filter/sorterings-knapperne matcher søgefeltets højde i headeren */
.uc-header__searchwrap .uc-filter__toggle,
.uc-header__searchwrap .uc-sort__toggle { width: 40px; height: 40px; }
@media (max-width: 781px) {
	.uc-header .wp-block-group.alignwide { flex-wrap: wrap; }
	.uc-header__searchwrap { order: 9; flex: 1 1 100%; padding: .55rem 0 0; }
}

/* Filterknappen (skydere) til venstre og sorteringsknappen til højre for
   søgebjælken. Panelet: valgte filtre øverst som mørke chips m. X,
   derunder MENULINJER i alfabetisk orden der folder ud til et gitter af
   værdier i ren tekst (valgt = grøn + fed). Alle valg anvendes straks. */
.uc-filter, .uc-sort { position: relative; flex: none; }
.uc-filter__toggle, .uc-sort__toggle {
	display: flex; align-items: center; justify-content: center;
	width: 44px; height: 44px; border-radius: 50%;
	background: var(--wp--preset--color--accent-2, #E7E4DC);
	border: 0; padding: 0; cursor: pointer;
	color: var(--wp--preset--color--contrast, #332C22);
}
.uc-filter__toggle svg, .uc-sort__toggle svg { width: 19px; height: 19px; }
.uc-filter__toggle:hover, .uc-sort__toggle:hover { color: var(--wp--preset--color--accent-1, #2A7E19); }
.uc-filter__toggle.is-active::after, .uc-sort__toggle.is-active::after {
	content: ''; position: absolute; top: 2px; right: 2px;
	width: 10px; height: 10px; border-radius: 50%;
	background: var(--wp--preset--color--accent-1, #2A7E19);
}
.uc-filter__panel {
	position: absolute; top: calc(100% + 8px); left: 0; z-index: 70;
	width: min(600px, 84vw);
	max-height: min(68vh, 620px); overflow-y: auto;
	background: var(--wp--preset--color--base, #F0EEE9);
	box-shadow: 0 10px 24px rgba(51, 44, 34, .15);
	border-radius: 14px;
	padding: .4rem 1.2rem .9rem;
}
/* Valgte filtre øverst — mørke chips med X */
.uc-filter__chips { display: flex; flex-wrap: wrap; gap: .45rem; padding: .8rem 0 .5rem; }
.uc-filter__chip {
	display: inline-flex; align-items: center; gap: .45rem;
	background: var(--wp--preset--color--contrast, #332C22);
	color: var(--wp--preset--color--base, #F0EEE9);
	border: 0; border-radius: 999px;
	padding: .28rem .8rem;
	font: inherit; font-size: .82em; cursor: pointer;
}
.uc-filter__chip span { font-size: 1.15em; line-height: 1; }
.uc-filter__chip:hover { background: var(--wp--preset--color--accent-1, #2A7E19); }
/* Tynd skillestreg mellem de prioriterede grupper (Kategori, Mærke,
   Produktserie, Størrelse) og resten (alfabetisk) */
.uc-filter__divider {
	border-top: 1px solid var(--wp--preset--color--accent-4, #877F70);
	margin: .5rem 0;
}
/* Menulinjerne (accordion) */
.uc-filter__grouphead {
	display: flex; align-items: center; justify-content: space-between;
	width: 100%;
	background: none; border: 0; padding: .75rem 0; margin: 0;
	font: inherit; font-size: .95em;
	color: var(--wp--preset--color--contrast, #332C22);
	border-bottom: 1px solid var(--wp--preset--color--accent-5, #E9E6DF);
	cursor: pointer; text-align: left;
}
.uc-filter__grouphead svg { width: 16px; height: 16px; flex: none; transition: transform .15s ease; }
.uc-filter__group.is-open .uc-filter__grouphead svg { transform: rotate(180deg); }
.uc-filter__grouphead:hover { color: var(--wp--preset--color--accent-1, #2A7E19); }
/* Værdi-gitteret: ren tekst i kolonner */
.uc-filter__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
/* display:grid ville ellers overtrumfe [hidden]-attributten (samme fælde
   som pakkesidernes attributrækker) */
.uc-filter__grid[hidden] { display: none; }
.uc-filter__grid {
	gap: .15rem .9rem;
	padding: .6rem 0 .8rem;
	border-bottom: 1px solid var(--wp--preset--color--accent-5, #E9E6DF);
}
.uc-filter__value {
	background: none; border: 0; padding: .2rem 0; margin: 0;
	font: inherit; font-size: .88em; text-align: left;
	color: var(--wp--preset--color--contrast, #332C22);
	cursor: pointer;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.uc-filter__value:hover { color: var(--wp--preset--color--accent-1, #2A7E19); }
.uc-filter__value.is-selected {
	color: var(--wp--preset--color--accent-1, #2A7E19);
	font-weight: 700;
}
/* Kategoritræet: hver master (topniveauet fra Unicontas ArtsMaster via
   varesync) er sin egen fold-ud-linje i samme skrift som gruppelinjen
   "Kategori", let indrykket; arterne under i tre kolonner med mindre skrift
   og en tynd streg i venstre kant. "Alle i <master>" forrest vælger masteren. */
.uc-filter__grid--tree { display: block; padding-top: 0; }
.uc-filter__branch { padding: 0; }
.uc-filter__branch + .uc-filter__branch { border-top: 1px solid var(--wp--preset--color--accent-5, #E9E6DF); }
.uc-filter__branchhead {
	display: flex; align-items: center; justify-content: space-between;
	width: 100%;
	background: none; border: 0; padding: .6rem 0 .6rem .6rem; margin: 0;
	font: inherit; font-size: .95em;
	color: var(--wp--preset--color--contrast, #332C22);
	cursor: pointer; text-align: left;
}
.uc-filter__branchhead svg { width: 14px; height: 14px; flex: none; transition: transform .15s ease; }
.uc-filter__branch.is-open .uc-filter__branchhead svg { transform: rotate(180deg); }
.uc-filter__branchhead:hover { color: var(--wp--preset--color--accent-1, #2A7E19); }
.uc-filter__branch--leaf .uc-filter__value--parent { font: inherit; font-size: .95em; display: block; width: 100%; padding: .6rem 0 .6rem .6rem; }
.uc-filter__children {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: .1rem .8rem;
	margin: 0 0 .6rem 1rem;
	padding-left: .75rem;
	border-left: 2px solid var(--wp--preset--color--accent-5, #E9E6DF);
}
.uc-filter__children[hidden] { display: none; }
.uc-filter__children .uc-filter__value { font-size: .8em; }
.uc-filter__value--all { font-style: italic; }
.uc-filter__actions { padding-top: .9rem; }
.uc-filter__reset {
	background: none; border: 0; padding: 0;
	font: inherit; font-size: .9em;
	color: var(--wp--preset--color--contrast, #332C22);
	text-decoration: underline; cursor: pointer;
}
.uc-filter__reset:hover { color: var(--wp--preset--color--accent-1, #2A7E19); }
/* Filterknappen på kategori-/brand-arkiver: egen bjælke lige over gitteret,
   knappen i højre hjørne — sticky lige under headeren ved scroll
   (headerhøjden måles af JS i --uc-header-h). Panelet åbner mod venstre,
   så det ikke rager ud over sidens højre kant. */
.uc-filter-bar {
	position: sticky;
	top: calc(var(--uc-header-h, 64px) + 10px);
	z-index: 80;
	display: flex; justify-content: flex-end;
	margin-bottom: .6rem;
}
/* box-sizing + viewport-loft: 84vw-bredden regner ikke padding med og
   stak 8px ud over venstre skærmkant på mobil (knappen står 30px inde). */
.uc-filter-bar .uc-filter__panel {
	left: auto; right: 0;
	box-sizing: border-box;
	width: min(600px, calc(100vw - 60px));
}
/* Sorteringsmenuen */
.uc-sort__menu {
	position: absolute; top: calc(100% + 8px); right: 0; z-index: 70;
	width: max-content;
	background: var(--wp--preset--color--base, #F0EEE9);
	box-shadow: 0 10px 24px rgba(51, 44, 34, .15);
	border-radius: 14px; overflow: hidden;
	padding: .5rem 0;
}
.uc-sort__option {
	display: block; width: 100%;
	background: none; border: 0;
	padding: .5rem 1.2rem;
	font: inherit; font-size: .9em; text-align: left;
	color: var(--wp--preset--color--contrast, #332C22);
	cursor: pointer;
}
.uc-sort__option:hover { background: var(--wp--preset--color--accent-5, #E9E6DF); }
.uc-sort__option.is-active { color: var(--wp--preset--color--accent-1, #2A7E19); font-weight: 700; }
.uc-search__form {
	position: relative;
	width: 100%;
	display: flex; align-items: center; gap: .7rem;
	background: var(--wp--preset--color--accent-2, #E7E4DC);
	border-radius: 999px;
	padding: .5rem 1.1rem;
}
.uc-search__icon { width: 18px; height: 18px; flex: none; color: var(--wp--preset--color--contrast, #332C22); }
.uc-search__input {
	flex: 1; min-width: 0;
	background: none; border: 0; padding: 0; margin: 0;
	font: inherit;
	color: var(--wp--preset--color--contrast, #332C22);
	caret-color: var(--wp--preset--color--contrast, #332C22);
	outline: none !important; box-shadow: none !important;
}
.uc-search__input::-webkit-search-cancel-button { -webkit-appearance: none; }
.uc-search__suggest {
	position: absolute; top: calc(100% + 8px); left: 0; right: 0;
	background: var(--wp--preset--color--base, #F0EEE9);
	box-shadow: 0 10px 24px rgba(51, 44, 34, .15);
	border-radius: 14px;
	overflow: hidden;
	z-index: 60;
}
.uc-search__item {
	display: flex; align-items: center; gap: .8rem;
	padding: .55rem 1.1rem;
	color: var(--wp--preset--color--contrast, #332C22);
	text-decoration: none;
	font-size: .95em;
}
.uc-search__item:hover,
.uc-search__item.is-active { background: var(--wp--preset--color--accent-5, #E9E6DF); }
.uc-search__item img { width: 38px; height: 38px; object-fit: contain; flex: none; }

/* "Lagt i kurven"-bjælken (Curts design): når en vare lægges i kurven,
   lægger en mørk bjælke sig hen over headeren i fuld bredde FREM TIL
   kurv-ikonet og slutter i en pilespids mod kurven; KURV-IKONET blinker
   3 gange, og når blinkene er færdige, forsvinder bjælken. Et base-farvet
   baggrundslag mellem bjælken og kurven dækker login-ikonet, så kun
   kurven står tilbage ved siden af pilen. Bygges/times af JS i uc-shop
   (måler headerhøjde og kurv-ikonets position ved visning); klik på
   bjælken går til kurven. Erstatter WooCommerces "X er lagt i kurven"-boks. */
.uc-addbar {
	position: fixed; left: 0; z-index: 9992; /* top sættes af JS = login-ikonets */
	box-sizing: border-box;
	display: flex; align-items: center; justify-content: flex-end;
	background: var(--wp--preset--color--contrast, #332C22);
	color: var(--wp--preset--color--base, #F0EEE9);
	text-decoration: none;
	padding: 0 .9rem;
	font-size: .82rem; line-height: 1;
	white-space: nowrap; overflow: visible;
	animation: uc-addbar-in .35s ease;
}
.uc-addbar__text { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.uc-addbar__arrow {
	position: absolute; left: 100%; top: 0;
	width: 0; height: 0;
	border-style: solid; border-color: transparent;
	border-left-color: var(--wp--preset--color--contrast, #332C22);
	/* top/bund/venstre-bredder sættes inline af JS ud fra bjælkens højde */
}
/* Base-farvet lag under bjælken: dækker headerens indhold (inkl. login-
   ikonet) helt hen til kurv-ikonet, så mellemrummet ved pilespidsen ikke
   viser person-ikonet igennem. */
.uc-addbar-backdrop {
	position: fixed; left: 0; z-index: 9991; /* top sættes af JS som bjælken */
	background: var(--wp--preset--color--base, #F0EEE9);
}
.uc-addbar--out { opacity: 0; transition: opacity .35s ease; }
/* Glider ind fra venstre mod højre — ind mod indkøbsvognen */
@keyframes uc-addbar-in { from { transform: translateX(-105%); } to { transform: translateX(0); } }
/* Kurv-ikonet (og badgen) blinker 3 gange, styret af klassen på icons-
   containeren, mens bjælken står fremme. */
.uc-addbar-blink .wc-block-mini-cart__button,
.uc-addbar-blink .uc-cart-badge {
	animation: uc-addbar-blink .7s ease 3;
}
@keyframes uc-addbar-blink { 50% { opacity: 0; } }

/* Beskedbokse (WooCommerce notice-banners, alle typer — info/fejl/succes):
   shoppens mørke flade uden ikon, i stedet for WooCommerces blå/røde
   farvekoder. Links (fx "Se kurv") følger med i lys tekst. */
.wc-block-components-notice-banner,
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	background: var(--wp--preset--color--contrast, #332C22) !important;
	color: var(--wp--preset--color--base, #F0EEE9) !important;
	border: none !important;
	border-radius: 0;
}
.wc-block-components-notice-banner > svg { display: none !important; }
.wc-block-components-notice-banner a,
.wc-block-components-notice-banner .wc-forward,
.woocommerce-message a, .woocommerce-info a, .woocommerce-error a {
	color: var(--wp--preset--color--base, #F0EEE9) !important;
	text-decoration: underline;
}
.wc-block-components-notice-banner__dismiss,
.wc-block-components-notice-banner button {
	color: inherit !important;
}

/* Brandsidens hero-logo (Curts "synker i baggrunden"-effekt): logoet er
   FIKSERET midt i hero-området og farvet PRÆCIS som sidens baggrund (CSS-
   maske over base-token — filter kan ikke ramme farven eksakt). Det ligger
   foran hero-billedet men bag alt efterfølgende indhold, så indholdet
   glider hen over logoet ved scroll, som om logoet bliver liggende og
   forsvinder ned i baggrunden. Logo-URL og proportioner leveres pr. side
   via --uc-logo og aspect-ratio (inline i templaten). */
.uc-brandhero-logo {
	position: fixed;
	left: 50%; top: 45vh;
	transform: translate(-50%, -50%);
	width: min(420px, 60vw);
	background-color: var(--wp--preset--color--base, #F0EEE9);
	-webkit-mask: var(--uc-logo) no-repeat center / contain;
	mask: var(--uc-logo) no-repeat center / contain;
	z-index: 1;
	pointer-events: none;
}
/* Alt EFTER heroen lægger sig oven på det fikserede logo: eget lag med
   uigennemsigtig baggrund (header og hero undtaget). Footeren er OGSÅ
   undtaget — den får sit eget lavere lag nedenfor, ellers dækkede den
   filterpanelet (footeren kommer sidst i DOM'en og vandt på samme z). */
body.tax-product_brand .wp-site-blocks > *:not(header):not(.wp-block-cover):not(footer) {
	position: relative;
	z-index: 2;
	background: var(--wp--preset--color--base, #F0EEE9);
}

/* Footeren ligger ALTID bagerst (Curt 2026-08-31): på mobil kunne den dække
   filterpanelet, når panelet nåede ned over den. z-index 1 er stadig nok
   til at ligge over brandsidernes fikserede hero-logo (også z 1, men
   footeren kommer senere i DOM'en) — baggrunden holder den uigennemsigtig
   dér. Dropdowns/paneler i indholdet (z 70-80) ligger altid over. */
.wp-site-blocks > footer.wp-block-template-part {
	position: relative;
	z-index: 1;
	background: var(--wp--preset--color--base, #F0EEE9);
}

/* Brand-logogitteret (brand-grid-pattern fra uc-taxonomies): 6 pr. række på
   desktop, 3 på mobil. Logoerne er inline-SVG'er i tekstfarven (bibliotekets
   sorte filer farves via currentColor — fill tvinges, stroke røres ikke);
   grøn ved hover som andre links. */
.uc-brandgrid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 3rem 2rem;
	align-items: center;
	justify-items: center;
}
@media (max-width: 781px) {
	.uc-brandgrid { grid-template-columns: repeat(3, 1fr); gap: 2rem 1.5rem; }
}
.uc-brandgrid__item {
	color: var(--wp--preset--color--contrast, #332C22);
	display: flex; align-items: center; justify-content: center;
	width: 100%;
}
.uc-brandgrid__item:hover { color: var(--wp--preset--color--accent-1, #2A7E19); }
/* Bredden sættes inline pr. logo — ens KVADRATAREAL frem for ens højde
   (Curts regel; beregnes af viewBox-forholdet i uc-taxonomies). */
.uc-brandgrid__item svg { height: auto; max-width: 100%; display: block; }
.uc-brandgrid__item svg, .uc-brandgrid__item svg * { fill: currentColor !important; }

/* Shipmondo-pakkeshopvælgeren følger shoppens udtryk: leverandør-krediteringer
   og den rå fragtmetode-tekst ("DK &#8211; …") skjules, modal-overskriften
   ("Select service point") fjernes, og farverne følger temaet — valgt
   pakkeshop markeres grønt som andre valg-markeringer i kassen. */
.shipmondo_service_point_selection .rate_name,
.powered_by_shipmondo,
.shipmondo-modal_footer,
.shipmondo-modal_header {
	display: none;
}
.shipmondo-modal_content {
	background: var(--wp--preset--color--base, #F0EEE9) !important;
}
.service_points_list .service_point,
.service_points_dropdown .service_point {
	border-bottom-color: var(--wp--preset--color--accent-5, #E9E6DF);
}
.service_points_list .service_point:hover,
.service_points_dropdown .service_point:hover {
	background: var(--wp--preset--color--accent-5, #E9E6DF) !important;
}
.service_points_list .service_point.selected,
.service_points_list .service_point.selected:hover,
.service_points_dropdown .service_point.selected,
.service_points_dropdown .service_point.selected:hover {
	background: var(--wp--preset--color--accent-1, #2A7E19) !important;
	color: var(--wp--preset--color--base, #F0EEE9);
}
.service_points_list .service_point.selected .address_info,
.service_points_list .service_point.selected .distance,
.service_points_dropdown .service_point.selected .address_info,
.service_points_dropdown .service_point.selected .distance {
	color: inherit;
}
/* Kun de 5 nærmeste pakkeshops vises i listen (pluginet henter altid 10,
   antallet er hardcodet uden filter); en valgt pakkeshop uden for top 5
   forbliver synlig. */
.service_points_list .service_point:nth-child(n+6):not(.selected),
.service_points_dropdown .service_point:nth-child(n+6):not(.selected) {
	display: none !important;
}

/* ------------------------------------------------------------------
   wa: Power Rød (token "brand", #9B1C29) på købs-flowets knapper med hvid
   tekst — overstyrer konggaard2's regler (accent-1 + base-tekst). Mønsteret
   er trbys (gul/sort); accent-1 er WA's mørkegrønne, som uc-laget mest
   bruger som tekst-/markeringsfarve.
   ------------------------------------------------------------------ */
.single_add_to_cart_button,
.wc-block-cart__submit-button,
.wc-block-mini-cart__footer-checkout,
.wc-block-components-checkout-place-order-button,
.wc-block-product-template .wp-block-button__link:active,
.wc-block-product-template .wp-block-button__link.loading {
	background-color: var(--wp--preset--color--brand) !important;
	color: var(--wp--preset--color--base) !important;
}
.single_add_to_cart_button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-mini-cart__footer-checkout:hover,
.wc-block-components-checkout-place-order-button:hover {
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}
/* Logoet: WA-ordmærket (assets/logo.svg, fill=currentColor) følger tekstfarven. Meget bredt (15.76:2.32), så lavere end trbys. */
.konggaard-logo svg { height: 1.1rem; }

/* trby/wa: den grønne lagerprik skal være grøn. uc-lager farver den med accent-1, som er
   Konggaards grønne — hos WA er accent-1 mørkegrøn #133530 (se theme.json). Samme grøn som
   konggaard2 og som ordremailene (uc-restordre, #2A7E19); gul/orange/rød er faste
   farver i uc-lager. Overstyres her, så uc-lager forbliver byte-identisk. */
body .uc-lager__dot--green { background: #2A7E19; }

/* trby (2026-09-30, Flemmings ønske): kassens ordreoversigt viser ikke varens korte
   beskrivelse — blok-kassen lægger den ind på både desktop (sidepanelet) og mobil
   (den foldbare "Ordreoversigt"), hvor den fylder tre-fire linjer pr. vare. Kurven
   røres ikke (den bruger ikke order-summary-item). uc-restordres prik + leveringstekst
   ligger i sit eget element og bliver stående. */
.wc-block-components-order-summary-item .wc-block-components-product-metadata__description {
	display: none;
}

/* trby (2026-09-30, Flemmings ønske): på mobil ligger "Godkend og betal" fast i bunden af
   skærmen, uanset hvor langt kunden er scrollet. Kun knap-rækken flyttes; Woos fejl-
   notices over knappen (.wc-block-components-notices i actions-blokken) bliver i flowet
   nederst i formularen. Kroppen får bund-padding, så knappen ikke dækker sidste felt eller
   footeren. env(safe-area-inset-bottom) er til iPhones hjemmebjælke. Samme brudpunkt (781px)
   som resten af filen. (trby-wallet-knapper er ikke med på willingable). */
@media (max-width: 781px) {
	body.woocommerce-checkout .wc-block-checkout__actions_row {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 50;
		margin: 0;
		padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
		background: var(--wp--preset--color--base);
		box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.1);
	}
	body.woocommerce-checkout {
		padding-bottom: calc(5.5rem + env(safe-area-inset-bottom));
	}
}


/* ---------------------------------------------------------------------------
   Forsiden (templates/front-page.html, 2026-09-28): tre fuldbredde hero-covers
   (.wa-hero) med hvide infoområder (.wa-info) imellem — arvet fra trby; WA's forside er et udkast (etape 4). Farver og skrift
   kommer fra theme.json; kun størrelser og afstande sættes her.
   --------------------------------------------------------------------------- */

/* Sektionerne ligger kant mod kant — temaets blok-mellemrum ville give en
   hvid stribe mellem hero og infoområde. */
body.home .wp-site-blocks > .wa-hero,
body.home .wp-site-blocks > .wa-info {
	margin-block-start: 0;
}

/* Hero: teksten står midt i billedet, i sidens hvide (base). Skyggen holder
   den læselig på lyse partier af fotoet, uden at dæmpe hele billedet. */
.wa-hero .wp-block-cover__inner-container {
	max-width: 64rem;
	padding-inline: var(--wp--preset--spacing--40);
	text-shadow: 0 1px 14px rgba(0, 0, 0, .45);
}
/* Hero 1: teksten står i bunden (skiltet midt i fotoet skal være frit) — luft
   under, og en blød mørk tone nedefra, så hvid tekst kan læses på asfalten. */
.wa-hero--1 .wp-block-cover__inner-container {
	padding-bottom: var(--wp--preset--spacing--60);
}
/* wa 5/10: kernens cover-CSS (.has-background-dim uden farveklasse) sætter sort bund med højere specificitet, og
   opacity: 1 her gjorde så HELE overlayet sort på dev.willingable.cc. Bunden gøres gennemsigtig (!important), så kun
   gradienten tonér fotoet. */
.wa-hero--1 .wp-block-cover__background {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .1) 45%, rgba(0, 0, 0, .25) 100%);
	opacity: 1;
	background-color: transparent !important;
}
.wa-hero__title {
	font-size: clamp(1.9rem, 4.2vw, 3.4rem); /* to linjer på desktop, så skiltet i hero 1 står frit */
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: .01em;
	text-transform: uppercase;
	margin-block: 0 1rem;
}
.wa-hero__lead {
	font-size: clamp(1.05rem, 1.5vw, 1.35rem);
	line-height: 1.45;
	max-width: 40em;
	margin-inline: auto;
}
/* Knapperne i heroen: kantede, versaler og lidt bredere — som konggaard2's
   forside. Den røde (brand) er hovedhandlingen, den hvide (base) sekundær. */
.wa-hero .wp-block-button__link {
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .95rem;
	padding: .95em 2.2em;
	text-shadow: none;
}
/* Knap uden link (fx "Forudbestilling åbner snart"): ser ud som de andre,
   men reagerer ikke på mus — hover-farven fra theme.json slås fra. */
.wa-hero__button--inaktiv .wp-block-button__link {
	cursor: default;
}
.wa-hero__button--inaktiv .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--brand, #9B1C29);
	color: var(--wp--preset--color--contrast, #000000);
}
/* Hero 2: teksten øverst i himlen — luft over, og en blød mørk tone oppefra. */
.wa-hero--2 .wp-block-cover__inner-container {
	padding-top: var(--wp--preset--spacing--70);
}
.wa-hero--2 .wp-block-cover__background {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, .3) 100%);
	opacity: 1;
	background-color: transparent !important;
}
/* Hero 3: venstrestillet tekst oven på sø og bjerge; tonen lægges fra venstre. */
.wa-hero--3 .wp-block-cover__inner-container {
	margin-left: 0;
	max-width: 40rem;
	padding-left: clamp(var(--wp--preset--spacing--50), 6vw, 6rem);
}
.wa-hero--3 .wa-hero__lead {
	margin-inline: 0;
}
.wa-hero--3 .wp-block-cover__background {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 60%);
	opacity: 1;
	background-color: transparent !important;
}

/* Infoområde (fra trby): hvid bund, centreret overskrift med en rød streg under. */
.wa-info__title {
	font-size: clamp(1.7rem, 3.2vw, 2.6rem);
	text-transform: uppercase;
	letter-spacing: .01em;
	margin-block: 0;
}
.wa-info__title::after {
	content: "";
	display: block;
	width: 3.5rem;
	height: 6px;
	background: var(--wp--preset--color--brand, #9B1C29);
	margin: 1rem auto 0;
}
.wa-info__lead {
	max-width: 44em;
	margin: 1.5rem auto 0;
	font-size: 1.1rem;
	line-height: 1.5;
	color: var(--wp--preset--color--accent-4, #767676);
}
.wa-info .wp-block-column > h3 {
	font-size: 1.15rem;
	text-transform: uppercase;
	letter-spacing: .02em;
	margin-block: 0 .6rem;
	padding-top: .8rem;
	border-top: 3px solid var(--wp--preset--color--brand, #9B1C29);
}
.wa-info .wp-block-column > p {
	margin-block: 0;
	color: var(--wp--preset--color--accent-4, #767676);
	line-height: 1.5;
}


/* ------------------------------------------------------------------
   wa (etape 4, 2026-10-05): forsiden efter willingable.cc — kicker-linje
   over hero-titlen ("MOVING FORWARD" / "GET READY"), kæmpe versal-titel
   ("ALL/WAYS", "WELL DRESSED") i din-2014 light, guld knap som på live.
   ------------------------------------------------------------------ */
.wa-hero__kicker {
	font-size: clamp(0.8rem, 1.2vw, 1rem);
	letter-spacing: 0.35em;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 0.4rem;
}
.wa-hero--stor .wa-hero__title {
	font-size: clamp(3rem, 10vw, 7.5rem);
	line-height: 0.95;
	font-weight: 300;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	margin: 0;
}
.wa-hero .wp-block-button__link.has-guld-background-color {
	letter-spacing: 0.25em;
	text-transform: uppercase;
	font-weight: 700;
	padding: 0.5rem 1.6rem;
}
.wa-hero .wp-block-button__link.has-guld-background-color:hover {
	background-color: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}
/* Infoområdets overskrifter som på live: versaler med stor spatiering */
.wa-info__title {
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: 700;
	font-size: clamp(1.1rem, 2vw, 1.5rem);
}
/* Kategori-knapperne under "Pretty fast premium cycling apparel" */
.wa-kategorier .wp-block-button__link {
	border: 1px solid var(--wp--preset--color--contrast);
	background: transparent;
	color: var(--wp--preset--color--contrast);
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 0.8rem;
	padding: 0.6rem 1.2rem;
}
.wa-kategorier .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}
/* Populære varer (WooCommerce-shortcode) — samme kort-bredde som shoppen */
.wa-populaere ul.products { margin-top: 1.5rem; }
/* Tofarvet afsnit: billede + tekst */
.wa-split { align-items: center; }
.wa-split .wa-info__title { margin-bottom: 1.25rem; }
.wa-split .wa-info__title::after { margin-left: 0; }
.wa-split img { width: 100%; height: auto; display: block; }

/* wa (etape 4, 5/10): faste sider (page-<slug>.html) — læsebredde, luft mellem afsnit, billeder i fuld bredde. */
.wa-side__titel { text-transform: uppercase; letter-spacing: .25em; font-size: clamp(1.4rem, 3vw, 2.2rem); margin-bottom: 2rem; }
.wa-side .wp-block-heading { margin-top: 2.2rem; }
.wa-side figure.wp-block-image { margin: 2rem 0; }
.wa-side figure.wp-block-image img { width: 100%; height: auto; }
.wa-side p { line-height: 1.65; }

/* wa (etape 5, 5/10): nyhedsbrevsformularen ([wa_nyhedsbrev], wa-klaviyo-signup-bridge). */
.wa-nyhedsbrev { display: grid; gap: .9rem; max-width: 28rem; margin: 1.5rem 0; }
.wa-nyhedsbrev__felt span { display: block; font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; font-weight: 700; margin-bottom: .3rem; }
.wa-nyhedsbrev input[type=text], .wa-nyhedsbrev input[type=email] { width: 100%; padding: .7rem .9rem; border: 1px solid var(--wp--preset--color--contrast); background: var(--wp--preset--color--base); font: inherit; }
.wa-nyhedsbrev__hp { position: absolute !important; left: -9999px !important; height: 0; width: 0; opacity: 0; }
.wa-nyhedsbrev button { justify-self: start; background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); border: 0; cursor: pointer; }
.wa-nyhedsbrev button:disabled { opacity: .6; cursor: wait; }
.wa-nyhedsbrev__svar { margin: 0; min-height: 1.4em; font-weight: 700; }

/* wa (6/10): faste sider v2 — Elementors kolonner er med igen (wa-kolonner), logoer og billeder holdes i ro. */
.wa-side .wa-kolonner { margin: 2rem 0; gap: 2rem; align-items: center; }
.wa-side .wa-kolonner .wp-block-heading { margin-top: 0; }
.wa-side .wa-kolonner figure.wp-block-image { margin: 0; }
.wa-side .wa-kolonner img { width: 100%; height: auto; }
/* Forhandlere: logoer er små, centrerede, ikke fuld bredde */
.wa-side--dealers-willing-able .wa-kolonner img { max-height: 120px; width: auto; max-width: 100%; margin: 0 auto; display: block; object-fit: contain; }
.wa-side--dealers-willing-able .wa-kolonner .wp-block-heading { font-size: 1.1rem; }
/* Collabs og Om: billede + tekst side om side */
.wa-side--collaborations-willing-able .wa-kolonner, .wa-side--about-willingable .wa-kolonner { align-items: center; }
@media (max-width: 781px) { .wa-side .wa-kolonner { gap: 1rem; } }

/* wa (6/10): formularer ([wa_formular], wa-formularer.php) — samme udtryk som nyhedsbrevsformularen. */
.wa-formular { display: grid; gap: 1rem; max-width: 40rem; margin: 2rem auto; }
.wa-formular__afsnit { margin-top: 1.5rem; border-top: 1px solid var(--wp--preset--color--accent-2); padding-top: 1.2rem; }
.wa-formular__afsnit span { font-size: .75rem; letter-spacing: .25em; text-transform: uppercase; color: var(--wp--preset--color--brand); font-weight: 700; }
.wa-formular__afsnit h3 { margin: .2rem 0 0; }
.wa-formular__felt > span, .wa-formular__valg legend { display: block; font-size: .75rem; letter-spacing: .15em; text-transform: uppercase; font-weight: 700; margin-bottom: .3rem; }
.wa-formular input[type=text], .wa-formular input[type=email], .wa-formular input[type=tel], .wa-formular input[type=number], .wa-formular textarea, .wa-formular select { width: 100%; padding: .7rem .9rem; border: 1px solid var(--wp--preset--color--contrast); background: var(--wp--preset--color--base); font: inherit; }
.wa-formular__valg { border: 0; padding: 0; margin: 0; } .wa-formular__valg label { display: inline-block; margin: .2rem 1rem .2rem 0; }
.wa-formular__accept { display: flex; gap: .6rem; align-items: flex-start; font-size: .95rem; } .wa-formular__accept input { margin-top: .3rem; }
.wa-formular__req { color: var(--wp--preset--color--brand); }
.wa-formular__hp { position: absolute !important; left: -9999px !important; height: 0; width: 0; opacity: 0; }
.wa-formular button[type=submit] { justify-self: start; background: var(--wp--preset--color--brand); color: var(--wp--preset--color--base); border: 0; cursor: pointer; }
.wa-formular button:disabled { opacity: .6; cursor: wait; }
.wa-formular__svar { margin: 0; min-height: 1.4em; font-weight: 700; }
/* Kolonnesæt med 4+ kolonner (Elementors "grids") ombryder i rækker af tre — ellers bliver teksten til smalle strimler. */
.wa-side .wa-kolonner:not(.wa-kolonner--2):not(.wa-kolonner--3) { flex-wrap: wrap !important; align-items: flex-start; }
.wa-side .wa-kolonner:not(.wa-kolonner--2):not(.wa-kolonner--3) > .wp-block-column { flex-basis: calc(33.333% - 1.4rem) !important; flex-grow: 0; }
@media (max-width: 781px) { .wa-side .wa-kolonner:not(.wa-kolonner--2):not(.wa-kolonner--3) > .wp-block-column { flex-basis: 100% !important; } }

/* wa (6/10): Racing 2027 — hero med logoer, afsnitsnumre i brand-rød, ansøgning med luft. */
.wa-hero--racing .wp-block-cover__background { background-color: transparent !important; background-image: linear-gradient(to bottom, rgba(0,0,0,.35), rgba(0,0,0,.55)); opacity: 1; }
.wa-hero--racing .wa-hero__title { font-size: clamp(2rem, 5vw, 3.6rem); text-transform: none; letter-spacing: 0; font-weight: 700; }
.wa-racing__logo img, .wa-racing__sponsorer img { height: auto; filter: drop-shadow(0 2px 8px rgba(0,0,0,.4)); }
.wa-side--willing-able-racing-2027 h2.wp-block-heading { margin-top: 3rem; }
.wa-side--willing-able-racing-2027 .wa-kolonner h2.wp-block-heading, .wa-side--willing-able-racing-2027 .wa-kolonner h3.wp-block-heading { margin-top: 0; font-size: 1.15rem; }
.wa-racing__ansoegning { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--wp--preset--color--accent-2); scroll-margin-top: 6rem; }
.wa-side .wp-block-post-template { gap: 2rem; } .wa-side .wp-block-post-terms { text-transform: uppercase; letter-spacing: .15em; font-size: .7rem; font-weight: 700; margin-top: .8rem; } .wa-side .wp-block-post-terms a { color: var(--wp--preset--color--brand); text-decoration: none; } .wa-side .wp-block-post-title a { text-decoration: none; color: inherit; }


/* ====================================================================
   REDESIGN FASE 1 — FUNDAMENT (2026-10-28, Brandmanual v2.0 + Siteplan)
   "Løftet funktionstøj": interfacet er næsten farveløst — hvid, Alt. Sort,
   sand og hårfine linjer; rød kun til én ting pr. skærmhøjde. Ingen skygger,
   ingen afrundede hjørner, ingen gradienter. DIN 2014 til display (versaler,
   sperring), Roboto til al løbende tekst. Tokens i theme.json.
   Reglerne herunder OVERSTYRER uc-lagets inline-CSS (printes efter denne
   fil) — derfor "body"-præfiks/!important hvor uc-filen selv bruger det.
   Afsnit: 1 typografi · 2 flader/linjer · 3 knapper/felter · 4 header ·
   5 mobilmenu · 6 footer · 7 varekort · 8 paneler (filter/søg/sortering)
   ==================================================================== */

:root {
	--wa-hairline: var(--wp--preset--color--accent-6, #E6E4E0);
	--wa-sand: var(--wp--preset--color--accent-2, #ECE8E1);
	--wa-display: var(--wp--preset--font-family--display, "din-2014", Arial, sans-serif);
	--wa-body: var(--wp--preset--font-family--body, Roboto, Arial, sans-serif);
	--wa-header-h: 64px;
	--wa-margin: clamp(20px, 3.34vw, 48px);
}

/* ---- 1. Typografi: Roboto 16/15 brød, DIN versaler i display ---- */
body { font-family: var(--wa-body); font-size: 16px; line-height: 1.6; font-weight: 400; letter-spacing: 0; }
@media (max-width: 781px) { body { font-size: 15px; } }
h1, h2, h3, h4, h5, h6, .wp-block-post-title, .wp-block-query-title {
	font-family: var(--wa-display); font-weight: 300; text-transform: uppercase;
	letter-spacing: 0.04em; line-height: 1.15; font-style: normal;
}
h1, .wp-block-query-title { font-size: 40px; }
h2 { font-size: 24px; }
h3 { font-size: 18px; }
h4, h5, h6 { font-size: 16px; }
@media (max-width: 781px) {
	h1, .wp-block-query-title { font-size: 28px; }
	h2 { font-size: 20px; }
	h3 { font-size: 16px; }
}
/* Eyebrow/etiket-stil (DIN 11 px, sperring 0,12 em) som fælles klasse */
.wa-eyebrow { font-family: var(--wa-display); font-size: 11px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; }
/* Links i brødtekst: sort, understreget ved hover (theme.json); ingen grønne hover-farver fra uc-laget */
body a:hover, body .uc-filter__value:hover, body .uc-filter__grouphead:hover, body .uc-filter__branchhead:hover,
body .uc-nav__link:hover, body .uc-footer__link:hover, body .uc-emptycart button:hover, body .uc-filter__reset:hover {
	color: var(--wp--preset--color--contrast);
}

/* ---- 2. Flader og linjer: ingen skygger, ingen radius, hårfine linjer ---- */
body .uc-nav__panel-box, body .uc-filter__panel, body .uc-sort__menu, body .uc-search__suggest,
body .uc-lightbox__close, body .shipmondo-modal_content, body .wc-block-components-dropdown-selector__list,
body .wc-block-components-combobox-list {
	box-shadow: none; border-radius: 0; border: 1px solid var(--wa-hairline);
}
body .uc-filter__divider { border-top-color: var(--wa-hairline); }
body .uc-filter__grouphead, body .uc-filter__grid, body .uc-filter__branch + .uc-filter__branch { border-color: var(--wa-hairline); }
body .uc-filter__children { border-left-color: var(--wa-hairline); }
body .uc-search__form { border-radius: 0; background: var(--wa-sand); }
body .uc-filter__toggle, body .uc-sort__toggle { border-radius: 0; background: transparent; border: 1px solid var(--wa-hairline); }
body .uc-filter__toggle.is-active::after, body .uc-sort__toggle.is-active::after { border-radius: 0; background: var(--wp--preset--color--brand); }
body .uc-filter__chip { border-radius: 0; }
body .uc-var-pill { border-radius: 0; }
body .wc-block-components-notice-banner, body .woocommerce-message, body .woocommerce-info, body .woocommerce-error { border-radius: 0 !important; }
/* Valgt filterværdi: sort + fed (var grøn) */
body .uc-filter__value.is-selected, body .uc-sort__option.is-active { color: var(--wp--preset--color--contrast); }

/* ---- 3. Knapper og felter: firkantede, 48 px, DIN 12 px versaler ----
   Sekundær (standard): sort kant, sort tekst, hvid bund.
   Primær (købsflowet — Add to cart, Checkout, Place order): rød bund, hvid tekst.
   Kun én primær knap pr. skærmhøjde (Brandmanual). */
.wp-block-button__link, .wc-block-components-button, button.button, .button,
input[type="submit"], .single_add_to_cart_button, .wa-knap {
	font-family: var(--wa-display) !important; font-size: 12px !important; font-weight: 300 !important;
	letter-spacing: 0.1em !important; text-transform: uppercase !important; line-height: 1 !important;
	min-height: 48px; padding: 0 24px !important; border-radius: 0 !important; box-shadow: none !important;
	display: inline-flex; align-items: center; justify-content: center;
	background: transparent; color: var(--wp--preset--color--contrast);
	border: 1px solid var(--wp--preset--color--contrast);
	transition: none;
}
.wp-block-button__link:hover, .wc-block-components-button:hover, button.button:hover, .button:hover, input[type="submit"]:hover {
	background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base);
}
body .single_add_to_cart_button, body .wc-block-cart__submit-button, body .wc-block-mini-cart__footer-checkout,
body .wc-block-components-checkout-place-order-button {
	background-color: var(--wp--preset--color--brand) !important; color: var(--wp--preset--color--base) !important;
	border-color: var(--wp--preset--color--brand) !important; min-height: 48px; width: 100%;
}
body .single_add_to_cart_button:hover, body .wc-block-cart__submit-button:hover, body .wc-block-mini-cart__footer-checkout:hover,
body .wc-block-components-checkout-place-order-button:hover {
	background-color: var(--wp--preset--color--contrast) !important; border-color: var(--wp--preset--color--contrast) !important;
}
/* Felter: 48 px, hårfin ramme, ingen radius, label over feltet (Woo-blokkenes flydende label beholdes, men rammen følger med) */
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], input[type="url"],
select, textarea, .wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input,
.wc-block-components-form .wc-block-components-text-input input {
	border-radius: 0 !important; border: 1px solid var(--wp--preset--color--contrast); box-shadow: none !important;
	background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); font-family: var(--wa-body);
}
.wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input { min-height: 48px; }
.wc-block-components-text-input input:focus, input:focus, select:focus, textarea:focus { border-color: var(--wp--preset--color--contrast); box-shadow: none !important; }
.wc-block-components-text-input.is-active label, .wc-block-components-text-input label { font-family: var(--wa-body); }

/* ---- 4. Header: 64 px desktop / 56 px mobil, hvid, hårfin linje under, logo 28 px ---- */
body .uc-header { background: var(--wp--preset--color--base); border-bottom: 1px solid var(--wa-hairline); }
body .uc-header .wp-block-group.alignwide {
	padding-top: 0 !important; padding-bottom: 0 !important; min-height: var(--wa-header-h);
	position: relative;
}
body .konggaard-logo svg { height: 28px; }
/* Overlay-headeren (forsiden) udgår: headeren er altid hvid og sticky — heroen begynder under den (fase 4 tegner forsiden om). */
header.wp-block-template-part:has(.uc-header--overlay) { position: sticky !important; }
header.wp-block-template-part:has(.uc-header--overlay) + * { margin-block-start: var(--wp--style--block-gap, 1.2rem); }
body .uc-header--overlay:not(.uc-header--scrolled) { background: var(--wp--preset--color--base); }
body .uc-header--overlay:not(.uc-header--scrolled) .konggaard-logo, body .uc-header--overlay:not(.uc-header--scrolled) .uc-nav__link,
body .uc-header--overlay:not(.uc-header--scrolled) .uc-nav__burger, body .uc-header--overlay:not(.uc-header--scrolled) .uc-header__icons .uc-marked__toggle,
body .uc-header--overlay:not(.uc-header--scrolled) .uc-header__icons .wc-block-customer-account__link,
body .uc-header--overlay:not(.uc-header--scrolled) .uc-header__icons .wc-block-mini-cart__button,
body .uc-header--overlay:not(.uc-header--scrolled) .uc-nav__menu .uc-nav__link { color: var(--wp--preset--color--contrast); }
/* Navigation: DIN 13 px versaler, sperring 0,08 em */
body .uc-nav { gap: 32px; }
body .uc-nav__menu { gap: 32px; }
body .uc-nav__link { font-family: var(--wa-display); font-size: 13px; font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase; }
body .uc-nav__toggle { font-family: var(--wa-display); font-size: 13px; font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase; }
/* Ikoner: sort; logget ind = stadig sort (ingen grøn) */
body .uc-header:not(.uc-header--guest) .wc-block-customer-account__link { color: var(--wp--preset--color--contrast); }
/* Kurv-badge: rød, firkantet, altid synlig (0 i tom kurv = sort) */
body .uc-cart-badge { border-radius: 0; background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); font-family: var(--wa-display); }
body .uc-cart-badge--items { background: var(--wp--preset--color--brand); }
/* Markeds-/valutaknappen (uc-valuta, globus): samme rolige udtryk */
body .uc-header__icons .uc-marked__toggle { border-radius: 0; }
/* Søgerækken (kun /shop): hårfin, firkantet, 44 px */
body .uc-header__searchwrap .uc-search__form { padding: 0 14px; min-height: 44px; }
body .uc-search__input, body .uc-search__input:focus { border: 0 !important; background: transparent; }
body .uc-header__searchwrap .uc-filter__toggle, body .uc-header__searchwrap .uc-sort__toggle { width: 44px; height: 44px; }
@media (max-width: 781px) {
	:root { --wa-header-h: 56px; }
	/* Burger til venstre (52 × 52 trykflade), logo centreret, ikoner til højre */
	body .uc-header .wp-block-group.alignwide { justify-content: flex-end; }
	body .uc-header .konggaard-logo { position: absolute; left: 50%; top: 0; height: var(--wa-header-h); transform: translateX(-50%); }
	body .konggaard-logo svg { height: 16px; }
	/* Burgeren positioneres mod HEADER-rækken (ikke nav'en, som uc-laget gør position:relative) */
	body .uc-nav { position: static; }
	body .uc-nav__burger { position: absolute; left: -8px; top: 0; width: 52px; height: var(--wa-header-h); display: flex; align-items: center; justify-content: center; }
	body .uc-header__icons { gap: 8px !important; }
	body .uc-nav__burger svg { width: 24px; height: 24px; }
	body .uc-header__searchwrap { padding: 8px 0 10px; border-top: 1px solid var(--wa-hairline); }
	body .uc-header__icons { padding-left: 0; }
}

/* ---- 5. Mobilmenu: fuldskærm, hvid, DIN 20 px med 24 px luft ---- */
@media (max-width: 781px) {
	body .uc-nav.is-open .uc-nav__menu, body .uc-nav__menu {
		position: fixed; top: var(--wa-header-h); left: 0; right: 0; bottom: 0; width: auto;
		padding: 32px var(--wa-margin); gap: 24px; box-shadow: none; border-radius: 0;
		border-top: 1px solid var(--wa-hairline); overflow-y: auto;
		background: var(--wp--preset--color--base);
	}
	body .uc-nav__menu .uc-nav__link, body .uc-nav__menu .uc-nav__toggle { font-size: 20px; letter-spacing: 0.08em; }
	body .uc-nav__panel-box { border: 0; padding: 12px 0 0 0; }
}

/* ---- 6. Footer: mørk flade (#141D28), hvid tekst, DIN-versaler i links ---- */
body .wp-site-blocks > footer.wp-block-template-part { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
body .uc-footer { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); padding-top: 56px !important; padding-bottom: 40px !important; }
body .uc-footer .konggaard-logo { color: var(--wp--preset--color--base); }
body .uc-footer .konggaard-logo svg { height: 22px; }
body .uc-footer__links { flex-direction: row; flex-wrap: wrap; gap: 24px; align-items: center; text-align: left; }
body .uc-footer__link { color: var(--wp--preset--color--base); font-family: var(--wa-display); font-size: 11px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; }
body .uc-footer__link:hover { color: var(--wp--preset--color--base); text-decoration: underline; }
body .uc-footer__counter { color: var(--wa-sand); opacity: 1; font-size: 12px; white-space: normal; margin-top: 40px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .15); }
body .uc-footer--mobile .uc-footer__links { gap: 16px 24px; }

/* ---- 7. Varekort: 4:5-billede, navn i DIN 12 px, pris i Roboto 14 px, intet andet ----
   Markup'en er uc-shops (Woo product-collection); her ændres kun udtrykket.
   Gitter: 4 kolonner desktop, 3 tablet, 2 mobil, 12 px mellemrum, ingen gitterstreger, hvid bund. */
body ul.wc-block-product-template { --uc-gap: 12px; column-gap: 12px !important; row-gap: 40px !important; }
@media (max-width: 781px) { body ul.wc-block-product-template { grid-template-columns: 1fr 1fr !important; row-gap: 32px !important; } }
@media (min-width: 782px) and (max-width: 1023px) { body ul.wc-block-product-template { grid-template-columns: 1fr 1fr 1fr !important; } }
@media (min-width: 1024px) { body ul.wc-block-product-template { grid-template-columns: repeat(4, 1fr) !important; } }
body .wc-block-product-template li.wc-block-product::before, body .wc-block-product-template li.wc-block-product::after { content: none !important; }
/* Billedet: 4:5-ramme på hvid, packshottet (1:1 i dag) vises helt — ingen beskæring. Når 4:5-packshots findes, fylder de rammen. */
body .wc-block-product-template .wc-block-components-product-image img {
	aspect-ratio: 4 / 5 !important; object-fit: contain !important; object-position: center;
	width: 100%; height: auto; background: var(--wp--preset--color--base); display: block;
}
body .wc-block-product-template .wc-block-components-product-image { margin-bottom: 12px; }
/* Ingen logo-vandmærke på billedet — mærket er lille med vilje (Project Knowledge 1.7) */
body .uc-brandmark { display: none !important; }
/* Navn: DIN 12 px versaler, venstrestillet, må bryde til to linjer */
body .wc-block-product-template .wp-block-post-title, body .wc-block-product-template .wp-block-post-title a {
	font-family: var(--wa-display); font-size: 12px !important; font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase;
	text-align: left !important; white-space: normal; overflow: visible; line-height: 1.35 !important; text-decoration: none;
}
body .wc-block-product-template li.wc-block-product > .wp-block-post-title, body .uc-cardswap > .wp-block-post-title { margin: 0 0 4px !important; }
/* Kort varetekst: ikke på kortet (Brandmanual: navn, farve, pris — resten står på varesiden) */
body .wc-block-product-template .uc-cardshort { display: none !important; }
/* Prisknappen ("Bestil her for …") som stille prislinje i Roboto 14 px — hele kortet er klikbart i forvejen */
body .wc-block-product-template .wc-block-components-product-button,
body .wc-block-product-template .wc-block-components-product-button.align-center { text-align: left !important; justify-content: flex-start; margin: 0 !important; width: 100%; }
body .wc-block-product-template .wc-block-components-product-button .wp-block-button__link { display: block; width: 100%; text-align: left; }
body .wc-block-product-template .wp-block-button__link, body .wc-block-product-template .wp-block-button__link:hover,
body .wc-block-product-template .wp-block-button__link:active, body .wc-block-product-template .wp-block-button__link.loading {
	background: transparent !important; color: var(--wp--preset--color--contrast) !important; border: 0 !important;
	padding: 0 !important; min-height: 0; min-width: 0; height: auto; justify-content: flex-start;
	font-family: var(--wa-body) !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important;
	line-height: 1.4 !important; white-space: normal;
}
body .wc-block-product-template .uc-cardprice { text-align: left; font-size: 12px; margin-top: 2px; white-space: normal; color: var(--wp--preset--color--accent-4); }
/* Hover-lageroverblikket (størrelser) følger kortets venstrekant og hårfine udtryk */
body .uc-hoverattrs { text-align: left; }
body .uc-hoverattrs__vals { justify-content: flex-start; font-family: var(--wa-body); font-size: 11px; color: var(--wp--preset--color--accent-4); }
body .uc-hoverattrs__val.is-off { text-decoration: line-through; }
body .uc-hoverattrs__label { display: none; }
/* Tilbudsmærket (uc-shops SVG-stempel) beholdes indtil fase 3 vælger badge-ord (NEW · LIMITED · SOLD OUT) */

/* ---- 8. Paneler (filter, søgeforslag, sortering): hvide, hårfine, firkantede ---- */
body .uc-filter__chip { background: var(--wp--preset--color--contrast); font-family: var(--wa-display); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
body .uc-filter__chip:hover { background: var(--wp--preset--color--contrast); }
body .uc-sort__option:hover, body .uc-search__item:hover, body .uc-search__item.is-active { background: var(--wp--preset--color--accent-5); }
body .uc-loadmore { font-family: var(--wa-display); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; opacity: 1; }


/* ====================================================================
   REDESIGN FASE 2 — VARESIDEN (2026-10-28, Siteplan + Brandmanual v2.0,
   Acne/Fingerscrossed-mønster). Templaten er temaets templates/single-
   product.html: galleriet som lodret stak i venstre kolonne (60 %), sticky
   købsboks til højre (40 %): navn · pris · størrelsesguide · varianter som
   knapper · Add to cart · servicelinje · kort beskrivelse. Under kolonnerne
   uc-productinfos Beskrivelse + Specifikationer som to rolige spalter;
   Varedata (SKU, kategori, mærke) skjules. Mobil: galleri som vandret
   swipe, købsboks i flowet, uc-varesides faste bundbjælke beholdes.
   uc-vareside.php printer sin CSS EFTER denne fil — derfor tungere
   selectorer (.wp-block-column.wa-vare__boks) og !important, hvor uc selv
   bruger det. Slideren er slået fra i functions.php.
   ==================================================================== */

/* ---- Rammen ---- */
body.single-product .wa-vare { padding-top: 16px; }
body.single-product .wc-block-breadcrumbs { font-family: var(--wa-body); font-size: 12px; color: var(--wp--preset--color--accent-4); margin-bottom: 24px; }
body.single-product .wc-block-breadcrumbs a { color: inherit; text-decoration: none; }
body.single-product .wc-block-breadcrumbs a:hover { text-decoration: underline; }
body.single-product .wa-vare__kolonner { gap: 64px !important; align-items: flex-start; }

/* ---- Galleriet: lodret stak, hvert billede i fuld kolonnebredde (slideren er slået fra) ---- */
body.single-product .wp-block-woocommerce-product-image-gallery,
body.single-product .woocommerce-product-gallery { width: 100% !important; max-width: none !important; margin: 0 !important; float: none; }
body.single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper { width: 100% !important; display: block; }
body.single-product .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image:nth-child(n+2) { display: block !important; width: 100% !important; float: none; margin: 0 0 8px !important; }
body.single-product .woocommerce-product-gallery__image img { width: 100%; height: auto; display: block; background: var(--wp--preset--color--base); }
body.single-product .woocommerce-product-gallery__trigger { display: none !important; }
body.single-product .wp-block-woocommerce-product-image-gallery .onsale.uc-salebadge { top: 12px !important; left: 12px !important; right: auto !important; }

/* ---- Købsboksen: sticky, i flowets rækkefølge — uc-varesides højde-/bund-logik ophæves ---- */
body.single-product .wp-block-column.wa-vare__boks { position: sticky; top: calc(var(--wa-header-h) + 32px); align-self: flex-start; }
body.single-product .wp-block-column.wa-vare__boks, body.single-product .wp-block-column.uc-vb-col { display: flex; flex-direction: column; min-height: 0 !important; }
body.single-product .wp-block-column.wa-vare__boks > * { order: 10; flex: none; margin: 0; }
body.single-product .wp-block-column.wa-vare__boks > .wp-block-post-title { order: 1; margin: 0 0 8px !important; }
body.single-product .wp-block-column.wa-vare__boks > .wp-block-woocommerce-product-price { order: 2; margin: 0 0 24px !important; }
/* Størrelsesguide-linket står til højre på samme linje som etiketten "Størrelse" (negativ bundmargin ind over formularen) */
body.single-product .wp-block-column.wa-vare__boks > .wa-vare__sizeguide { order: 3; margin: 0 0 -20px !important; text-align: right; position: relative; z-index: 2; line-height: 20px; }
body.single-product .wp-block-column.wa-vare__boks > .wp-block-woocommerce-add-to-cart-form { order: 4; margin: 0 0 16px !important; }
body.single-product .wp-block-column.wa-vare__boks > .wa-vare__service { order: 5; margin: 0 0 32px !important; }
body.single-product .wp-block-column.wa-vare__boks > .uc-pi-short { order: 6; margin: 0 !important; padding-top: 24px; border-top: 1px solid var(--wa-hairline); }
/* Navn: DIN 20 px versaler, må bryde (uc holder den på én linje og skalerer skriften) */
body.single-product .wp-block-column.wa-vare__boks > h1.wp-block-post-title {
	font-family: var(--wa-display); font-size: 20px !important; font-weight: 300; letter-spacing: 0.06em; text-transform: uppercase;
	line-height: 1.25 !important; white-space: normal !important; overflow: visible;
}
/* Pris: Roboto 18 px (uc: titlens skrift i 30 px på mobil, "Pris"/"Før"-etiketter på desktop) */
body.single-product .wp-block-column.wa-vare__boks .wc-block-components-product-price {
	font-family: var(--wa-body) !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.3; color: var(--wp--preset--color--contrast);
}
body.single-product .wp-block-column.wa-vare__boks .uc-vd__pl { display: none !important; }
body.single-product .wp-block-column.wa-vare__boks .wc-block-components-product-price del { display: inline !important; color: var(--wp--preset--color--accent-4); margin-right: .5em; }
body.single-product .wp-block-column.wa-vare__boks .wc-block-components-product-price ins { text-decoration: none; }
body.single-product .uc-vb__pricespar { font-family: var(--wa-body); font-size: 12px; color: var(--wp--preset--color--accent-4); opacity: 1; }
/* Kort beskrivelse: Roboto 15/1.6 */
body.single-product .wp-block-column.wa-vare__boks > .uc-pi-short { font-family: var(--wa-body); font-size: 15px !important; line-height: 1.6; opacity: 1; }
body.single-product .wp-block-column.wa-vare__boks > .uc-pi-short p { margin: 0 0 .6em; }
/* Størrelsesguide-link og servicelinje: Roboto 12 px */
body.single-product .wa-vare__sizeguide { font-family: var(--wa-body); font-size: 12px; }
body.single-product .wa-vare__sizeguide a { color: var(--wp--preset--color--contrast); text-decoration: underline; text-underline-offset: 2px; }
body.single-product .wa-vare__service { font-family: var(--wa-body); font-size: 12px; color: var(--wp--preset--color--accent-4); }
body.single-product .wa-vare__service a { color: inherit; text-decoration: none; }
body.single-product .wa-vare__service a:hover { text-decoration: underline; }

/* ---- Varianter som knapper: 44 px, firkantede, hårfin kant; valgt = sort; udsolgt = overstreget ---- */
body.single-product .variations th.label { font-family: var(--wa-display) !important; font-size: 11px !important; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; opacity: 1 !important; color: var(--wp--preset--color--contrast); padding: 0 0 8px !important; }
body.single-product .uc-var-pills { gap: 8px !important; }
body.single-product .uc-var-pill, body.single-product .wp-block-column .uc-var-pill {
	font-family: var(--wa-body); font-size: 13px !important; min-height: 44px !important; min-width: 44px !important;
	padding: 0 12px !important; border: 1px solid var(--wa-hairline) !important; border-radius: 0 !important;
	justify-content: center; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--base);
}
body.single-product .uc-var-pill:hover { border-color: var(--wp--preset--color--contrast) !important; }
body.single-product .uc-var-pill.is-selected, body.single-product .wp-block-column .uc-var-pill.is-selected {
	border: 1px solid var(--wp--preset--color--contrast) !important; background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base);
	font-weight: 400; padding: 0 12px !important;
}
body.single-product .uc-var-pill.is-off, body.single-product .wp-block-column .uc-var-pill.is-off {
	border-color: var(--wa-hairline) !important; color: var(--wp--preset--color--muted); text-decoration: line-through; background: transparent;
}
body.single-product .variations .reset_variations { font-family: var(--wa-body); font-size: 12px !important; color: var(--wp--preset--color--accent-4); }
/* Lagerlinjen ("Vælg din variant" / valgt variant + prik) */
body.single-product .uc-vb__toggle { font-family: var(--wa-body); font-size: 13px !important; border-bottom: 1px solid var(--wa-hairline) !important; padding: 12px 0 !important; margin: 8px 0 12px !important; }
/* Knappen: rød, fuld bredde, 48 px (fase 1-reglerne), antallet som understreget tal inde i den (uc) */
body.single-product .wp-block-woocommerce-add-to-cart-form .single_add_to_cart_button { min-height: 48px !important; padding: 0 1em 0 4.6em !important; font-size: 12px !important; }
body.single-product .wp-block-woocommerce-add-to-cart-form .quantity .qty { font-family: var(--wa-body); font-weight: 400; font-size: 14px; }

/* ---- Under kolonnerne: Beskrivelse og Specifikationer som to rolige spalter; Varedata skjules ---- */
body.single-product .uc-pi, body.single-product .wp-site-blocks .uc-pi {
	margin-top: 96px !important; padding-top: 40px; border-top: 1px solid var(--wa-hairline);
	grid-template-columns: 3fr 2fr; grid-template-areas: "desc specs"; gap: 40px 64px;
}
body.single-product .uc-pi__data, body.single-product .wp-site-blocks .uc-pi__data { display: none !important; }
body.single-product .uc-pi__title { font-family: var(--wa-display); font-size: 11px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; margin: 0 0 16px; }
body.single-product .uc-pi__desc, body.single-product .wp-site-blocks .uc-pi__desc { font-family: var(--wa-body); font-size: 15px !important; line-height: 1.6 !important; max-width: 680px; }
body.single-product .uc-pi__desc p { margin: 0 0 .8em !important; }
body.single-product .uc-pi__specs, body.single-product .wp-site-blocks .uc-pi__specs { font-family: var(--wa-body); font-size: 14px !important; line-height: 1.5 !important; }
body.single-product .uc-pi__specs .uc-pi__list, body.single-product .wp-site-blocks .uc-pi__specs .uc-pi__list { grid-template-columns: minmax(7em, 10em) 1fr !important; gap: 10px 24px !important; }
body.single-product .uc-pi__specs .uc-pi__label { color: var(--wp--preset--color--accent-4); opacity: 1; padding-bottom: 10px; border-bottom: 1px solid var(--wa-hairline); }
body.single-product .uc-pi__specs .uc-pi__value { padding-bottom: 10px; border-bottom: 1px solid var(--wa-hairline); }
body.single-product .wp-block-woocommerce-product-details { display: none; }

/* ---- Relaterede varer: samme kort som shoppen, rolig overskrift, firkantede pile ---- */
body.single-product .uc-related { margin-top: 96px; padding-top: 40px; border-top: 1px solid var(--wa-hairline); }
body.single-product .uc-related .wp-block-heading { font-size: 13px; letter-spacing: 0.12em; margin: 0 0 24px; }
body.single-product .uc-related ul.wc-block-product-template { --uc-gap: 12px; padding: 0 !important; }
body .uc-related__arrow { border-radius: 0; box-shadow: none; border: 1px solid var(--wa-hairline); }
body .uc-related .wc-block-product-template li.wc-block-product:nth-child(n)::before { content: none; }

/* ---- Mobil ---- */
@media (max-width: 781px) {
	body.single-product .wc-block-breadcrumbs { display: none !important; }
	body.single-product .wa-vare { padding-top: 0; }
	body.single-product .wa-vare__kolonner { gap: 24px !important; }
	/* Galleriet som vandret swipe i fuld bredde (uc-vareside gav hovedbilledet 85 % + lodret miniaturerække) */
	body.single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
		display: flex !important; width: 100% !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
		scrollbar-width: none; gap: 0;
	}
	body.single-product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper::-webkit-scrollbar { display: none; }
	body.single-product .woocommerce-product-gallery__image, body.single-product .woocommerce-product-gallery__image:nth-child(n+2) {
		flex: 0 0 100%; scroll-snap-align: start; margin: 0 !important;
	}
	body.single-product .wp-block-column.wa-vare__boks { position: static; }
	/* Formularen er fast i bunden (uc-vareside), så linket står alene over servicelinjen — ingen negativ margin her */
	body.single-product .wp-block-column.wa-vare__boks > .wa-vare__sizeguide { margin: 0 0 12px !important; text-align: left; }
	/* uc-varesides faste bundbjælke: hårfin linje i stedet for skygge */
	body.single-product .wp-block-woocommerce-add-to-cart-form { box-shadow: none !important; border-top: 1px solid var(--wa-hairline); }
	body.single-product .uc-pi, body.single-product .wp-site-blocks .uc-pi { grid-template-columns: 1fr; grid-template-areas: "desc" "specs"; gap: 32px; margin-top: 56px !important; padding-top: 32px; }
	body.single-product .uc-related { margin-top: 56px; padding-top: 32px; }
}


/* ====================================================================
   REDESIGN FASE 3 — SHOP/LISTESIDER, MINIKURV, KURV, KASSE (2026-10-28)
   Markup'en er WooCommerces blokke og uc-lagets (uc-shop, uc-filter,
   uc-search, uc-checkout-ux); her kun udtrykket.
   ==================================================================== */

/* ---- Listesider: titel i DIN 24 px, rolig filterbjælke, intet andet over gitteret ---- */
body.archive .wp-block-query-title, body.post-type-archive-product .wp-block-query-title { font-size: 24px; margin: 8px 0 24px; }
body.archive .wc-block-breadcrumbs, body.post-type-archive-product .wc-block-breadcrumbs { font-family: var(--wa-body); font-size: 12px; color: var(--wp--preset--color--accent-4); }
body.archive .wc-block-breadcrumbs a { color: inherit; text-decoration: none; }
body .uc-filter-bar { border-bottom: 1px solid var(--wa-hairline); padding-bottom: 12px; margin-bottom: 24px; }
body .term-description, body .wp-block-term-description { display: none; }
@media (max-width: 781px) {
	body.archive .wc-block-breadcrumbs, body.post-type-archive-product .wc-block-breadcrumbs { display: none !important; }
	body.archive .wp-block-query-title { font-size: 20px; }
}

/* ---- Minikurven (Woos skuffe): hvid, hårfine linjer, DIN-overskrift, rød Checkout + sekundær "Se kurv" ---- */
body .wc-block-components-drawer { border-radius: 0 !important; box-shadow: none; border-left: 1px solid var(--wa-hairline); }
body .wc-block-components-drawer__screen-overlay { background: rgba(20, 29, 40, .35); }
body .wc-block-mini-cart__title, body .wc-block-mini-cart__title .wc-block-mini-cart__title-text { font-family: var(--wa-display); font-size: 13px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; }
body .wc-block-components-drawer__close { border-radius: 0; }
body .wc-block-mini-cart__footer { border-top: 1px solid var(--wa-hairline); background: var(--wp--preset--color--base); padding: 16px 24px 24px; }
body .wc-block-mini-cart__footer .wc-block-components-totals-item { font-family: var(--wa-body); font-size: 14px; }
body .wc-block-mini-cart__footer-actions { display: grid; gap: 8px; }
body .wc-block-mini-cart__footer-cart.wc-block-components-button { background: transparent; color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--contrast); }
body .wc-block-mini-cart__footer-cart.wc-block-components-button:hover { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
body .wc-block-mini-cart__shopping-button { background: transparent; color: var(--wp--preset--color--contrast); border: 1px solid var(--wp--preset--color--contrast); }
body .wc-block-cart__empty-cart__image, body .wc-block-mini-cart__empty-cart-wrapper svg { display: none !important; }

/* ---- Kurvlinjer (minikurv og kurvside): lille 4:5-billede, navn i DIN, pris i Roboto, hårfin linje mellem rækkerne ---- */
body .wc-block-cart-items__row, body .wc-block-mini-cart-items .wc-block-cart-items__row { border-bottom: 1px solid var(--wa-hairline); padding: 16px 0; }
body .wc-block-cart-items__header { font-family: var(--wa-display); font-size: 11px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; border-bottom: 1px solid var(--wa-hairline); }
body .wc-block-cart-item__image img { aspect-ratio: 4 / 5; object-fit: contain; width: 80px; background: var(--wp--preset--color--base); }
body .wc-block-components-product-name { font-family: var(--wa-display); font-size: 12px; font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; }
body .wc-block-components-product-metadata, body .wc-block-components-product-details { font-family: var(--wa-body); font-size: 13px; color: var(--wp--preset--color--accent-4); }
body .wc-block-components-product-price, body .wc-block-cart-item__total { font-family: var(--wa-body); font-size: 14px; }
body .wc-block-components-quantity-selector { border-radius: 0; border: 1px solid var(--wa-hairline); box-shadow: none; }
body .wc-block-components-quantity-selector::after { border-radius: 0; box-shadow: none; border: 0; }
body .wc-block-components-quantity-selector input { font-family: var(--wa-body); }
body .wc-block-cart-item__remove-link { font-family: var(--wa-body); font-size: 12px; color: var(--wp--preset--color--accent-4); }

/* ---- Kurvsiden: titel DIN 24, totalboks med hårfin ramme, ingen radius ---- */
body.woocommerce-cart h1.wp-block-post-title { font-size: 24px; margin-bottom: 24px; }
body .wc-block-cart .wc-block-components-sidebar, body .wc-block-components-sidebar-layout .wc-block-components-sidebar { border: 1px solid var(--wa-hairline); padding: 24px; }
body .wc-block-components-totals-item, body .wc-block-components-totals-footer-item { font-family: var(--wa-body); }
body .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, body .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-family: var(--wa-display); font-size: 14px; font-weight: 300; letter-spacing: 0.06em; text-transform: uppercase; }
body .wc-block-components-totals-coupon .wc-block-components-panel__button, body .wc-block-components-panel__button { font-family: var(--wa-body); font-size: 13px; }
body .wc-block-components-panel__button, body .wc-block-components-totals-coupon-link { color: var(--wp--preset--color--accent-4); }
body .wc-block-cart__submit-container { padding: 0; }
body .wc-block-components-shipping-rates-control__package, body .wc-block-components-radio-control__option { font-family: var(--wa-body); font-size: 14px; }
/* Klassiske varekort (Woos [products]/cross-sells på den tomme kurv) i samme udtryk som gitteret */
body ul.products li.product .woocommerce-loop-product__title, body ul.products li.product h2 { font-family: var(--wa-display); font-size: 12px; font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase; text-align: left; text-decoration: none; }
body ul.products li.product a img { aspect-ratio: 4 / 5; object-fit: contain; width: 100%; margin: 0 0 12px; }
body ul.products li.product .button { background: transparent !important; color: var(--wp--preset--color--contrast) !important; border: 0 !important; padding: 0 !important; min-height: 0; font-family: var(--wa-body) !important; font-size: 14px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; justify-content: flex-start; }
body ul.products li.product .price { font-family: var(--wa-body); font-size: 14px; text-align: left; }
body ul.products li.product { text-align: left; }
body .wc-block-cart__empty-cart__title, body .wp-block-woocommerce-empty-cart-block h2 { font-size: 20px; }

/* ---- Kassen: trin-overskrifter i DIN, felter 48 px, hårfine linjer, rød "Godkend og betal" (fase 1) ---- */
body .wc-block-components-checkout-step__title { font-family: var(--wa-display); font-size: 13px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; }
body .wc-block-components-checkout-step__description { font-family: var(--wa-body); font-size: 13px; color: var(--wp--preset--color--accent-4); }
body .wc-block-components-checkout-step { padding-bottom: 32px; margin-bottom: 8px; }
body .wc-block-components-checkout-step::before, body .wc-block-components-checkout-step::after { display: none; }
body .wc-block-components-radio-control__option, body .wc-block-components-checkbox { font-family: var(--wa-body); font-size: 14px; }
body .wc-block-components-radio-control__input { border-radius: 50%; }
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] { border-radius: 0; border-color: var(--wp--preset--color--contrast); }
body .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--wp--preset--color--contrast); border-color: var(--wp--preset--color--contrast); }
body .wc-block-components-radio-control-accordion-option, body .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
body .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted { border-radius: 0 !important; box-shadow: none !important; border-color: var(--wa-hairline) !important; }
body .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted,
body .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted { border: 1px solid var(--wp--preset--color--contrast) !important; }
body .wc-block-components-order-summary__button-text, body .wc-block-components-checkout-order-summary__title { font-family: var(--wa-display); font-size: 13px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; }
body .wc-block-components-order-summary-item__description .wc-block-components-product-name { font-size: 12px; }
body .wc-block-components-order-summary-item__image img { aspect-ratio: 4 / 5; object-fit: contain; }
body .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button { font-family: var(--wa-body); font-size: 13px; }
body .wc-block-components-payment-method-label { font-family: var(--wa-body); font-size: 14px; }
body .wc-block-components-text-input label, body .wc-block-components-combobox label { font-family: var(--wa-body); font-size: 13px; }
body .wc-block-components-validation-error p, body .wc-block-components-validation-error { font-family: var(--wa-body); font-size: 12px; }
/* Woos tjekboks-/radio-farver følger paletten (Woo bruger temaets contrast som default — rød holdes til knappen) */
body .wc-block-components-radio-control__input:checked { border-color: var(--wp--preset--color--contrast); }
body .wc-block-components-radio-control__input:checked::before { background: var(--wp--preset--color--contrast); }
@media (max-width: 781px) {
	body.woocommerce-checkout .wc-block-checkout__actions_row { box-shadow: none !important; border-top: 1px solid var(--wa-hairline); }
}


/* ====================================================================
   REDESIGN — POLISH (2026-10-29, gennemgang af fase 1–3 med skills:
   mobile-native, better-typography/-layout/-ui, landing-page-design,
   no-ai-design-slop). Ingen animationer (Brandmanual) — kun øjeblikkelige
   tilstande. Fokusring står øverst i filen.
   ==================================================================== */
html {
	-webkit-tap-highlight-color: transparent;   /* ingen grå flash ved tryk */
	-webkit-text-size-adjust: 100%;             /* ingen skriftopblæsning i landskab */
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	scroll-padding-top: calc(var(--wa-header-h) + 16px);  /* ankre lander under den sticky header */
}
/* Kontroller: tryk uden forsinkelse, ingen tekstmarkering ved langt tryk — IKKE på brødtekst og links i tekst */
button, [role="button"], .wp-block-button__link, .wc-block-components-button, .uc-var-pill, .uc-nav__link, .uc-nav__burger, .uc-filter__toggle, .uc-sort__toggle,
.uc-filter__value, .uc-filter__chip, .wc-block-components-quantity-selector button, .uc-related__arrow, .uc-related__dot {
	touch-action: manipulation; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
}
a { touch-action: manipulation; }
/* Hover kun på mus — på touch sidder :hover fast efter et tryk */
@media (hover: none) {
	body a:hover { text-decoration: inherit; }
	.wp-block-button__link:hover, .wc-block-components-button:hover, button.button:hover, .button:hover, input[type="submit"]:hover { background: transparent; color: var(--wp--preset--color--contrast); }
	body .single_add_to_cart_button:hover, body .wc-block-cart__submit-button:hover, body .wc-block-mini-cart__footer-checkout:hover, body .wc-block-components-checkout-place-order-button:hover {
		background-color: var(--wp--preset--color--brand) !important; border-color: var(--wp--preset--color--brand) !important;
	}
	.wa-fs__link a:hover { border-bottom-color: currentColor; }
}
/* Tryk: øjeblikkelig, synlig tilstand (ingen overgang) */
.wp-block-button__link:not(:disabled):active, .wc-block-components-button:not(:disabled):active, button.button:not(:disabled):active, .button:active { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); }
body .single_add_to_cart_button:not(:disabled):active, body .wc-block-cart__submit-button:active, body .wc-block-mini-cart__footer-checkout:active, body .wc-block-components-checkout-place-order-button:active { background-color: var(--wp--preset--color--contrast) !important; border-color: var(--wp--preset--color--contrast) !important; }
body .uc-var-pill:active { background: var(--wa-sand); }
/* Typografi-detaljer: afbalancerede overskrifter, ingen enlige ord på sidste linje, tabulære tal i priser */
h1, h2, h3, .wp-block-post-title, .wp-block-query-title { text-wrap: balance; }
p, .uc-pi__desc, .wa-artikel__tekst { text-wrap: pretty; }
.woocommerce-Price-amount, .wc-block-components-product-price, .wc-block-components-totals-item__value, .wc-block-formatted-money-amount, .uc-cardprice, .uc-vb__btnprice, .wa-wtw-today .wa-today-temp { font-variant-numeric: tabular-nums; }
/* Felter: 16 px på touch, så iOS ikke zoomer ind i feltet */
@media (pointer: coarse) {
	input, select, textarea, .wc-block-components-text-input input, .wc-block-components-combobox .components-combobox-control__input, .wa-nyhedsbrev input, .uc-search__input { font-size: 16px !important; }
}
/* Fuldskærmsmenu og skuffer: ruller selv, ikke siden bagved */
@media (max-width: 781px) { body .uc-nav__menu { overscroll-behavior: contain; } }
body .wc-block-components-drawer__content, body .uc-filter__panel, body .variations_form.uc-vb-open .variations { overscroll-behavior: contain; }
/* Nyhedsbrevets felter: etiket over feltet i Roboto og sentence case (var versal-etiket i den gamle side-CSS) */
.wa-nyhedsbrev__felt span { font-family: var(--wa-body); font-size: 12px; letter-spacing: 0; text-transform: none; font-weight: 400; color: var(--wp--preset--color--accent-4); margin: 0; }
.wa-nyhedsbrev input[type="text"], .wa-nyhedsbrev input[type="email"] { padding: 0 12px; }
.wa-nyhedsbrev__svar { font-weight: 400; }


/* ====================================================================
   REDESIGN FASE 5 — INDHOLD (2026-10-29): journal, artikel, About, collabs,
   collab-side, Teamwear, 404, størrelsesguide.
   ==================================================================== */

/* ---- Journal: titel + kategori-chips i én række, kort i 2 kolonner (1 mobil), billede 3:2, eyebrow, titel DIN 20, dato grå ---- */
.wa-journal { padding-block: 40px 120px; }
.wa-journal__hoved { padding-bottom: 16px; border-bottom: 1px solid var(--wa-hairline); margin-bottom: 40px !important; gap: 16px 32px; }
.wa-journal__hoved > * { margin: 0 !important; }
.wa-journal__titel { font-size: 24px; margin: 0; }
.wa-journal__kategoriliste { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; }
.wa-journal__kategoriliste li a { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid var(--wa-hairline); font-family: var(--wa-display); font-size: 11px; font-weight: 300; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; color: var(--wp--preset--color--contrast); }
.wa-journal__kategoriliste li.current-cat a { background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--contrast); }
@media (hover: hover) { .wa-journal__kategoriliste li a:hover { border-color: var(--wp--preset--color--contrast); } }
.wa-journal__kort { gap: 48px 24px !important; }
.wa-journal__kort .wp-block-post-featured-image { margin: 0 0 16px; }
.wa-journal__kort .wp-block-post-featured-image img { width: 100%; height: auto; display: block; }
.wa-journal__kort .wp-block-post-terms { margin: 0 0 6px; color: var(--wp--preset--color--accent-4); }
.wa-journal__kort .wp-block-post-terms a { color: inherit; text-decoration: none; }
.wa-journal__kort .wp-block-post-title { font-size: 20px; margin: 0 0 6px; }
.wa-journal__kort .wp-block-post-title a { text-decoration: none; }
@media (hover: hover) { .wa-journal__kort .wp-block-post-title a:hover { text-decoration: underline; } }
.wa-journal__kort .wp-block-post-date { font-family: var(--wa-body); font-size: 13px; color: var(--wp--preset--color--accent-4); }
.wa-journal__kort--tre .wp-block-post-title { font-size: 16px; }
.wa-journal__sider { margin-top: 56px; font-family: var(--wa-display); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; gap: 16px; }
.wa-journal__sider a, .wa-journal__sider .page-numbers { text-decoration: none; }
.wa-journal__sider .page-numbers.current { border-bottom: 1px solid currentColor; }
@media (max-width: 781px) {
	.wa-journal { padding-block: 24px 72px; }
	.wa-journal__kort { grid-template-columns: 1fr !important; gap: 32px !important; }
	.wa-journal__kort--tre { grid-template-columns: 1fr !important; }
	.wa-journal__kort .wp-block-post-title { font-size: 18px; }
}
/* Journal-widgetten på Om-siden (tre seneste) følger samme kort */
.wa-om .wp-block-post-template { gap: 24px; }

/* ---- Artikel: tekst 680 px i Roboto 17/1,7, billeder i fuld bredde ud over teksten, meta som eyebrow + dato ---- */
.wa-artikel { padding-block: 40px 96px; }
.wa-artikel__meta { gap: 16px; margin: 0 auto 16px !important; align-items: baseline; max-width: 680px; } /* flex-gruppen får ikke constrained-bredden af sig selv — derfor egen max-width */
.wa-artikel__meta > * { margin: 0 !important; }
.wa-artikel__meta .wp-block-post-terms { color: var(--wp--preset--color--accent-4); } .wa-artikel__meta .wp-block-post-terms a { color: inherit; text-decoration: none; }
.wa-artikel__meta .wp-block-post-date { font-family: var(--wa-body); font-size: 13px; color: var(--wp--preset--color--accent-4); }
.wa-artikel__titel { font-size: 32px; margin: 0 0 32px; }
.wa-artikel__billede { margin: 0 0 48px !important; } .wa-artikel__billede img { width: 100%; height: auto; display: block; }
.wa-artikel__tekst { font-family: var(--wa-body); font-size: 17px; line-height: 1.7; }
.wa-artikel__tekst p { margin: 0 0 1.2em; }
.wa-artikel__tekst h2, .wa-artikel__tekst h3 { margin: 2em 0 .6em; font-size: 20px; }
.wa-artikel__tekst figure.wp-block-image, .wa-artikel__tekst .wp-block-image { margin: 40px 0; }
.wa-artikel__tekst .wp-block-image img { width: 100%; height: auto; display: block; }
/* Billeder i artiklen går ud over tekstbredden (Siteplanen): op til wide-bredden */
@media (min-width: 1024px) { .wa-artikel__tekst .wp-block-image:not(.alignleft):not(.alignright) { width: min(1000px, calc(100vw - 2 * var(--wa-margin))); margin-left: calc(50% - min(500px, (100vw - 2 * var(--wa-margin)) / 2)); } }
.wa-artikel__tekst a { text-decoration: underline; text-underline-offset: 2px; }
.wa-artikel__tekst .wp-block-button__link { text-decoration: none; }
.wa-artikel__flere { padding-block: 40px 120px; border-top: 1px solid var(--wa-hairline); margin-top: 0 !important; }
@media (max-width: 781px) {
	.wa-artikel { padding-block: 24px 56px; }
	.wa-artikel__titel { font-size: 24px; margin-bottom: 24px; }
	.wa-artikel__tekst { font-size: 16px; }
	.wa-artikel__flere { padding-block: 32px 72px; }
}
/* Journal-widget på varesiden/forsiden m.m. bruger samme eyebrow-stil: */
.wp-block-post-terms.wa-eyebrow a { color: inherit; text-decoration: none; }

/* ---- Om: logoet stort og alene, afsnit i 680 px, ét stort billede, Racing som to kolonner, "Pretty fast." som afslutning ---- */
.wa-om { padding-block: 72px 120px; }
.wa-om > * + * { margin-block-start: 96px !important; }
.wa-om__logo { margin: 0 auto !important; width: min(640px, 70%); }
.wa-om__logo img { width: 100%; height: auto; display: block; }
.wa-om__titel { font-size: 40px; margin: 0 0 24px; }
.wa-om__lead { font-family: var(--wa-body); font-size: 20px; line-height: 1.6; margin: 0; }
.wa-om__afsnit h2 { font-size: 24px; margin: 0 0 20px; }
.wa-om__afsnit p { font-family: var(--wa-body); font-size: 17px; line-height: 1.7; margin: 0 0 1.2em; }
.wa-om__afsnit p:last-child { margin-bottom: 0; }
.wa-om__billede { margin: 0 !important; } .wa-om__billede img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 10; object-fit: cover; object-position: 50% 60%; }
.wa-om__racing { padding-top: 48px; border-top: 1px solid var(--wa-hairline); }
.wa-om__racingkolonner { gap: 64px !important; }
.wa-om__racingkolonner .wp-block-column > * + * { margin-block-start: 16px; }
.wa-om__racingbillede { margin: 0 !important; } .wa-om__racingbillede img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 5; object-fit: cover; }
.wa-om__racing h2 { font-size: 24px; margin: 0; }
.wa-om__racing p { font-family: var(--wa-body); font-size: 17px; line-height: 1.6; margin: 0; }
.wa-om__racing .wa-eyebrow { color: var(--wp--preset--color--accent-4); }
.wa-om__slut { text-align: center; padding-block: 48px; border-top: 1px solid var(--wa-hairline); border-bottom: 1px solid var(--wa-hairline); }
.wa-om__tagline { font-size: 56px; letter-spacing: 0.06em; margin: 0 0 24px; }
.wa-om__kontakt h2 { font-size: 13px; letter-spacing: 0.12em; margin: 0 0 8px; }
.wa-om__kontakt p { margin: 0; font-family: var(--wa-body); }
.wa-om__kontakt a { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 781px) {
	.wa-om { padding-block: 40px 72px; }
	.wa-om > * + * { margin-block-start: 56px !important; }
	.wa-om__logo { width: 80%; }
	.wa-om__titel { font-size: 28px; }
	.wa-om__lead { font-size: 17px; }
	.wa-om__racingkolonner { gap: 24px !important; }
	.wa-om__tagline { font-size: 36px; }
	.wa-om__billede img { aspect-ratio: 4 / 5; }
}

/* ---- Collabs-oversigt: ét kort pr. partner i 2 kolonner, billede 4:5, navn DIN 24, "× Willing Able" 13 px ---- */
.wa-collabs { padding-block: 40px 120px; }
.wa-collabs__lead { font-family: var(--wa-body); font-size: 15px; color: var(--wp--preset--color--accent-4); margin: 0 !important; }
.wa-collabs__grid { gap: 56px 24px !important; }
.wa-collab__billede { margin: 0 0 20px !important; }
.wa-collab__billede img { width: 100%; height: auto; display: block; aspect-ratio: 4 / 5; object-fit: cover; }
.wa-collab__navn { font-size: 24px; margin: 0 !important; }
.wa-collab__navn a { text-decoration: none; }
.wa-collab__x { font-family: var(--wa-display); font-size: 13px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--accent-4); margin: 4px 0 12px !important; }
.wa-collab__linje { font-family: var(--wa-body); font-size: 15px; line-height: 1.6; margin: 0 0 16px !important; }
.wa-collab .wa-fs__link { margin: 0 !important; }
@media (max-width: 781px) {
	.wa-collabs { padding-block: 24px 72px; }
	.wa-collabs__grid { grid-template-columns: 1fr !important; gap: 40px !important; }
}

/* ---- Collab-side (Dead Legs): billede 21:9 (4:5 mobil), navn, "× Willing Able", indledning, varegrid i shoppens udtryk, "Kør det med" ---- */
.wa-collabside { padding-block: 0 120px; }
.wp-site-blocks > .wa-collabside { margin-block-start: 0; }
.wa-collabside__hero { margin: 0 0 48px !important; }
.wa-collabside__hero img { width: 100%; height: auto; display: block; aspect-ratio: 21 / 9; object-fit: cover; object-position: 50% 35%; }
.wa-collabside__navn { font-size: 32px; margin: 0; }
.wa-collabside__hoved .wa-collab__x { margin: 8px 0 24px !important; }
.wa-collabside__intro { font-family: var(--wa-body); font-size: 17px; line-height: 1.7; margin: 0 0 16px !important; }
.wa-collabside__varer { margin-top: 72px !important; }
.wa-collabside__med { margin-top: 96px !important; }
.wa-tag-antal { font-family: var(--wa-body); font-size: 13px; color: var(--wp--preset--color--accent-4); margin: 0 0 24px; }
/* Woos klassiske [products]-gitter på collab-siderne: samme kort som shoppen (fase 1/3), 4 kolonner / 2 på mobil */
.wa-collabside ul.products, .wa-collabside .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 40px 12px; margin: 0; padding: 0; list-style: none; }
.wa-collabside ul.products::before, .wa-collabside ul.products::after { display: none !important; content: none !important; }
.wa-collabside ul.products li.product { width: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.wa-collabside ul.products li.product p:empty, .wa-collabside ul.products li.product br { display: none; }
.wa-collabside ul.products li.product .uc-brandmark, .wa-collabside ul.products li.product .added_to_cart { display: none !important; }
@media (max-width: 781px) {
	.wa-collabside { padding-bottom: 72px; }
	.wa-collabside__hero { margin-bottom: 24px !important; } .wa-collabside__hero img { aspect-ratio: 4 / 5; }
	.wa-collabside__navn { font-size: 24px; }
	.wa-collabside__varer { margin-top: 48px !important; } .wa-collabside__med { margin-top: 56px !important; }
	.wa-collabside ul.products, .wa-collabside .woocommerce ul.products { grid-template-columns: repeat(2, 1fr); gap: 32px 12px; }
}

/* ---- Teamwear-pladsholder: logo, overskrift, 40 ord, sekundær knap, ét billede ---- */
.wa-teamwear { padding-block: 72px 120px; }
.wa-teamwear > * + * { margin-block-start: 24px !important; }
.wa-teamwear__logo { width: 220px; margin: 0 0 40px !important; } .wa-teamwear__logo img { width: 100%; height: auto; display: block; }
.wa-teamwear__titel { font-size: 32px; margin: 0; }
.wa-teamwear__tekst { font-family: var(--wa-body); font-size: 17px; line-height: 1.7; margin: 0; }
.wa-teamwear .wp-block-buttons { margin-top: 32px !important; }
.wa-teamwear__billede { margin-top: 72px !important; } .wa-teamwear__billede img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; object-fit: cover; }
@media (max-width: 781px) { .wa-teamwear { padding-block: 40px 72px; } .wa-teamwear__titel { font-size: 24px; } .wa-teamwear__billede { margin-top: 48px !important; } }

/* ---- 404: logoet alene, én linje, to links ---- */
.wa-404 { padding-block: 96px 160px; text-align: center; }
.wa-404 > * + * { margin-block-start: 24px !important; }
.wa-404__logo { width: min(520px, 80%); margin: 0 auto 48px !important; } .wa-404__logo img { width: 100%; height: auto; display: block; }
.wa-404__titel { font-size: 24px; margin: 0; }
.wa-404 p { font-family: var(--wa-body); margin: 0; }
.wa-404__links { font-family: var(--wa-display); font-size: 12px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; }
.wa-404__links a { text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
@media (max-width: 781px) { .wa-404 { padding-block: 56px 96px; } }

/* ---- Størrelsesguide: fit-forklaring øverst; den eksporterede HTML's inline-stile (Arial, farver) overstyres til tema ---- */
.wa-fit { margin: 0 auto 40px; }
.wa-fit__linje { font-family: var(--wa-body); font-size: 17px; line-height: 1.6; margin: 0 0 .6em; }
.wa-side--sizeguide [style] { font-family: var(--wa-body) !important; }
.wa-side--sizeguide h2[style], .wa-side--sizeguide h3[style] { font-family: var(--wa-display) !important; letter-spacing: 0.1em !important; }
.wa-side--sizeguide h2[style] { font-size: 16px !important; }
.wa-side--sizeguide table[style] { font-size: 15px !important; }
.wa-side--sizeguide th[style] { background: var(--wp--preset--color--contrast) !important; color: var(--wp--preset--color--base) !important; font-family: var(--wa-display) !important; letter-spacing: 0.12em !important; }
.wa-side--sizeguide td[style] { border-color: var(--wa-hairline) !important; }
.wa-side--sizeguide div[style*="background:#9B1C29"], .wa-side--sizeguide div[style*="background: #9B1C29"] { display: none !important; }
.wa-side--sizeguide a[style] { color: var(--wp--preset--color--contrast) !important; text-decoration: underline; }
.wa-side--sizeguide .wa-side__titel { letter-spacing: 0.06em; font-size: 24px; text-align: left; }
.wa-side .wa-side__titel { letter-spacing: 0.06em; font-size: 24px; }

/* Collab-kort med packshot (holdtrøjen) står på hvid uden beskæring — foto-kortene beskæres til 4:5 */
.wa-collab__billede--packshot img { object-fit: contain; background: var(--wp--preset--color--base); }
.wa-teamwear__billede img { object-fit: contain; aspect-ratio: 16 / 10; background: var(--wp--preset--color--base); }

/* Overskriftsrækken på mobil: link på egen linje, uden ombrydning midt i ordene */
@media (max-width: 781px) {
	.wa-fs__raekke { flex-wrap: wrap !important; gap: 8px 16px; }
	.wa-fs__link { white-space: nowrap; }
	.wa-journal__hoved { gap: 12px 16px; }
}


/* ====================================================================
   FORSIDEN v4 (2026-10-29, Curts brief): ét hero-foto i fuld bredde og 90 % højde · Nyt med mere luft · tre collabs side om
   side · What to wear i sitets udtryk · Nyheder · footer. Systemet fra v3 (Acne): én skriftstørrelse (12 px versaler, vægt 300),
   ingen knapper, 10 px mellem billeder, 30 px sidemargen. Varekortenes mærker (.wa-maerke) sættes i functions.php og gælder alle kort.
   ==================================================================== */
body.home .wp-site-blocks > main.wa-fs { margin-block-start: 0; }
body.home .wa-fs { padding-bottom: 120px; }
body.home .wa-fs > * { margin-block-start: 0 !important; }
/* Den ene skrift */
.wa-hero4__linje, .wa-par__linje, .wa-par__link, .wa-par__link a, .wa-fs__bevislinje, .wa-raekke__titel, .wa-raekke__link, .wa-fsc__navn, .wa-fp-fliser h2,
.wa-nyheder__dato, .wa-nyheder__titel, .wa-nyheder__titel a, .wa-nyheder__uddrag .wp-block-post-excerpt__more-link,
body.home .wa-fs__nyt .wp-block-post-title, body.home .wa-fs__nyt .wp-block-post-title a {
	font-family: var(--wa-display); font-size: 12px !important; line-height: 20px !important; font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase; margin: 0;
}
/* ---- Hero: ét foto, fuld bredde, 90 % af skærmhøjden, linjen nederst til venstre ---- */
.wa-hero4 { position: relative; margin: 0 !important; padding: 0; }
.wa-hero4__billede { margin: 0 !important; }
/* Billedblokkens link er inline-block og krymper til fotoets forhold ved fast højde — på 1920 px blev heroen 1438 px bred (Curt 29/10) */
.wa-hero4__billede a, .wa-fsc__billede a, .wa-nyheder__billede a { display: block; width: 100%; }
/* Højden er skærmen minus header og bevislinje (61 px), så bevislinjen står synlig i bunden af første skærm (Curt 29/10) */
.wa-hero4__billede img { width: 100%; height: calc(100svh - var(--wa-header-h) - 61px); min-height: 480px; max-height: 1100px; object-fit: cover; object-position: 50% 50%; display: block; } /* desktop: beskåret 16:10 omkring rytterne (hero-skov-bred-*), mobil: stående foto */
.wa-hero4__tekst { position: absolute; left: 30px; right: 30px; bottom: 30px; color: var(--wp--preset--color--base); }
.wa-hero4__tekst > * { margin: 0 !important; color: var(--wp--preset--color--base); }
.wa-hero4__linje { max-width: 48ch; text-wrap: balance; }
.wa-par__link a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 1px; }
@media (hover: hover) { .wa-par__link a:hover { border-bottom-color: transparent; } }
/* ---- Bevis-linjen: 12 px under heroen ---- */
.wa-fs__bevis { padding: 20px 30px; border-bottom: 1px solid var(--wa-hairline); gap: 8px 40px !important; }
.wa-fs__bevislinje { margin: 0 !important; }
.wa-fs__bevislinje a { color: inherit; text-decoration: none; } .wa-fs__bevislinje a:hover { text-decoration: underline; }
/* ---- Rækker: 30 px sidemargen, 120 px luft OVER hver række (som padding — body.home .wa-fs > * nulstiller margin), hoved med titel til venstre og link til højre ---- */
.wa-raekke { padding: 120px 30px 0; margin-top: 0 !important; }
.wa-raekke__hoved { margin: 0 0 24px !important; gap: 16px; }
.wa-raekke__hoved > * { margin: 0 !important; }
.wa-raekke__link a { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
/* ---- Nyt: de fire nyeste varer i 2:3, 10 px mellemrum, navn og pris i 12 px ---- */
body.home .wa-fs__nyt ul.wc-block-product-template { --uc-gap: 10px; column-gap: 10px !important; row-gap: 40px !important; margin: 0 !important; grid-template-columns: repeat(4, 1fr) !important; }
body.home .wa-fs__nyt .wc-block-components-product-image { margin-bottom: 10px; }
body.home .wa-fs__nyt .wc-block-components-product-image img { aspect-ratio: 4 / 5 !important; object-fit: contain !important; }
body.home .wa-fs__nyt .wp-block-post-title { margin: 0 !important; }
body.home .wa-fs__nyt .wp-block-button__link { font-family: var(--wa-body) !important; font-size: 12px !important; line-height: 20px !important; color: var(--wp--preset--color--accent-4) !important; }
body.home .wa-fs__nyt .uc-cardprice { font-size: 12px; }
/* ---- Varekortenes mærker (alle kort på sitet): lille hvid etiket øverst til venstre i billedfeltet; uc-shops "Tilbud"-stempel udgår ---- */
body .wc-block-components-product-image { position: relative; }
body .wa-maerker { position: absolute; left: 10px; top: 10px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; pointer-events: none; }
body .wa-maerke { position: static; font-family: var(--wa-display); font-size: 10px; line-height: 18px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--base); border: 1px solid currentColor; padding: 0 7px; pointer-events: none; }
body .wa-maerke--sidste-chance { color: var(--wp--preset--color--brand); }
body .wc-block-components-product-sale-badge, body .wc-block-product-template .wc-block-components-product-sale-badge { display: none !important; }
/* ---- Collabs: karrusel af collab-tags ([wa_forside_collabs]) — tre fotos i fuld bredde uden mellemrum, navnet centreret oven på;
        flere end tre ⇒ scroll-snap-spor med pile under (centreret). Mobil: ét foto pr. side. ---- */
.wa-fs__collabs { padding-left: 0; padding-right: 0; }
.wa-fs__collabs .wa-raekke__hoved { padding: 0 30px; display: flex; justify-content: space-between; }
.wa-fsc { display: flex !important; flex-wrap: nowrap; gap: 0 !important; margin: 0 !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.wa-fsc::-webkit-scrollbar { display: none; }
@media (prefers-reduced-motion: no-preference) { .wa-fsc { scroll-behavior: smooth; } }
.wa-fsc__item { flex: 0 0 33.3333%; max-width: 33.3333%; min-width: 0; margin: 0 !important; position: relative; scroll-snap-align: start; }
.wa-fsc__billede { margin: 0 !important; }
.wa-fsc__billede a { display: block; width: 100%; }
.wa-fsc__billede img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; display: block; background: var(--wa-sand); }
.wa-fsc__billede a:empty { aspect-ratio: 4 / 5; background: var(--wa-sand); }
.wa-fsc__tekst { position: absolute; left: 20px; right: 20px; top: 50%; transform: translateY(-50%); text-align: center; color: var(--wp--preset--color--base); pointer-events: none; }
.wa-fsc__tekst > * { margin: 0 !important; color: var(--wp--preset--color--base); }
.wa-fsc__navn { font-size: 14px !important; font-weight: 500; letter-spacing: 0.1em; }
.wa-fsc__tekst .wa-par__link { margin-top: 6px !important; }
.wa-fsc__tekst a { pointer-events: auto; }
.wa-slider__nav--collabs { padding: 0 30px; }
/* ---- What to wear: widgetens flade i sitets udtryk (resten i what-to-wear/widget.css) ---- */
.wa-fs__wtw .wa-wtw-today { margin: 0; max-width: none; }
/* ---- Nyheder: de fire seneste indlæg som slider (scroll-snap, pile og tæller i assets/forside.js), tekst til venstre og foto til højre ---- */
.wa-nyheder .wp-block-post-template { display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0; padding: 0; list-style: none; gap: 0; }
.wa-nyheder .wp-block-post-template::-webkit-scrollbar { display: none; }
@media (prefers-reduced-motion: no-preference) { .wa-nyheder .wp-block-post-template { scroll-behavior: smooth; } }
.wa-nyheder .wp-block-post { flex: 0 0 100%; max-width: 100%; scroll-snap-align: start; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
.wa-nyheder__billede { margin: 0 !important; }
.wa-nyheder__billede img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.wa-nyheder__tekst { padding: 0 30px 0 0; align-self: center; }
.wa-slider__nav { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; } /* pilene centreret (Curt 30/10) */
.wa-slider__nav[hidden] { display: none; }
.wa-slider__knap { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: none; border: 1px solid var(--wa-hairline); border-radius: 0; padding: 0; color: var(--wp--preset--color--contrast); cursor: pointer; }
.wa-slider__knap:hover { border-color: var(--wp--preset--color--contrast); }
.wa-slider__knap svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.1; stroke-linecap: round; stroke-linejoin: round; }
.wa-slider__taeller { font-family: var(--wa-display); font-size: 12px; line-height: 20px; font-weight: 300; letter-spacing: 0.08em; font-variant-numeric: tabular-nums; }
.wa-nyheder__tekst > * { margin: 0 !important; }
.wa-nyheder__dato { color: var(--wp--preset--color--accent-4); }
.wa-nyheder__titel { margin-top: 8px !important; max-width: 40ch; }
.wa-nyheder__titel a { text-decoration: none; } .wa-nyheder__titel a:hover { text-decoration: underline; }
.wa-nyheder__uddrag { margin-top: 16px !important; max-width: 52ch; }
.wa-nyheder__uddrag p { font-family: var(--wa-body); font-size: 15px; line-height: 1.6; margin: 0 0 12px; }
.wa-nyheder__uddrag .wp-block-post-excerpt__more-link { color: inherit; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
/* ---- Nyhedsbrevsformularen (bruges på /newsletter/ og i wa_nyhedsbrev-shortcoden): wpautop og box-sizing ---- */
.wa-nyhedsbrev > br, .wa-nyhedsbrev > p:not(.wa-nyhedsbrev__svar) { display: none; }
.wa-nyhedsbrev input[type="text"], .wa-nyhedsbrev input[type="email"], .wa-formular input, .wa-formular textarea, .wa-formular select { box-sizing: border-box; }
/* ---- Mobil: hero 80 svh, 16 px sidemargen, rækker i 2 kolonner, collabs og nyheder stables ---- */
@media (max-width: 781px) {
	.wa-hero4__billede img { height: calc(100svh - var(--wa-header-h) - 93px); min-height: 420px; object-position: 50% 50%; } /* midt-midt (Curt 30/10) */
	.wa-hero4__tekst { left: 16px; right: 16px; bottom: 20px; }
	.wa-fs__bevis { padding: 16px; flex-direction: column; align-items: flex-start !important; text-align: left; gap: 6px !important; }
	.wa-raekke { padding: 72px 16px 0; }
	.wa-fs__collabs { padding-left: 0; padding-right: 0; }
	.wa-fs__collabs .wa-raekke__hoved { padding: 0 16px; }
	body.home .wa-fs__nyt ul.wc-block-product-template { grid-template-columns: repeat(2, 1fr) !important; row-gap: 28px !important; }
	.wa-fsc__item { flex: 0 0 100%; max-width: 100%; }
	.wa-nyheder .wp-block-post { grid-template-columns: 1fr; }
	.wa-nyheder__tekst { padding: 0 0 12px; order: 1; }
	.wa-nyheder__billede { order: 0; }
	body.home .wa-fs { padding-bottom: 80px; }
}

/* ====================================================================
   HEADER v2 (29/10 2026, Curts brief — Fingerscrossed som forbillede):
   logo i midten · venstre Shop all/Men/Women/Collabs med dropdown · højre søg/globus/konto/"Cart (n)" · burger på mobil.
   Markup: functions.php (patternet willingable/header). Én skrift (display, vægt 300, 12 px versaler, sperring 0,1 em), tynde
   ikoner (streg 1,1 px), ingen skygger. Sektion 4/5 ovenfor (den gamle uc-header) overstyres her med samme eller højere specificitet.
   ==================================================================== */
:root { --wa-header-h: 60px; --wa-ikon-streg: 1.1; }
body .wa-header { background: var(--wp--preset--color--base); border-bottom: 1px solid var(--wa-hairline); color: var(--wp--preset--color--contrast); }
body .wa-header .wa-header__row {
	display: flex; justify-content: space-between; align-items: center; gap: 0 !important;
	min-height: var(--wa-header-h); padding: 0 30px; position: relative; max-width: none; margin: 0;
}
/* Logo: absolut centreret, uafhængigt af siderne */
body .wa-header .wa-header__logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); line-height: 0; }
body .wa-header .konggaard-logo { position: static; height: auto; transform: none; display: block; color: var(--wp--preset--color--contrast); }
body .wa-header .konggaard-logo svg { height: 18px; width: auto; display: block; }
/* Én tekststil i headeren */
body .wa-nav__link, body .wa-nav__sublink, body .wa-nav__marked, body .wa-header__icons .wc-block-mini-cart__button, body .wa-header__icons .uc-cart-badge {
	font-family: var(--wa-display); font-size: 12px; line-height: 20px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase;
	color: var(--wp--preset--color--contrast); text-decoration: none; background: none; border: 0; padding: 0; margin: 0; cursor: pointer;
}
body .wa-nav__link:hover, body .wa-nav__sublink:hover, body .wa-nav__marked:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
/* Venstre: menuen */
body .wa-nav { position: static; display: flex; align-items: center; }
body .wa-nav__menu, body .wa-nav__extra, body .wa-nav__list { list-style: none; margin: 0; padding: 0; }
body .wa-nav__menu { display: flex; gap: 28px; }
body .wa-nav__item { position: relative; display: flex; align-items: center; height: var(--wa-header-h); }
body .wa-nav__item > .wa-nav__link { display: inline-flex; align-items: center; gap: 4px; }
body .wa-nav__chevron { display: none; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: var(--wa-ikon-streg); stroke-linecap: round; stroke-linejoin: round; }
body .wa-nav__extra { display: none; }
/* Dropdown: hvid liste lige under punktet, hårfin kant, ingen skygge. Hover på mus, klik/tap via header.js (.is-open). */
body .wa-nav__panel { display: none; position: absolute; top: 100%; left: -20px; z-index: 9999; min-width: 240px; background: var(--wp--preset--color--base); border: 1px solid var(--wa-hairline); border-top: 0; padding: 14px 20px 18px; }
body .wa-nav__list { columns: 1; }
body .wa-nav__item.has-dropdown:nth-child(-n+3) .wa-nav__list { columns: 2; column-gap: 32px; }
body .wa-nav__item.has-dropdown:nth-child(-n+3) .wa-nav__panel { min-width: 420px; }
body .wa-nav__list li { break-inside: avoid; }
body .wa-nav__sublink { display: block; line-height: 28px; white-space: nowrap; }
body .wa-nav__item.is-open > .wa-nav__panel { display: block; }
@media (hover: hover) { body .wa-nav__item:hover > .wa-nav__panel { display: block; } }
body .wa-nav__burger { display: none; background: none; border: 0; padding: 0; margin: 0; color: inherit; cursor: pointer; }
/* Højre: ikoner, tynde streger */
/* Afstand som padding på børnene (ikke gap): kurv-badgen er sidste barn og skal sidde tæt på "Cart" */
body .wa-header .uc-header__icons { position: static; padding: 0; gap: 0 !important; display: flex; align-items: center; }
body .wa-header .uc-header__icons > * { padding-left: 22px; }
body .wa-header .uc-header__icons > :first-child { padding-left: 0; } /* ellers rykker hele gruppen ind mod logoet på mobil */
body .wa-header .uc-header__icons .wc-block-mini-cart__badge { display: none !important; }
body .wa-search__toggle { background: none; border: 0; padding: 0; margin: 0; color: inherit; cursor: pointer; display: flex; align-items: center; }
body .wa-search__toggle svg, body .wa-nav__burger svg, body .wa-header .uc-marked__toggle svg {
	width: 22px; height: 22px; display: block; fill: none; stroke: currentColor; stroke-width: var(--wa-ikon-streg); stroke-linecap: round; stroke-linejoin: round;
}
body .wa-header .uc-marked { padding-right: 0; }
body .wa-header .uc-marked__toggle:hover, body .wa-search__toggle:hover, body .wa-nav__burger:hover { color: var(--wp--preset--color--contrast); opacity: .6; }
/* Konto: Woos fyldte person skjules, en tynd outline tegnes som maske på linket */
body .wa-header .uc-header__icons .wc-block-customer-account__link { display: flex; align-items: center; width: 22px; height: 22px; color: var(--wp--preset--color--contrast); padding: 0; }
body .wa-header .uc-header__icons .wc-block-customer-account__account-icon { display: none !important; }
body .wa-header .uc-header__icons .wc-block-customer-account__link::before {
	content: ""; display: block; width: 22px; height: 22px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20.5c0-4.2 3.6-7 8-7s8 2.8 8 7'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20.5c0-4.2 3.6-7 8-7s8 2.8 8 7'/%3E%3C/svg%3E") center / contain no-repeat;
}
body .wa-header .uc-header__icons .wc-block-customer-account__link:hover { opacity: .6; }
/* Kurv: ordet "Cart" + antallet i parentes, inline (uc-lagets badge er søskende efter knappen) */
body .wa-header .uc-header__icons .wc-block-mini-cart__button { display: inline-flex; align-items: center; padding: 0 0 0 22px !important; visibility: visible !important; min-height: 0; }
body .wa-header .uc-header__icons .wc-block-mini-cart__button::before { content: var(--wa-kurv-label, "Kurv"); }
body .wa-header .uc-header__icons .wc-block-mini-cart__icon, body .wa-header .uc-header__icons .wc-block-mini-cart__quantity-badge { display: none !important; }
body .wa-header .uc-header__icons .wc-block-mini-cart__button:hover { opacity: .6; }
body .wa-header .uc-header__icons .uc-cart-badge { position: static; min-width: 0; height: auto; border-radius: 0; background: none !important; color: var(--wp--preset--color--contrast) !important; padding-left: 5px; margin: 0; text-align: left; }
body .wa-header .uc-header__icons .uc-cart-badge { cursor: pointer; } /* klik på tallet åbner kurven (header.js) */
body .wa-header .uc-header__icons .uc-cart-badge:hover { opacity: .6; }
body .wa-header .uc-header__icons .uc-cart-badge::before { content: "("; }
body .wa-header .uc-header__icons .uc-cart-badge::after { content: ")"; }
/* Søgning: feltet folder ud VED SIDEN AF forstørrelsesglasset (Curt 29/10). Entrance = fade + 12 px glid ud fra ikonet, 200 ms
   stærk ease-out; exit samme vej, 150 ms. Kun transform/opacity (ingen bredde-animation: feltet har fast bredde og ligger absolut,
   så intet andet i headeren flytter sig). Forslagsboksen (uc-search) er barn af formularen — derfor ingen clip-path. */
:root { --wa-ease-out: cubic-bezier(0.23, 1, 0.32, 1); }
body .wa-search { position: relative; display: flex; align-items: center; }
body .wa-header__search {
	position: absolute; right: calc(100% + 16px); top: 50%; width: 260px; z-index: 5;
	transform: translate(8px, -50%); opacity: 0; visibility: hidden; pointer-events: none;
	transition: transform 150ms var(--wa-ease-out), opacity 150ms var(--wa-ease-out), visibility 0s linear 150ms;
}
body .wa-header.is-search-open .wa-header__search {
	transform: translate(0, -50%); opacity: 1; visibility: visible; pointer-events: auto;
	transition: transform 200ms var(--wa-ease-out), opacity 200ms var(--wa-ease-out), visibility 0s;
}
body .wa-header__search .uc-search__form { display: flex; align-items: center; gap: 8px; width: 100%; padding: 0 12px; min-height: 36px; border: 1px solid var(--wa-hairline); border-radius: 0; background: var(--wp--preset--color--base); position: relative; }
body .wa-header__search .uc-search__icon { display: none; }
body .wa-header__search .uc-search__input, body .wa-header__search .uc-search__input:focus { border: 0 !important; background: transparent; width: 100%; padding: 0; font-family: var(--wa-display); font-size: 16px; font-weight: 300; letter-spacing: 0.04em; outline: none; }
body .wa-header__search .uc-search__input::placeholder { color: var(--wp--preset--color--accent-4); text-transform: uppercase; font-size: 12px; letter-spacing: 0.1em; }
body .wa-header__search .uc-search__suggest { left: -1px; right: -1px; }
/* Fokus vises på hele feltet (kanten bliver mørk), ikke som ring om selve input'et */
body .wa-header__search .uc-search__input:focus-visible { outline: none !important; box-shadow: none !important; }
body .wa-header__search .uc-search__form:focus-within { border-color: var(--wp--preset--color--contrast); }
/* /shop: filter- og sorteringsknapperne i en række under headeren */
body .wa-header__vaerktoej { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid var(--wa-hairline); padding: 10px 30px; max-width: none; margin: 0; }
body .wa-header__vaerktoej .uc-filter, body .wa-header__vaerktoej .uc-sort { display: none; }
body .wa-header__vaerktoej .uc-filter__toggle, body .wa-header__vaerktoej .uc-sort__toggle { width: 40px; height: 40px; border: 1px solid var(--wa-hairline); border-radius: 0; background: var(--wp--preset--color--base); }
body .wa-header__vaerktoej .uc-filter__toggle svg, body .wa-header__vaerktoej .uc-sort__toggle svg { stroke-width: 1.3; }
@media (prefers-reduced-motion: reduce) {
	body .wa-header__search, body .wa-header.is-search-open .wa-header__search { transition: none; }
}
/* Markedspanelet (uc-valuta): samme hvide kasse som dropdown'en, ingen skygge */
body .wa-header .uc-marked__panel { padding-top: 19px; }
body .wa-header .uc-marked__box { box-shadow: none; border: 1px solid var(--wa-hairline); border-top: 0; border-radius: 0; padding: 10px 8px; }
body .wa-header .uc-marked__item { border-radius: 0; font-family: var(--wa-display); font-size: 12px; letter-spacing: 0.06em; }
body .wa-header .uc-marked__item.is-active, body .wa-header .uc-marked__kode { font-weight: 400; }
body .wa-header .uc-marked__item.is-active .uc-marked__kode, body .wa-header .uc-marked__item:hover { color: var(--wp--preset--color--contrast); background: var(--wa-sand); }

/* Mobil: burger til venstre, logo i midten, søg + Cart til højre; menuen folder ud under headeren som en hvid flade */
@media (max-width: 781px) {
	:root { --wa-header-h: 56px; }
	body .wa-header .wa-header__row { padding: 0 16px; }
	body .wa-header .konggaard-logo svg { height: 14px; }
	body .wa-nav__burger { display: flex; align-items: center; width: 44px; height: var(--wa-header-h); margin-left: -8px; position: static; }
	body .wa-nav__drawer {
		display: none; position: fixed; top: var(--wa-header-h); left: 0; right: 0; bottom: 0; z-index: 9998;
		background: var(--wp--preset--color--base); border-top: 1px solid var(--wa-hairline); padding: 8px 16px 40px; overflow-y: auto;
	}
	body .wa-nav.is-open .wa-nav__drawer { display: block; }
	html.wa-menu-open { overflow: hidden; }
	body .wa-nav__menu { display: block; }
	body .wa-nav__item { display: block; height: auto; border-bottom: 1px solid var(--wa-hairline); }
	body .wa-nav__item > .wa-nav__link { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 52px; font-size: 14px; }
	body .wa-nav__chevron { display: block; width: 16px; height: 16px; transition: transform .15s; }
	body .wa-nav__item.is-open > .wa-nav__link .wa-nav__chevron { transform: rotate(180deg); }
	body .wa-nav__panel, body .wa-nav__item.has-dropdown:nth-child(-n+3) .wa-nav__panel { position: static; min-width: 0; border: 0; padding: 0 0 12px 16px; }
	body .wa-nav__list, body .wa-nav__item.has-dropdown:nth-child(-n+3) .wa-nav__list { columns: 1; }
	body .wa-nav__sublink { line-height: 40px; font-size: 13px; }
	body .wa-nav__item:hover > .wa-nav__panel { display: none; }
	body .wa-nav__item.is-open > .wa-nav__panel { display: block; }
	body .wa-nav__extra { display: block; margin-top: 8px; }
	body .wa-nav__extra > li { border-bottom: 1px solid var(--wa-hairline); }
	body .wa-nav__extra .wa-nav__link { display: flex; align-items: center; min-height: 52px; font-size: 14px; }
	body .wa-nav__markeder { display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; padding-bottom: 14px; }
	body .wa-nav__markeder .wa-nav__link { flex: 0 0 100%; }
	body .wa-nav__marked { line-height: 36px; }
	body .wa-nav__marked.is-active { text-decoration: underline; text-underline-offset: 4px; }
	body .wa-header .uc-header__icons > * { padding-left: 18px; }
	body .wa-header .uc-header__icons .wc-block-mini-cart__button { padding-left: 18px !important; }
	body .wa-header .uc-header__icons .uc-cart-badge { padding-left: 5px; }
	body .wa-header .uc-header__icons .uc-marked, body .wa-header .uc-header__icons .wc-block-customer-account__link { display: none; }
	body .wa-search { position: static; }
	body .wa-header__search { right: 0; left: 0; top: 100%; width: auto; padding: 8px 16px 10px; background: var(--wp--preset--color--base); border-bottom: 1px solid var(--wa-hairline); transform: translateY(-8px); }
	body .wa-header.is-search-open .wa-header__search { transform: translateY(0); }
	body .wa-header .wa-header__row { position: static; }
	body .wa-header { position: relative; }
	body .wa-header__vaerktoej { padding: 8px 16px; }
}

/* ====================================================================
   FILTER OG SORTERING SOM ÉT PANEL FRA VENSTRE (29/10 2026, Curt). assets/filter.js flytter uc-filters rod (.uc-filter) og
   uc-sort ind i .wa-drawer og bygger en synlig sorteringsliste; uc-lagets egne knapper skjules, dets JS (valg, nulstil, luk ved
   klik udenfor, Escape, genåbning efter valg) kører uændret. Skuffe: 280 ms stærk ease-out, kun transform/opacity.
   ==================================================================== */
.wa-filter__toggle { display: inline-flex; align-items: center; gap: 10px; background: none; border: 0; padding: 0; cursor: pointer; font-family: var(--wa-display); font-size: 12px; line-height: 20px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--contrast); }
.wa-filter__toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: var(--wa-ikon-streg); stroke-linecap: round; }
.wa-filter__toggle:hover { opacity: .6; }
body .uc-filter-bar { position: static; display: flex; justify-content: flex-end; border-bottom: 0; padding: 0; margin: 0 0 24px; }
body .uc-filter-bar:empty { display: none; }
.wa-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); z-index: 10001; background: var(--wp--preset--color--base); border-left: 1px solid var(--wa-hairline); transform: translateX(100%); /* fra højre (Curt 29/10) */ transition: transform 280ms var(--wa-ease-out); overflow-y: auto; overscroll-behavior: contain; display: none; }
.wa-drawer.is-ready { display: block; }
.wa-drawer.is-open { transform: none; }
.wa-drawer__bag { position: fixed; inset: 0; z-index: 10000; background: rgba(20, 29, 40, .3); opacity: 0; pointer-events: none; transition: opacity 280ms var(--wa-ease-out); }
.wa-drawer__bag.is-open { opacity: 1; pointer-events: auto; }
@media (prefers-reduced-motion: reduce) { .wa-drawer, .wa-drawer__bag { transition: none; } }
html.wa-drawer-open { overflow: hidden; }
.wa-drawer .uc-filter { position: static; display: block; flex: none; padding: 0 30px 40px; }
.wa-drawer .uc-filter__toggle, .wa-drawer .uc-sort__toggle, .wa-drawer .uc-sort__menu, .wa-drawer .uc-sort { display: none !important; }
.wa-drawer .uc-filter__panel { position: static !important; width: auto !important; max-width: none !important; max-height: none !important; overflow: visible !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; background: transparent !important; }
.wa-drawer__hoved { display: flex; justify-content: space-between; align-items: center; min-height: var(--wa-header-h); border-bottom: 1px solid var(--wa-hairline); margin: 0 0 8px; font-family: var(--wa-display); font-size: 12px; line-height: 20px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; }
.wa-drawer__luk { width: 44px; height: 44px; margin-right: -12px; display: flex; align-items: center; justify-content: center; background: none; border: 0; padding: 0; cursor: pointer; color: var(--wp--preset--color--contrast); }
.wa-drawer__luk svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: var(--wa-ikon-streg); stroke-linecap: round; }
.wa-drawer .uc-filter__chips { padding: 12px 0 4px; }
.wa-drawer .uc-filter__divider { display: none; }
.wa-drawer .uc-filter__grouphead, .wa-drawer__titel { font-family: var(--wa-display); font-size: 12px; line-height: 20px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; padding: 14px 0; border-bottom: 1px solid var(--wa-hairline); margin: 0; color: var(--wp--preset--color--contrast); }
.wa-drawer .uc-filter__grouphead svg { width: 14px; height: 14px; stroke-width: var(--wa-ikon-streg); }
.wa-drawer .uc-filter__grid { grid-template-columns: repeat(2, 1fr); gap: 2px 16px; padding: 10px 0 14px; }
.wa-drawer .uc-filter__value, .wa-drawer .uc-filter__branchhead, .wa-drawer .uc-filter__value--parent { font-family: var(--wa-body); font-size: 14px; padding: 6px 0; white-space: normal; }
.wa-drawer .uc-filter__value.is-selected { text-decoration: underline; text-underline-offset: 3px; font-weight: 400; }
.wa-drawer .uc-filter__actions { padding: 16px 0 0; }
.wa-drawer .uc-filter__reset { font-family: var(--wa-display); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: underline; text-underline-offset: 3px; background: none; border: 0; padding: 0; }
.wa-drawer__sortering { margin-top: 24px; }
.wa-drawer__valg { display: block; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--wa-hairline); padding: 10px 0; font-family: var(--wa-body); font-size: 14px; color: var(--wp--preset--color--contrast); cursor: pointer; }
.wa-drawer__valg.is-active { text-decoration: underline; text-underline-offset: 3px; }
.wa-drawer__valg:hover { opacity: .6; }
@media (max-width: 781px) { .wa-drawer .uc-filter { padding: 0 16px 32px; } body .wa-header__vaerktoej { padding: 10px 16px; } }

/* ====================================================================
   ÉT SYSTEM PÅ ALLE SIDER (29/10 2026, Curt: "ens hele vejen rundt"): forsidens system gælder overalt — én skriftstørrelse på
   titler og overskrifter (12 px versaler, vægt 300, 20 px linje), 30 px sidemargen (16 på mobil), 10 px mellem kort, 120 px luft
   mellem afsnit, 48 px over sidens første element. Eneste større tekst: artiklens titel (20 px) og What to wear-temperaturen.
   Blokken står sidst og overstyrer fase 1–5 med samme eller højere specificitet.
   ==================================================================== */
:root { --wa-margin: 30px; }
/* Curt 30/10: ALLE overskrifter i samme størrelse som hero-navnet — 14 px, vægt 500. Varenavne på kortene er etiketter (12 px). */
body :is(h1, h2, h3, h4, h5, h6, .wp-block-post-title, .wp-block-query-title):not(.wa-today-temp):not(.wc-block-product-template *):not(.products *),
body .wp-block-post-title:not(.wc-block-product-template *) a, body .wa-collab__navn a, body .wa-journal__kort .wp-block-post-title a {
	font-family: var(--wa-display); font-size: 14px !important; line-height: 20px !important; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase;
}
body.single-product .wp-block-column.wa-vare__boks > h1.wp-block-post-title { font-size: 14px !important; line-height: 20px !important; font-weight: 500; letter-spacing: 0.1em; }
body.single-product .wp-block-column.wa-vare__boks .wc-block-components-product-price { font-size: 14px !important; }
body.single-product .variations th.label, body.single-product .uc-pi__title, body.single-product .uc-related .wp-block-heading { font-size: 12px !important; letter-spacing: 0.08em; }
body.single-product .wa-vare__kolonner { gap: 10px !important; }
body.single-product .wp-block-column.wa-vare__boks { padding-left: 30px; }
body.single-product .uc-pi, body.single-product .wp-site-blocks .uc-pi, body.single-product .uc-related { margin-top: 120px !important; }
body.archive .wp-block-query-title, body.post-type-archive-product .wp-block-query-title, body.woocommerce-cart h1.wp-block-post-title { margin: 0 0 24px; }
body .wa-om__lead { font-size: 17px; }
body .wa-collab__x, body .wa-journal__kort .wp-block-post-date, body .wa-artikel__meta .wp-block-post-date, body .wa-tag-antal, body .wa-collabs__lead { font-size: 12px; }
/* Sider: samme ramme */
.wa-journal, .wa-artikel, .wa-om, .wa-collabs, .wa-teamwear, .wa-side, .wa-404, .wa-collabside__hoved { padding-block: 48px 120px; }
.wa-collabside { padding-block: 0 120px; } .wa-collabside__hoved { padding-block: 0; }
.wa-om > * + * { margin-block-start: 120px !important; }
.wa-journal__hoved { margin-bottom: 24px !important; padding-bottom: 0; border-bottom: 0; }
.wa-journal__kategoriliste { gap: 24px; }
.wa-journal__kategoriliste li a { border: 0; padding: 0; min-height: 0; font-size: 12px; letter-spacing: 0.08em; line-height: 20px; }
.wa-journal__kategoriliste li.current-cat a, .wa-journal__kategoriliste li a:hover { background: none; color: var(--wp--preset--color--contrast); border: 0; text-decoration: underline; text-underline-offset: 3px; }
/* Billedblokkenes link er inline-block: med lazy-billeder uden mål blev <img> 0 px bred og hentedes aldrig (collabs-siden) — som heroen i #83 */
body .wp-block-image > a, body .wp-block-post-featured-image > a { display: block; width: 100%; }
/* Journal og collabs i fuld bredde (30 px margen) — den indsnævrede 680 px-ramme gav tre kolonner à 220 px */
.wa-journal > *, .wa-journal .wp-block-query > *, .wa-journal__kort, .wa-collabs > * { max-width: none !important; }
/* Gitre: 10 px mellem kort, 4:5-billeder, som forsiden */
body ul.wc-block-product-template { --uc-gap: 10px; column-gap: 10px !important; row-gap: 40px !important; }
.wa-journal__kort { grid-template-columns: repeat(3, 1fr) !important; gap: 40px 10px !important; }
.wa-journal__kort--tre { grid-template-columns: repeat(3, 1fr) !important; }
.wa-journal__kort .wp-block-post-featured-image { margin: 0 0 10px; }
.wa-journal__kort .wp-block-post-featured-image img { aspect-ratio: 4 / 3 !important; object-fit: cover; }  /* blokken sætter 3:2 inline */
.wa-journal__kort .wp-block-post-title { margin: 0 0 2px !important; }
.wa-collabs__grid { grid-template-columns: repeat(3, 1fr) !important; gap: 40px 10px !important; }
.wa-collab__billede { margin: 0 0 10px !important; }
.wa-collab__x { margin: 2px 0 8px !important; }
.wa-collabside ul.products, .wa-collabside .woocommerce ul.products { gap: 40px 10px; }
.wa-collabside__hero { margin: 0 0 48px !important; }
/* Artikel: mellemoverskrifter i systemet, meta i 12 px */
.wa-artikel__tekst h2, .wa-artikel__tekst h3 { margin: 2.5em 0 .8em; }
.wa-artikel__titel { margin: 0 0 24px; }
@media (max-width: 781px) {
	:root { --wa-margin: 16px; }
	.wa-journal, .wa-artikel, .wa-om, .wa-collabs, .wa-teamwear, .wa-side, .wa-404 { padding-block: 32px 72px; }
	.wa-om > * + * { margin-block-start: 72px !important; }
	.wa-journal__kort, .wa-journal__kort--tre, .wa-collabs__grid { grid-template-columns: 1fr 1fr !important; gap: 32px 10px !important; }
	body.single-product .wp-block-column.wa-vare__boks { padding-left: 0; }
	body.single-product .uc-pi, body.single-product .wp-site-blocks .uc-pi, body.single-product .uc-related { margin-top: 72px !important; }
}

/* ====================================================================
   UNDERSIDER II (29/10 2026, Curt): collab-sider som tag-arkiv, crash replacement, artiklen, What to wear (app.css).
   ==================================================================== */
/* Crash replacement */
.wa-side--crash .wa-side__titel { text-align: left; margin: 0 0 24px; }
.wa-side--crash .wa-side__lead { font-family: var(--wa-body); font-size: 17px; line-height: 1.7; margin: 0 0 1em; }
.wa-side--crash .wa-side__foto { margin: 48px 0 !important; } .wa-side--crash .wa-side__foto img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.wa-side--crash .wa-side__afsnitstitel { margin: 40px 0 12px; }
.wa-side--crash p { font-family: var(--wa-body); font-size: 17px; line-height: 1.7; margin: 0; }
.wa-side--crash p a { text-decoration: underline; text-underline-offset: 2px; }
.wa-side--crash .wa-side__tilbud { margin-top: 40px !important; padding: 24px 0; border-top: 1px solid var(--wa-hairline); border-bottom: 1px solid var(--wa-hairline); gap: 16px 24px; }
.wa-side--crash .wa-side__tilbud > * { margin: 0 !important; }
.wa-side--crash .wa-side__tilbudslinje { font-family: var(--wa-display); font-size: 12px !important; line-height: 20px; font-weight: 300; letter-spacing: 0.08em; text-transform: uppercase; }
.wa-side--crash .wp-block-button__link { min-height: 44px; display: inline-flex; align-items: center; }
/* Artikel: meta + titel i fuld bredde (30 px margen), foto i fuld bredde, tekst i 680 px */
.wa-artikel__hoved { margin: 0 0 32px !important; }
.wa-artikel__hoved > * { margin: 0 !important; }
.wa-artikel__hoved .wa-artikel__meta { max-width: none; margin: 0 0 12px !important; }
.wa-artikel__hoved .wa-artikel__titel { max-width: 32ch; }
.wa-artikel__billede { margin: 0 0 64px !important; }

/* ====================================================================
   HERO PÅ LISTESIDERNE (29/10 2026): foto i fuld bredde og 40 svh mellem headeren og filterrækken (functions.php,
   woocommerce_before_main_content), navnet centreret. Filterrækken ligger nu under heroen i arkivets indhold, ikke i headeren.
   ==================================================================== */
/* Arkivets indhold ligger i en constrained-ramme (680 px max-width på børnene) — heroen og rækken bryder ud til fuld bredde */
.wa-arkiv-hero, body .wa-arkiv__vaerktoej { position: relative; left: 50%; right: 50%; width: 100vw; max-width: none !important; margin-left: -50vw !important; margin-right: -50vw !important; box-sizing: border-box; }
.wa-arkiv-hero { margin-top: 0; margin-bottom: 0; }
.wa-arkiv-hero img { width: 100%; height: 40svh; min-height: 240px; max-height: 560px; object-fit: cover; object-position: 50% 50%; display: block; }
.wa-arkiv-hero__tekst { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 30px; color: var(--wp--preset--color--base); pointer-events: none; }
body .wa-arkiv-hero__navn { font-family: var(--wa-display); font-size: 14px !important; line-height: 20px !important; font-weight: 500 !important; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--base); margin: 0; } /* som forsidens collab-navne (undtaget fra ÉT SYSTEM-reglen) */
body .wa-arkiv__vaerktoej { margin-top: 0; margin-bottom: 24px; border-bottom: 1px solid var(--wa-hairline); }
body.wa-har-hero .wa-arkiv__vaerktoej { border-top: 0; }
body:not(.wa-har-hero) .wa-arkiv__vaerktoej { border-top: 0; margin-top: -8px; }
/* Med hero: brødkrumme og den lille titel under rækken udgår — navnet står på fotoet */
body.wa-har-hero .wc-block-breadcrumbs, body.wa-har-hero .woocommerce-breadcrumb, body.wa-har-hero .woocommerce-products-header, body.wa-har-hero .wp-block-query-title, body.wa-har-hero .page-title { display: none !important; }
@media (max-width: 781px) {
	.wa-arkiv-hero img { height: 40svh; min-height: 220px; }
	body .wa-arkiv__vaerktoej { margin-bottom: 16px; }
}

/* ====================================================================
   LISTESIDERNE III (29/10 2026, Curt): Alle · Herre · Dame altid synlig til venstre i værktøjsrækken, "Filter og sortering" til
   højre og panelet fra højre; brødkrummen over varenavnet i købsboksen; kun prisen på kortene (filter.js); lagerprikker:
   grøn skjules, de øvrige firkantede øverst til højre.
   ==================================================================== */
.wa-koen { display: flex; gap: 24px; }
.wa-koen__link { font-family: var(--wa-display); font-size: 12px; line-height: 20px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--contrast); text-decoration: none; padding-bottom: 2px; border-bottom: 1px solid transparent; }
.wa-koen__link.is-active { border-bottom-color: currentColor; }
.wa-koen__link:hover { opacity: .6; }
body .wa-filter__toggle { margin-left: auto; }
/* Varesiden: brødkrummen først i boksen, lille og grå */
body.single-product .wp-block-column.wa-vare__boks > .wa-vare__brod { order: 0; margin: 0 0 16px !important; font-family: var(--wa-body); font-size: 12px; color: var(--wp--preset--color--accent-4); display: block !important; }
body.single-product .wp-block-column.wa-vare__boks > .wa-vare__brod a { color: inherit; text-decoration: none; }
body.single-product .wp-block-column.wa-vare__boks > .wa-vare__brod a:hover { text-decoration: underline; }
/* Lagerprikker: den grønne vises ikke (grøn = på lager, det er normaltilstanden); de øvrige er firkantede */
body .uc-lager__dot { border-radius: 0 !important; width: 8px; height: 8px; }
body .uc-lager__dot--green { display: none !important; }
body .uc-lager:has(.uc-lager__dot--green) .uc-lager__text { margin-left: 0; }
/* Størrelsesknapperne på varesiden: prikken sidder i knappens øverste højre hjørne (grøn vises ikke) */
body.single-product .uc-var-pill, body.single-product .wp-block-column .uc-var-pill { position: relative; }
body.single-product .uc-var-pill .uc-vb__pilldot { position: absolute; top: 4px; right: 4px; margin: 0 !important; width: 6px; height: 6px; }
@media (max-width: 781px) {
	.wa-koen { gap: 16px; }
	body.single-product .wp-block-column.wa-vare__boks > .wa-vare__brod { display: block !important; }
}

/* Collabs-oversigten: shortcode-kortene er direkte børn af gitteret; wpautops <p>/<br> om shortcoden skjules */
.wa-collabs__grid > p:empty, .wa-collabs__grid > br { display: none; }
.wa-collab--tag .wa-collab__billede img { aspect-ratio: 4 / 5; object-fit: cover; }
/* wpautop om forsidens shortcode-sektioner */
body.home .wa-fs > p:empty, body.home .wa-fs > br { display: none; }

/* ====================================================================
   TEKST OVEN PÅ FOTO (30/10 2026, Curt: "så man kan se teksten over et billede — måske at billedet er lidt mørkere"):
   et ensfarvet lag i tekstfarven med 22 % dækning over de fotos, der bærer tekst (forsidens hero, collab-kortene, listesidernes
   hero). Ingen gradient (Brandmanual); teksten ligger over laget.
   ==================================================================== */
.wa-hero4__billede, .wa-fsc__billede, .wa-arkiv-hero { position: relative; }
.wa-hero4__billede::after, .wa-fsc__billede::after, .wa-arkiv-hero::after {
	content: ""; position: absolute; inset: 0; background: rgba(20, 29, 40, .22); pointer-events: none;
}
.wa-hero4__tekst, .wa-fsc__tekst, .wa-arkiv-hero__tekst { z-index: 1; }
.wa-arkiv-hero__tekst { z-index: 1; }