@charset "UTF-8";
/*
Theme Name: Define Professional
Description: Child theme af Hello Elementor til Define Professional — designtokens og webshop-tilpasninger.
Template: hello-elementor
Version: 1.6.1
Author: Define Professional
Text Domain: embla
*/

:root {
	/* Farver — Embla designsystem */
	--embla-green-900: #12281c;
	--embla-green-800: #1b3b2a;
	--embla-green-600: #2e5c42;
	--embla-green-100: #dcebe1;
	--embla-cream: #f2ede3;
	--embla-cream-card: #faf7f0;
	--embla-kraft: #d9c9a8;
	--embla-ink: #1a1a16;
	--embla-ink-soft: #5c5c52;
	--embla-line: #e3ddd0;

	/* Typografi */
	--embla-font-head: "General Sans", "Inter", sans-serif;
	--embla-font: "Inter", "Helvetica Neue", Arial, sans-serif;
	--embla-radius: 12px;
	--embla-radius-lg: 16px;
	--embla-radius-pill: 999px;
	--embla-shell: 1160px;
}

body {
	background: var(--embla-cream);
	color: var(--embla-ink);
	font-family: var(--embla-font);
	margin: 0;
}

h1, h2, h3, h4, h5,
.embla-h {
	font-family: var(--embla-font-head);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--embla-ink);
}

.embla-shell {
	max-width: var(--embla-shell);
	margin: 0 auto;
	padding: 0 24px;
}

/* Elementor heading-widgets: ink frem for kit'ens globale primærfarve
   (kit-CSS loader efter dette stylesheet, derfor !important).
   Mere specifikke regler senere i filen (darksec, pill, eyebrow) vinder stadig. */
.elementor-widget-heading .elementor-heading-title { color: var(--embla-ink) !important; }
.elementor-widget-heading h2.elementor-heading-title { font-size: 36px; }
.elementor-widget.embla-pill,
.elementor-widget.embla-eyebrow { width: fit-content; }

/* ---------- Topbar ---------- */
.embla-topbar {
	background: var(--embla-green-900);
	color: #cfdcd2;
	font-size: 12px;
}
.embla-topbar__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 34px;
	gap: 16px;
	flex-wrap: wrap;
}
.embla-topbar__left,
.embla-topbar__right { display: flex; gap: 18px; align-items: center; }
.embla-topbar__dot {
	width: 6px; height: 6px; border-radius: 50%;
	background: #7fb08d; display: inline-block;
}
.embla-topbar a { color: #fff; text-decoration: none; }
/* Privat/Erhverv-skifter i topbaren */
.embla-typeswitch {
	display: inline-flex; padding: 2px;
	background: rgba(255, 255, 255, 0.10); border-radius: var(--embla-radius-pill);
}
.embla-typeswitch a {
	padding: 3px 12px; border-radius: var(--embla-radius-pill);
	color: #cfdcd2; font-size: 11.5px; font-weight: 600;
}
.embla-typeswitch a.is-active { background: var(--embla-cream); color: var(--embla-green-900); }

/* ---------- Header ---------- */
.embla-header {
	background: var(--embla-cream);
	border-bottom: 1px solid var(--embla-line);
	position: sticky; top: 0; z-index: 90;
}
.embla-header__inner {
	display: flex; align-items: center; gap: 32px;
	min-height: 66px;
}
.embla-logo {
	display: flex; align-items: center; gap: 10px;
	text-decoration: none; color: var(--embla-ink);
}
/* Define Professional-logoet (hvid PNG) — i headeren farves det mørkt
   via CSS-mask, så samme fil kan bruges på lys og mørk baggrund. */
.embla-logo__img {
	display: inline-block; height: 48px; aspect-ratio: 1146 / 649;
	background: var(--embla-green-900);
	-webkit-mask: url(assets/logo-white.png) no-repeat center / contain;
	mask: url(assets/logo-white.png) no-repeat center / contain;
}
/* !important: Woo's CSS sætter ellers height:auto på img på kurv/kasse-sider.
   max-width som ekstra sikring: selv hvis height taber, kan logoet aldrig
   blive større end 96px bredt. */
.embla-logo__white {
	height: 54px !important; width: auto !important;
	max-width: 96px !important; display: block;
}
.embla-nav { flex: 1; }
.embla-nav__list {
	display: flex; gap: 26px; list-style: none; margin: 0; padding: 0;
}
.embla-nav__list a {
	text-decoration: none; color: var(--embla-ink);
	font-size: 14.5px; font-weight: 500;
}
.embla-nav__list a:hover { color: var(--embla-green-600); }
.embla-header__icons { display: flex; gap: 8px; align-items: center; }
.embla-icon {
	width: 38px; height: 38px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	color: var(--embla-ink); text-decoration: none; position: relative;
}
.embla-icon:hover { background: #e9e2d4; color: var(--embla-ink); }
/* Mockup: kurven er en afrundet firkant, ikke en cirkel */
.embla-icon--cart { background: var(--embla-green-800); color: #fff; width: 40px; height: 40px; border-radius: 12px; }
.embla-icon--cart:hover { background: var(--embla-green-600); color: #fff; }
.embla-cart-count {
	position: absolute; top: -4px; right: -4px;
	background: #e8a13c; color: #fff; font-size: 10.5px; font-weight: 700;
	min-width: 17px; height: 17px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	padding: 0 4px;
}

/* ---------- Header-søgning ---------- */
.embla-search-toggle { border: none; background: none; cursor: pointer; }
.embla-search {
	position: absolute; left: 0; right: 0; top: 100%;
	background: var(--embla-cream);
	border-bottom: 1px solid var(--embla-line);
	box-shadow: 0 14px 30px rgba(20, 30, 20, 0.08);
	z-index: 95;
}
.embla-search__form { display: flex; align-items: center; gap: 12px; padding-top: 14px; padding-bottom: 14px; color: var(--embla-ink-soft); }
.embla-search__input {
	flex: 1; border: none; background: none; outline: none;
	font-family: var(--embla-font); font-size: 16px; color: var(--embla-ink);
	padding: 8px 0;
}
.embla-search__input::placeholder { color: var(--embla-ink-soft); }
.embla-search__submit {
	border: none; border-radius: 10px; cursor: pointer;
	background: var(--embla-green-800); color: #fff;
	font-family: var(--embla-font); font-size: 14px; font-weight: 600;
	padding: 10px 20px; transition: background 0.15s ease;
}
.embla-search__submit:hover { background: var(--embla-green-600); }
.embla-search__close {
	border: none; background: none; cursor: pointer;
	font-size: 22px; line-height: 1; color: var(--embla-ink-soft); padding: 4px 6px;
}
.embla-search__close:hover { color: var(--embla-ink); }
/* Kategori-genveje på søgeresultatsiden */
.embla-cat-hits { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 13px; color: var(--embla-ink-soft); }
.embla-cat-hits a {
	display: inline-flex; align-items: center; gap: 6px;
	background: var(--embla-cream-card); border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-pill); padding: 7px 14px;
	font-size: 13px; font-weight: 600; color: var(--embla-ink); text-decoration: none;
}
.embla-cat-hits a:hover { border-color: var(--embla-green-600); color: var(--embla-green-800); }
.embla-cat-hits a em { font-style: normal; font-weight: 400; color: var(--embla-ink-soft); font-size: 12px; }

/* ---------- Knapper & pills ---------- */
.embla-btn a.elementor-button, .embla-btn .elementor-button,
a.embla-btn, button.embla-btn {
	background: var(--embla-green-800); color: #fff;
	border-radius: 10px; padding: 14px 24px;
	font-weight: 600; font-size: 15px; border: none;
	font-family: var(--embla-font);
}
.embla-btn a.elementor-button:hover, a.embla-btn:hover { background: var(--embla-green-600); color: #fff; }
.embla-btn--outline a.elementor-button, .embla-btn--outline .elementor-button,
a.embla-btn--outline {
	background: transparent; color: var(--embla-ink);
	border: 1.5px solid #c9c2b2; border-radius: 10px;
	padding: 13px 24px; font-weight: 600; font-size: 15px;
}
.embla-btn--outline a.elementor-button:hover, a.embla-btn--outline:hover {
	border-color: var(--embla-green-800); color: var(--embla-green-800); background: transparent;
}
.embla-btn--light a.elementor-button {
	background: var(--embla-cream); color: var(--embla-green-900);
	border-radius: 10px; padding: 14px 24px; font-weight: 600;
}

.embla-pill .elementor-heading-title, span.embla-pill {
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--embla-green-100); color: var(--embla-green-800) !important;
	font-size: 12.5px !important; font-weight: 600;
	border-radius: var(--embla-radius-pill); padding: 7px 14px;
}
.embla-pill .elementor-heading-title::before, span.embla-pill::before {
	content: ""; width: 7px; height: 7px; border-radius: 50%;
	background: var(--embla-green-600);
}
.embla-eyebrow .elementor-heading-title {
	font-family: var(--embla-font);
	font-size: 12px !important; font-weight: 700; letter-spacing: 0.14em;
	text-transform: uppercase; color: var(--embla-ink-soft) !important;
}
.embla-link-arrow { flex-shrink: 0; }
.embla-link-arrow .elementor-heading-title { font-size: 14px !important; }
.embla-link-arrow a, .embla-link-arrow .elementor-heading-title a {
	color: var(--embla-green-800); font-weight: 600; font-size: 14px !important;
	text-decoration: none; white-space: nowrap;
}

/* ---------- Hero ---------- */
/* !important på radius/padding: Elementors container- og widget-CSS loader efter
   dette stylesheet og nulstiller ellers hjørnerne (samme grund som på kategorikort). */
.embla-hero-h1 .elementor-heading-title {
	font-size: 56px; line-height: 1.05; letter-spacing: -0.03em;
}
.embla-hero-right { position: relative; }
.embla-hero-right img { border-radius: 20px !important; width: 100%; }
.embla-hero-stat {
	position: absolute !important; left: 20px; bottom: 22px;
	right: auto !important; top: auto !important;
	width: auto !important; max-width: 220px;
	background: var(--embla-cream-card); border-radius: 14px !important;
	box-shadow: 0 10px 30px rgba(20, 30, 20, 0.12);
	padding: 18px 20px !important;
}
.embla-hero-stat > .e-con-inner, .embla-hero-badge > .e-con-inner { padding: 0 !important; gap: 4px !important; }
.embla-hero-stat .embla-stat-num .elementor-heading-title {
	font-size: 26px; font-weight: 700; color: var(--embla-ink);
}
.embla-hero-stat p { font-size: 12px; color: var(--embla-ink-soft); margin: 4px 0 0; }
.embla-hero-badge {
	position: absolute !important; right: 20px; top: 20px;
	left: auto !important; bottom: auto !important;
	width: auto !important; max-width: 240px;
	background: var(--embla-green-900); color: #fff;
	border-radius: 12px !important; padding: 13px 18px !important;
}
/* Badge'en er en tekstwidget frem for en overskrift, fordi kun tekstwidgets
   kører shortcoden der henter produktantallet. Begge former styles ens. */
.embla-hero-badge .elementor-heading-title,
.embla-hero-badge p { color: #fff !important; font-size: 12.5px !important; font-weight: 600; font-family: var(--embla-font); margin: 0; }
.embla-checkrow { color: var(--embla-ink-soft); font-size: 13.5px; }
.embla-checkrow strong { color: var(--embla-ink); font-weight: 600; }
/* Tekstmål som i mockup'et — smallere spalter, så linjerne ombrydes ens */
.embla-hero-left .elementor-widget-text-editor { max-width: 440px !important; }
.embla-darksec > .e-con-inner > .e-con .elementor-widget-text-editor { max-width: 400px !important; }
.elementor-widget.embla-b2b-text { max-width: 400px !important; }

/* ---------- USP-striben ---------- */
/* Mockup: striben er et afgrænset kort i indholdsbredden — ikke fuld skærmbredde. */
.embla-usps {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg) !important;
	max-width: var(--container-max-width, 1140px) !important;
	margin-left: auto !important; margin-right: auto !important;
}
.embla-usp { border-left: 1px solid var(--embla-line); }
.embla-usp:first-child { border-left: none; }
.embla-usp h4, .embla-usp .elementor-heading-title { font-size: 15px; font-weight: 600; margin: 0; }
.embla-usp p { font-size: 12px; color: var(--embla-ink-soft); margin: 6px 0 0; }
/* Mockup: udfyldt mintgrøn ikon-firkant uden kant */
.embla-usp-icon {
	width: 28px; height: 28px; border-radius: 8px;
	background: var(--embla-green-100); border: none; color: var(--embla-green-800);
	display: inline-flex; align-items: center; justify-content: center; font-size: 13px;
	margin-bottom: 10px;
}

/* ---------- Kategorikort ---------- */
.embla-catcard {
	background: var(--embla-cream-card);
	border-radius: 20px !important;
	overflow: hidden !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	position: relative;
}
.embla-catcard:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(20, 30, 20, 0.10); }
.embla-catcard img { border-radius: 0; width: 100%; display: block; }
.embla-catcard .elementor-heading-title { font-size: 16px; font-weight: 700; }
.embla-catcard .elementor-heading-title a { color: var(--embla-ink); text-decoration: none; }
/* Hele kortet er klikbart: titlens link strækkes ud over kortet.
   Mellemliggende wrappers gøres statiske, så overlayet forankres til
   selve kortet (Elementor giver ellers alle wrappers position:relative). */
.embla-catcard .elementor-widget-heading,
.embla-catcard .embla-catcard-body,
.embla-catcard .embla-catcard-body .e-con { position: static !important; }
.embla-catcard .elementor-heading-title a::after {
	content: ""; position: absolute; inset: 0; z-index: 1;
}
.embla-cat-tag { pointer-events: none; }
.embla-catcard p { color: var(--embla-ink-soft); font-size: 12.5px; margin: 0; }
.embla-catcard-body { background: var(--embla-cream-card); padding: 12px 18px 14px !important; }
/* Indre containere OG deres e-con-inner-wrappere skal ikke arve Elementors
   default-padding (10px lodret ligger på .e-con-inner, ikke på .e-con). */
.embla-catcard-body .e-con,
.embla-catcard-body .e-con-inner { padding: 0 !important; }
/* Elementor giver widgets position:relative — skal være static så pillen
   forankres til kortet (nærmeste positioned ancestor). */
.elementor-widget.embla-cat-tag-wrap { position: static !important; }
.embla-cat-tag {
	position: absolute; top: 15px; left: 15px; z-index: 2;
	background: rgba(242, 237, 227, 0.92); color: #8a7a55;
	font-family: ui-monospace, "SF Mono", Menlo, monospace;
	font-size: 11px; letter-spacing: 0.08em;
	padding: 5px 13px; border-radius: var(--embla-radius-pill);
}
.embla-cat-arrow-wrap { width: auto; flex-shrink: 0; }
.embla-cat-arrow {
	width: 32px; height: 32px; border-radius: 50%;
	border: 1px solid var(--embla-green-600); color: var(--embla-green-800);
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 14px; background: transparent;
}
.embla-catcard:hover .embla-cat-arrow { background: var(--embla-green-800); color: #fff; border-color: var(--embla-green-800); }

/* Kategorikort uden Elementor — markup fra [embla_kategorier].
   Reglerne ovenfor rammer Elementors wrappers; her er de samme kort
   bygget af almindelige elementer. */
.embla-catgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
/* Kategoribilleder uploades i vilkårligt format — fast ramme holder
   kortene lige høje, så rækkerne ikke bliver takkede. */
.embla-catgrid .embla-catcard img {
	width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block;
}
.embla-catgrid .embla-catcard-body {
	display: flex; justify-content: space-between; align-items: center; gap: 12px;
}
.embla-catgrid .embla-catcard h3 { font-size: 16px; font-weight: 700; margin: 0; }
.embla-catgrid .embla-catcard h3 a { color: var(--embla-ink); text-decoration: none; }
/* Hele kortet klikbart — ét link pr. kort, så billedet ikke bliver et
   dublet-tabstop til samme side. */
.embla-catgrid .embla-catcard h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.embla-catgrid .embla-catcard p { margin: 2px 0 0; }

/* ---------- Woo produktkort (shortcode-grid) ---------- */
.embla-products ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px; margin: 0; padding: 0; list-style: none;
	float: none;
}
.embla-products ul.products::before, .embla-products ul.products::after { display: none; }
.embla-products ul.products li.product {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	overflow: hidden; margin: 0 !important; width: auto !important;
	float: none !important; padding: 0 0 18px !important; position: relative;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.embla-products ul.products li.product:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(20, 30, 20, 0.10); }
.embla-products ul.products li.product img {
	width: 100%; height: auto; display: block; margin: 0;
}
/* Kategori-eyebrow over titlen (mockup: FORSENDELSESKASSER) */
.embla-products .embla-prod-cat {
	display: block; padding: 6px 16px 0;
	font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
	text-transform: uppercase; color: #8a7a55;
}
.embla-products ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--embla-font-head);
	font-size: 16px; font-weight: 600; color: var(--embla-ink);
	padding: 6px 16px 0; margin: 0;
}
/* Materiale/egenskab-chips under titlen */
.embla-products .embla-prod-chips {
	display: flex; flex-wrap: wrap; gap: 6px; padding: 10px 16px 0;
}
.embla-products .embla-prod-chips span {
	background: #eee8da; color: #5c5c52;
	font-size: 11.5px; font-weight: 500;
	padding: 4px 10px; border-radius: var(--embla-radius-pill);
}
/* Komposterbar-badge på produktbilledet */
.embla-products .embla-prod-badge {
	position: absolute; top: 14px; right: 14px; z-index: 2;
	background: var(--embla-green-800); color: #fff;
	font-size: 11.5px; font-weight: 600;
	padding: 6px 12px; border-radius: var(--embla-radius-pill);
}
.embla-products ul.products li.product .price {
	display: block; padding: 16px 16px 0; color: var(--embla-ink) !important;
	font-size: 12px; font-weight: 500;
}
.embla-products ul.products li.product .price .amount,
.embla-products ul.products li.product .price bdi {
	font-family: var(--embla-font-head);
	font-size: 19px; font-weight: 700;
}
.embla-products ul.products li.product .price::before {
	content: "fra"; display: block; font-size: 11.5px; color: var(--embla-ink-soft); font-weight: 400;
}
.embla-products ul.products li.product .button {
	position: absolute; right: 16px; bottom: 16px;
	width: 36px; height: 36px; border-radius: 10px;
	background: var(--embla-green-100); color: var(--embla-green-800);
	font-size: 0; padding: 0; display: inline-flex;
	align-items: center; justify-content: center; border: none;
}
.embla-products ul.products li.product .button::after {
	content: "+"; font-size: 20px; font-weight: 500; line-height: 1;
}
.embla-products ul.products li.product .button:hover { background: var(--embla-green-800); color: #fff; }
/* Woo's "Se kurv"-link efter AJAX-tilføjelse — skjules; feedback gives i stedet
   via knap-tilstande og kurv-badge (Woo's egen a.added_to_cart-regel har højere
   specificitet, derfor !important). */
.embla-products a.added_to_cart { display: none !important; }
/* Fokusring kun ved tastaturnavigation — ingen blå browser-ring efter klik */
.embla-products ul.products li.product .button:focus { outline: none; }
.embla-products ul.products li.product .button:focus-visible { outline: 2px solid var(--embla-green-600); outline-offset: 2px; }
/* Woo absolut-positionerer ::after på loading/added-knapper og skubber
   indholdet ud af centrum — nulstilles, så flex-centreringen gælder. */
.embla-products ul.products li.product .button.loading::after,
.embla-products ul.products li.product .button.added::after {
	position: static; margin: 0; top: auto; right: auto; line-height: 1;
}
/* Tilføjer: spinner mens der lægges i kurv */
.embla-products ul.products li.product .button.loading { opacity: 1; padding: 0 !important; }
.embla-products ul.products li.product .button.loading::after {
	content: ""; width: 14px; height: 14px; box-sizing: border-box;
	border: 2px solid currentColor; border-right-color: transparent;
	border-radius: 50%;
	animation: embla-spin 0.6s linear infinite;
}
/* Tilføjet: grøn kvittering med flueben, kort pop + grøn ring der vokser og fader ud */
.embla-products ul.products li.product .button.added {
	background: var(--embla-green-800); color: #fff;
	animation: embla-pop 0.35s ease;
}
.embla-products ul.products li.product .button.added::after { content: "✓"; font-size: 15px; font-weight: 700; }
.embla-products ul.products li.product .button.added::before {
	content: ""; position: absolute; inset: 0;
	border-radius: inherit; border: 2px solid var(--embla-green-600);
	pointer-events: none;
	animation: embla-ring 0.65s ease-out forwards;
}
@keyframes embla-spin { to { transform: rotate(360deg); } }
@keyframes embla-pop { 0% { transform: scale(1); } 40% { transform: scale(1.18); } 100% { transform: scale(1); } }
@keyframes embla-ring {
	0% { transform: scale(1); opacity: 0.9; }
	100% { transform: scale(1.7); opacity: 0; }
}
/* Kurv-badge hopper når en vare lægges i */
.embla-cart-count.embla-bump { animation: embla-bump 0.45s ease; }
@keyframes embla-bump { 0% { transform: scale(1); } 40% { transform: scale(1.45); } 100% { transform: scale(1); } }

/* ---------- Mørkegrøn sektion ---------- */
.embla-darksec { border-radius: 0; }
/* !important: Elementors kit-CSS (global Primary på headings) loader efter dette stylesheet. */
.embla-darksec .elementor-heading-title { color: #fff !important; }
.embla-darksec h2.elementor-heading-title { font-size: 40px; }
.embla-darksec p, .embla-darksec .elementor-widget-text-editor { color: #b9c9bd; }
.embla-darksec .embla-pill .elementor-heading-title {
	background: rgba(255, 255, 255, 0.10); color: #dcebe1 !important;
}
/* Mockup: pillen i den mørke sektion har ingen prik */
.embla-darksec .embla-pill .elementor-heading-title::before { display: none; }
/* Mockup: afrundede tiles uden kant, mintgrønne tal */
.embla-stat {
	background: rgba(255, 255, 255, 0.09);
	border: none;
	border-radius: 14px !important;
}
.embla-stat .e-con-inner { gap: 8px !important; }
.embla-stat .elementor-heading-title { color: #a8d0b4 !important; font-size: 32px; font-weight: 700; }
.embla-stat p { color: #a9bcae; font-size: 12.5px; margin: 4px 0 0; }

/* ---------- B2B ---------- */
.embla-b2b-img img { border-radius: 20px !important; width: 100%; }
.embla-check-grid { font-size: 14px; }
.embla-check-grid .embla-check { display: flex; gap: 10px; align-items: center; }
/* Mockup: flueben i mintgrøn cirkel */
.embla-check-grid .embla-check::before {
	content: "✓"; flex-shrink: 0;
	width: 20px; height: 20px; border-radius: 50%;
	background: var(--embla-green-100); color: var(--embla-green-800);
	font-size: 11px; font-weight: 700;
	display: inline-flex; align-items: center; justify-content: center;
}

/* ---------- Footer ---------- */
.embla-footer {
	background: var(--embla-green-900); color: #b9c9bd;
	margin-top: 24px; padding: 72px 0 28px;
	font-size: 13.5px;
}
/* Antal link-kolonner sættes fra footer.php, så tomme menuplaceringer ikke
   efterlader et hul i højre side. */
.embla-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr repeat(var(--embla-footer-cols, 3), 1fr);
	gap: 40px;
}
.embla-footer__legal-menu {
	display: inline; list-style: none; margin: 0; padding: 0;
}
.embla-footer__legal-menu li { display: inline; }
.embla-footer__legal-menu li::before { content: " · "; }
.embla-footer__brand p { max-width: 280px; line-height: 1.6; }
.embla-footer__contact { font-size: 12.5px; color: #8fa396; }
.embla-logo--light { color: #fff; }
.embla-logo--light .embla-logo__text { color: #fff; }
.embla-footer__badges { display: flex; gap: 8px; margin-top: 14px; }
.embla-footer__badges span {
	border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 6px;
	font-size: 10px; font-weight: 600; letter-spacing: 0.06em;
	padding: 4px 8px; color: #dfe9e1;
}
.embla-footer__col h4,
.embla-footer__col-title {
	color: #fff; font-size: 13.5px; font-weight: 600; margin: 0 0 14px;
	font-family: var(--embla-font);
}
.embla-footer__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 13px; }
.embla-footer__col a { color: #b9c9bd; text-decoration: none; }
.embla-footer__col a:hover { color: #fff; }
.embla-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	margin-top: 44px; padding-top: 22px;
	display: flex; justify-content: space-between; align-items: center;
	font-size: 12px; flex-wrap: wrap; gap: 12px;
}
.embla-footer__bottom a { color: #b9c9bd; }
.embla-footer__pay { display: flex; gap: 6px; }
.embla-footer__pay span {
	background: rgba(255, 255, 255, 0.10); border-radius: 4px;
	font-size: 9.5px; font-weight: 700; padding: 4px 7px; color: #fff;
}

/* ---------- Kurv-side (Woo cart-block) ---------- */
/* Blokken er "alignwide" og rammer ellers ikke sidens 1140px-container.
   !important: Hello-temaets theme.css loader efter dette stylesheet. */
.wp-block-woocommerce-cart {
	max-width: 1140px !important;
	margin: 0 auto 80px !important;
	padding: 0;
}
.site-main .entry-title {
	max-width: 1140px;
	margin: 44px auto 8px;
	font-size: 40px;
	letter-spacing: -0.02em;
}
/* Tabel: hairlines og kolonneoverskrifter som eyebrows */
.wc-block-cart-items th {
	font-family: var(--embla-font);
	font-size: 12px; font-weight: 700; letter-spacing: 0.14em;
	text-transform: uppercase; color: var(--embla-ink-soft);
}
.wc-block-cart-items th,
.wc-block-cart-items td,
.wc-block-cart-items { border-color: var(--embla-line) !important; }
/* Produktnavn: ingen blå/underline */
.wc-block-components-product-name {
	font-family: var(--embla-font-head);
	font-size: 15.5px; font-weight: 600;
	color: var(--embla-ink) !important; text-decoration: none !important;
}
.wc-block-components-product-name:hover { color: var(--embla-green-600) !important; }
.wc-block-cart-item__prices { font-size: 13px; font-weight: 600; color: var(--embla-ink); }
.wc-block-components-product-metadata__description,
.wc-block-components-product-metadata__description p { font-size: 12.5px; color: var(--embla-ink-soft); }
.wc-block-cart-item__total .wc-block-components-formatted-money-amount {
	font-family: var(--embla-font-head);
	font-size: 16px; font-weight: 700; color: var(--embla-ink);
}
.wc-block-cart-item__image img { border-radius: 12px; border: 1px solid var(--embla-line); }
/* Antal-vælger og fjern-link */
.wc-block-components-quantity-selector {
	border: 1px solid #c9c2b2 !important;
	border-radius: 10px !important;
	background: var(--embla-cream-card);
	overflow: hidden;
}
.wc-block-components-quantity-selector::after { border: none !important; }
.wc-block-components-quantity-selector input,
.wc-block-components-quantity-selector button { color: var(--embla-ink); background: transparent; }
.wc-block-components-quantity-selector button:hover { color: var(--embla-green-800); }
.wc-block-cart-item__remove-link { color: var(--embla-ink-soft) !important; text-decoration: none !important; }
.wc-block-cart-item__remove-link:hover { color: #b3402a !important; }
/* Total-panelet som kort i Embla-stil */
.wc-block-cart__sidebar {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	padding: 26px 24px 24px !important;
	height: fit-content;
}
.wc-block-cart__totals-title {
	font-family: var(--embla-font) !important;
	font-size: 12px !important; font-weight: 700 !important;
	letter-spacing: 0.14em !important; text-transform: uppercase;
	color: var(--embla-ink-soft) !important;
	border: none !important; padding: 0 16px 4px !important;
}
.wc-block-cart__sidebar .wc-block-components-totals-wrapper { border-color: var(--embla-line) !important; }
.wc-block-components-totals-coupon-link { color: var(--embla-green-800) !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family: var(--embla-font-head); font-size: 17px; font-weight: 700;
}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--embla-font-head); font-size: 20px; font-weight: 700;
}
/* Gå til Kassen/Godkend og betal-knapper: som embla-btn, uden underline */
.wp-block-woocommerce-cart .wc-block-components-button,
.wp-block-woocommerce-checkout .wc-block-components-button {
	background: var(--embla-green-800) !important;
	color: #fff !important;
	border: none; border-radius: 10px !important;
	padding: 15px 24px;
	font-family: var(--embla-font); font-size: 15px; font-weight: 600;
	text-decoration: none !important;
	transition: background 0.15s ease;
}
.wp-block-woocommerce-cart .wc-block-components-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-button:hover { background: var(--embla-green-600) !important; }
.wp-block-woocommerce-cart .wc-block-components-button .wc-block-components-button__text,
.wp-block-woocommerce-checkout .wc-block-components-button .wc-block-components-button__text { text-decoration: none !important; }

/* ---------- Tom kurv ---------- */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before { display: none !important; content: none !important; }
.wp-block-woocommerce-cart h2.wc-block-cart__empty-cart__title {
	font-family: var(--embla-font-head) !important;
	font-size: 30px !important; font-weight: 700 !important;
	color: var(--embla-ink) !important; margin: 40px 0 0;
}
.embla-empty__sub { color: var(--embla-ink-soft); font-size: 14.5px; margin: 10px 0 20px; }
.embla-empty__cta { margin-bottom: 0; }
.embla-empty__cta a {
	display: inline-block; background: var(--embla-green-800); color: #fff !important;
	border-radius: 10px; padding: 13px 24px;
	font-size: 14.5px; font-weight: 600; text-decoration: none !important;
	transition: background 0.15s ease;
}
.embla-empty__cta a:hover { background: var(--embla-green-600); }
/* Sektionshoved som på forsiden: eyebrow + overskrift, venstrestillet */
.embla-empty__head { display: flex; flex-direction: column; gap: 6px; margin: 56px 0 22px; }
.embla-empty__head span {
	font-size: 12px; font-weight: 700; letter-spacing: 0.14em;
	text-transform: uppercase; color: var(--embla-ink-soft);
}
.embla-empty__head h2 { font-size: 36px; letter-spacing: -0.02em; margin: 0; }
.wp-block-woocommerce-cart .wp-block-group.embla-products { margin: 0; }

/* ---------- Kassen (klassisk checkout med adressebog) ---------- */
body.woocommerce-checkout .site-main .woocommerce { max-width: 1140px; margin: 0 auto 80px; padding: 0 24px; }
form.checkout.woocommerce-checkout {
	display: grid; grid-template-columns: minmax(0, 1fr) 420px;
	gap: 0 36px; align-items: start;
}
form.checkout.woocommerce-checkout #customer_details { grid-column: 1; grid-row: 1 / span 3; }
form.checkout.woocommerce-checkout #order_review_heading { grid-column: 2; grid-row: 1; margin: 0 0 14px; font-size: 21px; }
form.checkout.woocommerce-checkout #order_review { grid-column: 2; grid-row: 2; }
#customer_details.col2-set .col-1, #customer_details.col2-set .col-2 { float: none !important; width: 100% !important; }
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 { font-size: 21px; margin: 0 0 14px; }
.woocommerce-checkout .woocommerce-shipping-fields h3 label { font-size: 15px; display: inline-flex; gap: 8px; align-items: center; }
.woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-additional-fields { margin-top: 22px; }
.woocommerce-checkout #ship-to-different-address input { accent-color: var(--embla-green-800); }
/* Ordreoversigt som creme-kort */
.woocommerce-checkout #order_review {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	padding: 22px;
}
.woocommerce-checkout #order_review table.shop_table {
	width: 100%; border: none; margin: 0 0 8px;
	border-collapse: collapse; font-size: 13.5px; background: transparent;
}
.woocommerce-checkout #order_review table.shop_table th,
.woocommerce-checkout #order_review table.shop_table td {
	border: none; border-bottom: 1px solid var(--embla-line);
	padding: 10px 0; text-align: left; color: var(--embla-ink);
}
.woocommerce-checkout #order_review table.shop_table td:last-child,
.woocommerce-checkout #order_review table.shop_table th:last-child { text-align: right; }
.woocommerce-checkout #order_review table.shop_table tr.order-total th,
.woocommerce-checkout #order_review table.shop_table tr.order-total td {
	border-bottom: none; font-family: var(--embla-font-head);
	font-size: 17px; font-weight: 700; padding-top: 14px;
}
.woocommerce-checkout #payment { background: transparent !important; border-radius: 0; }
.woocommerce-checkout #payment ul.payment_methods { list-style: none; margin: 0; padding: 0 0 14px; border-bottom: 1px solid var(--embla-line); }
.woocommerce-checkout #payment ul.payment_methods li { font-size: 14px; }
.woocommerce-checkout #payment ul.payment_methods input { accent-color: var(--embla-green-800); }
.woocommerce-checkout #payment div.payment_box {
	background: var(--embla-green-100); color: var(--embla-green-800);
	border-radius: 10px; font-size: 13px; margin-top: 8px;
}
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment .place-order { padding: 16px 0 0; }
.woocommerce-checkout #place_order {
	width: 100%; background: var(--embla-green-800); color: #fff;
	border: none; border-radius: 10px; padding: 15px 24px;
	font-family: var(--embla-font); font-size: 15px; font-weight: 600;
	cursor: pointer; transition: background 0.15s ease; float: none;
}
.woocommerce-checkout #place_order:hover { background: var(--embla-green-600); }
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { font-size: 12.5px; color: var(--embla-ink-soft); }
/* Adressevælger i kassen */
.embla-addrpick { display: grid; gap: 10px; margin: 0 0 22px; }
.embla-addrpick__label {
	font-size: 11px; font-weight: 700; letter-spacing: 0.12em;
	text-transform: uppercase; color: var(--embla-ink-soft);
}
.embla-addrpick__item {
	display: flex; gap: 12px; align-items: center; cursor: pointer;
	background: var(--embla-cream-card);
	border: 1.5px solid var(--embla-line); border-radius: 12px;
	padding: 12px 16px; transition: border-color 0.12s ease;
}
.embla-addrpick__item:hover { border-color: #c9c2b2; }
.embla-addrpick__item:has(input:checked) { border-color: var(--embla-green-800); }
.embla-addrpick__item input { accent-color: var(--embla-green-800); margin: 0; flex-shrink: 0; }
.embla-addrpick__item span { display: flex; flex-direction: column; gap: 1px; font-size: 13px; color: var(--embla-ink-soft); }
.embla-addrpick__item span strong { font-size: 14px; font-weight: 600; color: var(--embla-ink); }
.embla-addrpick__item--new { border-style: dashed; }
/* Vælgeren i kassen (under Faktureringsadresse): kompakte kort på række */
.embla-addrpick--checkout {
	display: flex; flex-wrap: wrap; align-items: center;
	gap: 10px; margin: 2px 0 18px;
}
.embla-addrpick--checkout .embla-addrpick__label { flex-basis: 100%; }
/* Adressebogens kort og formular på Min konto */
.embla-addr__card.is-default { border-color: var(--embla-green-600); }
.embla-addr__actions { margin-top: 12px; font-size: 13px; color: var(--embla-ink-soft); display: flex; gap: 8px; }
.embla-addr__delete { color: #b3402a !important; }
.embla-addr__add {
	display: flex; align-items: center; justify-content: center;
	min-height: 140px; padding: 20px;
	border: 1.5px dashed #c9c2b2; border-radius: var(--embla-radius-lg);
	font-size: 14px; font-weight: 600; color: var(--embla-ink-soft) !important;
	text-decoration: none; transition: border-color 0.12s ease, color 0.12s ease;
}
.embla-addr__add:hover { border-color: var(--embla-green-600); color: var(--embla-green-800) !important; }
.embla-addr__form {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	padding: 24px; max-width: 560px; margin-top: 24px;
}
.embla-addr__form h3 { font-size: 18px; margin: 0 0 16px; }

/* ---------- Kassen (Woo checkout-block) ---------- */
.wp-block-woocommerce-checkout {
	max-width: 1140px !important;
	margin: 0 auto 80px !important;
}
/* Felter i Embla-stil: creme baggrund, blød kant, grønt fokus */
.wp-block-woocommerce-checkout input[type="text"],
.wp-block-woocommerce-checkout input[type="email"],
.wp-block-woocommerce-checkout input[type="tel"],
.wp-block-woocommerce-checkout input[type="number"],
.wp-block-woocommerce-checkout input[type="url"],
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout textarea {
	background: var(--embla-cream-card) !important;
	border: 1px solid #c9c2b2 !important;
	border-radius: 10px !important;
	color: var(--embla-ink) !important;
	font-family: var(--embla-font) !important;
}
.wp-block-woocommerce-checkout input:focus,
.wp-block-woocommerce-checkout select:focus,
.wp-block-woocommerce-checkout textarea:focus {
	border-color: var(--embla-green-600) !important;
	box-shadow: 0 0 0 3px rgba(46, 92, 66, 0.15) !important;
	outline: none !important;
}
.wp-block-woocommerce-checkout .wc-block-components-text-input label,
.wp-block-woocommerce-checkout .wc-block-components-combobox-control label { color: var(--embla-ink-soft) !important; font-family: var(--embla-font); }
/* Sektionstitler (Kontaktinformation, Faktureringsadresse, ...) */
.wc-block-checkout__main .wc-block-components-title {
	font-family: var(--embla-font-head) !important;
	font-size: 21px !important; font-weight: 700 !important;
	color: var(--embla-ink) !important;
}
.wc-block-checkout__main .wc-block-components-checkout-step__description { color: var(--embla-ink-soft); font-size: 13px; }
/* Ordreoversigt som creme-kort */
.wc-block-checkout__sidebar {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line) !important;
	border-radius: var(--embla-radius-lg) !important;
	padding: 24px !important;
	height: fit-content;
}
.wc-block-checkout__sidebar .wc-block-components-title,
.wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title,
.wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title p {
	font-family: var(--embla-font) !important;
	font-size: 12px !important; font-weight: 700 !important;
	letter-spacing: 0.14em !important; text-transform: uppercase;
	color: var(--embla-ink-soft) !important;
}
/* Ingen indre kasse-i-kasse: kortrammen ligger på selve sidebaren */
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block { border: none !important; }
.wc-block-checkout__sidebar .wc-block-components-totals-wrapper,
.wc-block-checkout__sidebar .wc-block-components-order-summary,
.wc-block-checkout__sidebar .wc-block-components-panel { border-color: var(--embla-line) !important; }
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__image img {
	border-radius: 8px; border: 1px solid var(--embla-line);
}
.wc-block-checkout__sidebar .wc-block-components-order-summary-item__quantity {
	background: var(--embla-green-800) !important; border: none !important; color: #fff !important;
	box-shadow: none !important;
}
.wc-block-checkout__sidebar .wc-block-components-product-metadata__description { font-size: 12px; color: var(--embla-ink-soft); }
.wc-block-checkout__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-checkout__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--embla-font-head); font-weight: 700;
}
/* Links, checkbokse og radioknapper i grønt */
.wp-block-woocommerce-checkout a { color: var(--embla-green-800); }
.wp-block-woocommerce-checkout .wc-block-components-checkbox__input[type="checkbox"] {
	border: 1.5px solid #c9c2b2 !important; border-radius: 4px !important;
}
.wp-block-woocommerce-checkout .wc-block-components-checkbox__input[type="checkbox"]:checked {
	background: var(--embla-green-800) !important; border-color: var(--embla-green-800) !important;
}
.wp-block-woocommerce-checkout .wc-block-components-radio-control__input {
	border-color: #c9c2b2 !important;
}
.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:checked {
	border-color: var(--embla-green-800) !important; background: var(--embla-green-800) !important;
}

/* ---------- Butik / produktarkiv ---------- */
.embla-archive { padding: 26px 24px 80px; }
.embla-crumb { font-size: 13px; color: var(--embla-ink-soft); display: flex; gap: 8px; }
.embla-crumb a { color: var(--embla-green-800); text-decoration: none; }
.embla-crumb a:hover { text-decoration: underline; }
.embla-archive__head {
	display: flex; justify-content: space-between; align-items: flex-end;
	gap: 24px; margin: 18px 0 24px;
}
.embla-archive__title { font-size: 40px; letter-spacing: -0.02em; margin: 0 0 6px; }
.embla-archive__count { font-size: 14px; color: var(--embla-ink-soft); margin: 0; }
.embla-archive__count strong { color: var(--embla-ink); }
.embla-archive__sort { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--embla-ink-soft); }
.embla-archive__sort select {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line); border-radius: 10px;
	padding: 10px 14px; font-family: var(--embla-font); font-size: 14px; color: var(--embla-ink);
}
.embla-archive__layout {
	display: grid; grid-template-columns: 260px 1fr;
	gap: 28px; align-items: start;
}
/* Filterpanel */
.embla-filter {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	padding: 22px 20px;
}
.embla-filter__group + .embla-filter__group { border-top: 1px solid var(--embla-line); margin-top: 18px; padding-top: 18px; }
.embla-filter__group h4,
.embla-filter__title { display: block; font-family: var(--embla-font-head); font-size: 14px; font-weight: 700; color: var(--embla-ink); margin: 0 0 10px; }
.embla-filter__row {
	display: flex; align-items: center; gap: 10px;
	padding: 5px 0; font-size: 13.5px; cursor: pointer;
}
.embla-filter__row input { accent-color: var(--embla-green-800); width: 16px; height: 16px; margin: 0; flex-shrink: 0; }
.embla-filter__row em { margin-left: auto; font-style: normal; font-size: 12.5px; color: var(--embla-ink-soft); }
/* Dobbelt prisslider */
.embla-range { position: relative; padding: 8px 0 2px; }
.embla-range__track {
	position: relative; height: 4px; border-radius: 999px;
	background: var(--embla-line); margin: 6px 7px 0;
}
.embla-range__fill { position: absolute; top: 0; bottom: 0; border-radius: 999px; background: var(--embla-green-600); }
.embla-range__input {
	position: absolute; left: 0; right: 0; top: 6px; width: 100%; height: 16px;
	margin: 0; appearance: none; -webkit-appearance: none;
	background: transparent; pointer-events: none;
}
.embla-range__input::-webkit-slider-thumb {
	appearance: none; -webkit-appearance: none; pointer-events: auto;
	width: 14px; height: 14px; border-radius: 50%;
	background: var(--embla-green-800); border: 2px solid var(--embla-cream-card);
	box-shadow: 0 1px 4px rgba(20, 30, 20, 0.3); cursor: grab;
}
.embla-range__input::-moz-range-thumb {
	pointer-events: auto;
	width: 12px; height: 12px; border-radius: 50%;
	background: var(--embla-green-800); border: 2px solid var(--embla-cream-card);
	box-shadow: 0 1px 4px rgba(20, 30, 20, 0.3); cursor: grab;
}
.embla-range__labels { display: flex; justify-content: space-between; font-size: 12px; color: var(--embla-ink-soft); margin-top: 12px; }
/* Aktive filter-chips */
.embla-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.embla-chip {
	display: inline-flex; align-items: center; gap: 6px;
	background: var(--embla-green-100); color: var(--embla-green-800);
	border: none; border-radius: var(--embla-radius-pill);
	padding: 7px 13px; font-family: var(--embla-font); font-size: 12.5px; font-weight: 600;
	cursor: pointer;
}
.embla-chip:hover { background: #cfe3d6; }
.embla-chip span { font-size: 14px; line-height: 1; }
.embla-chips__clear { font-size: 13px; color: var(--embla-ink-soft); text-decoration: none; margin-left: 4px; }
.embla-chips__clear:hover { color: var(--embla-ink); }
/* Grid: 3 kolonner ved siden af filterpanelet */
/* Kolonneantallet sættes fra WooCommerces katalogindstilling via en inline
   style i wp_head. Fallback 3, hvis den af en eller anden grund mangler.
   Mediequeries længere nede overskriver hele egenskaben og vinder derfor
   stadig på tablet og mobil. */
.embla-products--archive ul.products { grid-template-columns: repeat(var(--embla-cols, 3), 1fr); }
.embla-archive__empty { font-size: 14.5px; color: var(--embla-ink-soft); margin: 24px 0; }
.embla-archive__empty a { color: var(--embla-green-800); }
/* Paginering som cirkler */
.embla-archive .woocommerce-pagination { margin-top: 36px; }
.embla-archive .woocommerce-pagination ul.page-numbers {
	display: flex; justify-content: center; gap: 8px;
	list-style: none; margin: 0; padding: 0; border: none;
}
.embla-archive .woocommerce-pagination ul.page-numbers li { border: none; margin: 0; padding: 0; float: none; overflow: visible; }
.embla-archive .woocommerce-pagination .page-numbers li .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	width: 36px; height: 36px; border-radius: 50%;
	background: var(--embla-cream-card); border: 1px solid var(--embla-line);
	color: var(--embla-ink); font-size: 14px; font-weight: 600;
	text-decoration: none; padding: 0; margin: 0; line-height: 1;
}
.embla-archive .woocommerce-pagination .page-numbers li a.page-numbers:hover {
	background: var(--embla-green-100); color: var(--embla-green-800); border-color: var(--embla-green-100);
}
.embla-archive .woocommerce-pagination .page-numbers li span.page-numbers.current {
	background: var(--embla-green-800); border-color: var(--embla-green-800); color: #fff;
}
.embla-archive .woocommerce-pagination .page-numbers li span.page-numbers.dots { background: transparent; border: none; }

/* ---------- Produktside ---------- */
.embla-product { padding: 26px 24px 80px; }
.embla-product__layout {
	display: grid; grid-template-columns: 1fr 1fr;
	gap: 44px; margin-top: 20px; align-items: start;
}
/* Galleri */
.embla-pimage { position: relative; }
.embla-pimage img, .embla-pimage__img { width: 100%; height: auto; display: block; border-radius: 20px; }
.embla-pimage__badge {
	position: absolute; top: 16px; left: 16px; z-index: 2;
	background: var(--embla-green-800); color: #fff;
	font-size: 11.5px; font-weight: 600;
	padding: 6px 12px; border-radius: var(--embla-radius-pill);
}
/* Forstørrelsesknap i billedets øverste højre hjørne. Badge'en sidder til
   venstre, så hjørnet er frit. Vises ved hover og ved tastaturfokus. */
.embla-pimage__zoom {
	position: absolute; top: 16px; right: 16px; z-index: 2;
	width: 38px; height: 38px; padding: 0;
	display: inline-flex; align-items: center; justify-content: center;
	border: none; border-radius: 50%; cursor: pointer;
	background: rgba(250, 247, 240, 0.92); color: var(--embla-green-800);
	box-shadow: 0 4px 14px rgba(20, 30, 20, 0.14);
	opacity: 0; transition: opacity 0.15s ease, background 0.15s ease;
}
.embla-pimage:hover .embla-pimage__zoom,
.embla-pimage:focus-within .embla-pimage__zoom { opacity: 1; }
.embla-pimage__zoom:hover { background: #fff; }
.embla-pimage__zoom:focus { outline: none; }
.embla-pimage__zoom:focus-visible { opacity: 1; outline: 2px solid var(--embla-green-600); outline-offset: 2px; }
/* Uden hover (touch) giver en usynlig knap ingen mening. */
@media (hover: none) {
	.embla-pimage__zoom { opacity: 1; }
}

/* Fuldskærmsvisning */
.embla-lightbox {
	position: fixed; inset: 0; z-index: 9999;
	display: flex; align-items: center; justify-content: center;
	padding: 40px;
	background: rgba(18, 40, 28, 0.92);
}
.embla-lightbox[hidden] { display: none; }
.embla-lightbox__img {
	max-width: 100%; max-height: 100%;
	width: auto; height: auto;
	border-radius: 12px; display: block;
}
.embla-lightbox__close {
	position: absolute; top: 20px; right: 24px;
	width: 44px; height: 44px; padding: 0;
	border: none; border-radius: 50%; cursor: pointer;
	background: rgba(255, 255, 255, 0.14); color: #fff;
	font-size: 26px; line-height: 1;
}
.embla-lightbox__close:hover { background: rgba(255, 255, 255, 0.26); }
.embla-lightbox__close:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
/* Baggrunden må ikke kunne scrolles bag fuldskærmsvisningen. */
body.embla-noscroll { overflow: hidden; }

.embla-product__thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 14px; }
.embla-product__thumb {
	padding: 0; border: 2px solid transparent; border-radius: 12px;
	background: none; cursor: pointer; overflow: hidden;
}
.embla-product__thumb img { width: 100%; height: auto; display: block; border-radius: 10px; }
.embla-product__thumb.is-active { border-color: var(--embla-green-800); }
.embla-product__thumb:hover { border-color: var(--embla-green-600); }
/* Grøn fokusring kun ved tastaturnavigation — ikke browserens blå efter klik.
   Samme mønster som læg-i-kurv-knappen i produktgrid'et. */
.embla-product__thumb:focus { outline: none; }
.embla-product__thumb:focus-visible { outline: 2px solid var(--embla-green-600); outline-offset: 2px; }
/* Info-kolonnen */
.embla-product__eyebrow {
	display: block; font-size: 11px; font-weight: 700; letter-spacing: 0.1em;
	text-transform: uppercase; color: #8a7a55; margin-bottom: 8px;
}
.embla-product__title { font-size: 38px; letter-spacing: -0.02em; margin: 0 0 10px; }
.embla-product__meta { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--embla-ink-soft); }
.embla-stars { color: #e8a13c; font-size: 14px; letter-spacing: 2px; }
.embla-stock { display: inline-flex; align-items: center; gap: 6px; color: var(--embla-ink); font-weight: 600; }
.embla-stock span { width: 7px; height: 7px; border-radius: 50%; background: var(--embla-green-600); }
.embla-product__desc { margin-top: 14px; font-size: 15px; line-height: 1.6; color: var(--embla-ink-soft); max-width: 480px; }
.embla-product__desc p { margin: 0; }
.embla-product__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.embla-product__chips span {
	background: var(--embla-green-100); color: var(--embla-green-800);
	font-size: 12.5px; font-weight: 600;
	padding: 6px 13px; border-radius: var(--embla-radius-pill);
}
/* Priskort med trappepriser */
.embla-pricecard {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	padding: 20px; margin-top: 20px;
}
.embla-pricecard__head { display: flex; justify-content: space-between; align-items: flex-start; }
.embla-pricecard__label { display: block; font-size: 12px; color: var(--embla-ink-soft); }
.embla-pricecard__price { font-family: var(--embla-font-head); font-size: 32px; font-weight: 700; color: var(--embla-ink); }
.embla-pricecard__price .amount, .embla-pricecard__price bdi { font-size: inherit; font-weight: inherit; }
.embla-pricecard__pill {
	background: var(--embla-green-100); color: var(--embla-green-800);
	font-size: 12px; font-weight: 600;
	padding: 6px 12px; border-radius: var(--embla-radius-pill);
}
.embla-tiers { border: 1px solid var(--embla-line); border-radius: 12px; margin-top: 14px; overflow: hidden; }
.embla-tiers__row {
	display: flex; justify-content: space-between; align-items: center;
	padding: 11px 14px; font-size: 13px; color: var(--embla-ink-soft);
	background: var(--embla-cream-card);
}
.embla-tiers__row + .embla-tiers__row { border-top: 1px solid var(--embla-line); }
.embla-tiers__row strong { font-size: 13px; font-weight: 600; color: var(--embla-ink); }
.embla-tiers__row strong .amount, .embla-tiers__row strong bdi { font-size: inherit; font-weight: inherit; }
.embla-tiers__row.is-active { background: var(--embla-green-100); color: var(--embla-green-800); }
.embla-tiers__row.is-active strong { color: var(--embla-green-800); }
/* Stepper + Læg i kurv */
.embla-product form.cart { display: flex; gap: 12px; margin-top: 20px; }
.embla-stepper {
	display: inline-flex; align-items: center;
	border: 1.5px solid #c9c2b2; border-radius: 10px;
	background: var(--embla-cream-card); overflow: hidden; flex-shrink: 0;
}
.embla-stepper button {
	width: 40px; height: 48px; border: none; background: none;
	font-size: 17px; color: var(--embla-ink); cursor: pointer;
}
.embla-stepper button:hover { color: var(--embla-green-800); }
.embla-stepper input {
	width: 48px; height: 48px; border: none; background: none;
	text-align: center; font-family: var(--embla-font); font-size: 15px; font-weight: 600;
	color: var(--embla-ink); appearance: textfield; -moz-appearance: textfield;
}
.embla-stepper input::-webkit-outer-spin-button, .embla-stepper input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.embla-product__add {
	flex: 1; border: none; border-radius: 10px;
	background: var(--embla-green-800); color: #fff;
	font-family: var(--embla-font); font-size: 15px; font-weight: 600;
	padding: 14px 24px; cursor: pointer; position: relative;
	transition: background 0.15s ease;
}
.embla-product__add:hover { background: var(--embla-green-600); }
.embla-product__add.is-loading .embla-product__add-label { visibility: hidden; }
.embla-product__add.is-loading::after {
	content: ""; position: absolute; inset: 0; margin: auto;
	width: 16px; height: 16px; box-sizing: border-box;
	border: 2px solid #fff; border-right-color: transparent; border-radius: 50%;
	animation: embla-spin 0.6s linear infinite;
}
.embla-product__add.is-added .embla-product__add-label { visibility: hidden; }
.embla-product__add.is-added::after {
	content: "Lagt i kurv ✓"; position: absolute; inset: 0;
	display: flex; align-items: center; justify-content: center;
	font-size: 15px; font-weight: 600;
}
/* Dokumenter (datablad, brugermanual m.m.) */
.embla-doclist { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.embla-doclist a {
	display: flex; align-items: center; gap: 14px;
	background: var(--embla-cream-card); border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius); padding: 14px 16px;
	text-decoration: none; color: var(--embla-ink);
	transition: border-color 0.15s ease, transform 0.15s ease;
}
.embla-doclist a:hover { border-color: var(--embla-green-600); transform: translateY(-1px); }
.embla-doclist a:focus-visible { outline: 2px solid var(--embla-green-600); outline-offset: 2px; }
.embla-doclist__icon {
	flex-shrink: 0; width: 36px; height: 36px; border-radius: 10px;
	background: var(--embla-green-100); color: var(--embla-green-800);
	display: inline-flex; align-items: center; justify-content: center;
}
.embla-doclist__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.embla-doclist__name { font-weight: 600; font-size: 14.5px; }
.embla-doclist__meta { font-size: 12px; color: var(--embla-ink-soft); }
.embla-doclist__arrow { margin-left: auto; color: var(--embla-green-800); font-size: 16px; }

/* Specifikationer + bæredygtighed */
.embla-product__details {
	display: grid; grid-template-columns: 1fr 1fr;
	gap: 44px; margin-top: 60px; align-items: start;
}
.embla-product__details h2 { font-size: 24px; margin: 0 0 16px; }
.embla-spectable {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line); border-radius: var(--embla-radius-lg);
	overflow: hidden;
}
.embla-spectable__row {
	display: flex; justify-content: space-between; gap: 20px;
	padding: 12px 16px; font-size: 13.5px; color: var(--embla-ink-soft);
}
.embla-spectable__row + .embla-spectable__row { border-top: 1px solid var(--embla-line); }
.embla-spectable__row strong { font-weight: 600; color: var(--embla-ink); text-align: right; }
.embla-sustaincard {
	background: var(--embla-green-900); color: #b9c9bd;
	border-radius: var(--embla-radius-lg); padding: 24px;
}
.embla-sustaincard p { margin: 0 0 20px; font-size: 14px; line-height: 1.6; }
.embla-sustaincard__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.embla-sustaincard__stats strong {
	display: block; font-family: var(--embla-font-head);
	font-size: 26px; font-weight: 700; color: #a8d0b4;
}
.embla-sustaincard__stats span { font-size: 12.5px; }
/* Relaterede produkter */
.embla-product__related { margin-top: 60px; }
.embla-product__related h2 { font-size: 24px; margin: 0 0 18px; }

/* ---------- Min konto ---------- */
body.woocommerce-account .site-main .woocommerce {
	max-width: 1140px; margin: 0 auto 80px; padding: 0 24px;
}
/* To kolonner når kontonavigationen findes (logget ind).
   Eksplicit kolonneplacering: en (evt. tom) notice-wrapper ligger først i
   DOM'en og ville ellers stjæle første grid-celle. */
body.woocommerce-account .site-main .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: grid; grid-template-columns: 260px 1fr;
	gap: 28px; align-items: start;
}
body.woocommerce-account .woocommerce > .woocommerce-notices-wrapper { grid-column: 1 / -1; }
body.woocommerce-account .woocommerce > .woocommerce-notices-wrapper:empty { display: none; }
body.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation { grid-column: 1; }
body.woocommerce-account .woocommerce > .woocommerce-MyAccount-content { grid-column: 2; }
/* Navigation som creme-kort med grøn aktiv række */
.woocommerce-MyAccount-navigation {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	padding: 10px; float: none !important; width: auto !important;
}
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.woocommerce-MyAccount-navigation li a {
	display: block; padding: 11px 14px; border-radius: 10px;
	color: var(--embla-ink); font-size: 14px; font-weight: 500;
	text-decoration: none;
}
.woocommerce-MyAccount-navigation li a:hover { background: #eee8da; }
.woocommerce-MyAccount-navigation li.is-active a {
	background: var(--embla-green-100); color: var(--embla-green-800); font-weight: 600;
}
.woocommerce-account .woocommerce a { color: var(--embla-green-800); }
.woocommerce-MyAccount-content { float: none !important; width: auto !important; font-size: 14.5px; line-height: 1.6; }
.woocommerce-MyAccount-content > p:first-child { margin-top: 4px; }
.woocommerce-MyAccount-content a { color: var(--embla-green-800); }
.woocommerce-MyAccount-content h2 { font-size: 22px; margin: 28px 0 14px; }
/* Knapper i kontoområdet (og Woo-formularer generelt) */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content a.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce form .button,
.woocommerce button.button {
	background: var(--embla-green-800); color: #fff;
	border: none; border-radius: 10px;
	padding: 12px 20px; font-family: var(--embla-font);
	font-size: 14px; font-weight: 600; text-decoration: none;
	cursor: pointer; transition: background 0.15s ease;
}
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content a.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce form .button:hover,
.woocommerce button.button:hover { background: var(--embla-green-600); color: #fff; }
/* Tabeller: ordrer + orde-detaljer som creme-kort */
.woocommerce-MyAccount-content table.shop_table {
	width: 100%; border-collapse: separate; border-spacing: 0;
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	overflow: hidden; font-size: 13.5px;
}
.woocommerce-MyAccount-content table.shop_table th {
	font-family: var(--embla-font);
	font-size: 11.5px; font-weight: 700; letter-spacing: 0.12em;
	text-transform: uppercase; color: var(--embla-ink-soft);
	text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--embla-line);
}
.woocommerce-MyAccount-content table.shop_table td {
	padding: 13px 16px; border-bottom: 1px solid var(--embla-line);
	color: var(--embla-ink); border-top: none;
}
.woocommerce-MyAccount-content table.shop_table tr:last-child td { border-bottom: none; }
.woocommerce-MyAccount-content table.shop_table tfoot th { text-transform: none; letter-spacing: 0; font-size: 13.5px; color: var(--embla-ink); border-bottom: none; border-top: 1px solid var(--embla-line); }
.woocommerce-MyAccount-content table.shop_table tfoot td { border-top: 1px solid var(--embla-line); border-bottom: none; font-weight: 600; }
.woocommerce-orders-table__cell-order-actions .button { padding: 8px 14px; font-size: 13px; }
/* Én samlet adressestyring */
.embla-addr__intro { font-size: 13.5px; color: var(--embla-ink-soft); margin: 4px 0 18px; }
.embla-addr { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.embla-addr__card {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	padding: 20px;
}
.embla-addr__head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 12px; }
.embla-addr__label {
	font-size: 11px; font-weight: 700; letter-spacing: 0.12em;
	text-transform: uppercase; color: var(--embla-ink-soft);
}
.embla-addr__edit {
	background: var(--embla-green-100); color: var(--embla-green-800) !important;
	font-size: 12.5px; font-weight: 600; white-space: nowrap;
	padding: 6px 14px; border-radius: var(--embla-radius-pill);
	text-decoration: none;
}
.embla-addr__edit:hover { background: var(--embla-green-800); color: #fff !important; }
.embla-addr address { font-style: normal; font-size: 14px; line-height: 1.7; color: var(--embla-ink); margin: 0; }
.embla-addr__empty { color: var(--embla-ink-soft); }
.embla-addr__same {
	border: 1.5px dashed #c9c2b2; border-radius: var(--embla-radius-lg);
	padding: 20px; display: flex; gap: 12px; align-items: flex-start;
}
.embla-addr__check {
	flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%;
	background: var(--embla-green-100); color: var(--embla-green-800);
	font-size: 12px; font-weight: 700;
	display: inline-flex; align-items: center; justify-content: center;
}
.embla-addr__same strong { font-size: 14px; font-weight: 600; }
.embla-addr__same p { font-size: 13px; color: var(--embla-ink-soft); margin: 4px 0 0; line-height: 1.6; }
.embla-addr__use-same { display: inline-block; margin-top: 14px; font-size: 13px; }
/* Adressekort */
.woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: 100% !important; }
.woocommerce-Addresses .u-column1, .woocommerce-Addresses .u-column2 { float: none !important; width: auto !important; max-width: none !important; }
/* Eksplicit placering — andre stylesheets må ikke forskyde kortene */
.woocommerce-Addresses .u-column1 { grid-column: 1; grid-row: 1; }
.woocommerce-Addresses .u-column2 { grid-column: 2; grid-row: 1; }
.woocommerce-Address { background: var(--embla-cream-card); border: 1px solid var(--embla-line); border-radius: var(--embla-radius-lg); padding: 20px; height: 100%; }
.woocommerce-Address-title { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.woocommerce-Address-title h2, .woocommerce-Address-title h3 { font-size: 17px; margin: 0 0 8px; }
.woocommerce-Address-title .edit { font-size: 13px; font-weight: 600; }
.woocommerce-Address address { font-style: normal; color: var(--embla-ink-soft); line-height: 1.7; }
/* Formularer (adresser, kontooplysninger, login) */
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row textarea,
.woocommerce-account .woocommerce form .form-row select,
.woocommerce-account .woocommerce form .form-row .select2-selection,
.woocommerce-checkout form .form-row input.input-text,
.woocommerce-checkout form .form-row textarea,
.woocommerce-checkout form .form-row select,
.woocommerce-checkout form .form-row .select2-selection {
	background: var(--embla-cream-card);
	border: 1px solid #c9c2b2; border-radius: 10px;
	padding: 12px 14px; font-family: var(--embla-font); font-size: 14px;
	color: var(--embla-ink);
}
.woocommerce-account .woocommerce form .form-row input.input-text:focus,
.woocommerce-account .woocommerce form .form-row textarea:focus,
.woocommerce-account .woocommerce form .form-row select:focus,
.woocommerce-checkout form .form-row input.input-text:focus,
.woocommerce-checkout form .form-row textarea:focus,
.woocommerce-checkout form .form-row select:focus {
	border-color: var(--embla-green-600);
	box-shadow: 0 0 0 3px rgba(46, 92, 66, 0.15); outline: none;
}
.woocommerce-account .woocommerce form .form-row label,
.woocommerce-checkout form .form-row label { font-size: 13px; color: var(--embla-ink-soft); margin-bottom: 4px; }
.woocommerce-account .woocommerce fieldset { border: none; margin: 24px 0 0; padding: 0; }
.woocommerce-account .woocommerce fieldset legend { font-family: var(--embla-font-head); font-size: 18px; font-weight: 700; margin-bottom: 8px; }
/* Login/opret konto (ikke logget ind): centreret kort uden "Log ind"-overskrift */
body.woocommerce-account:not(.logged-in) .woocommerce > h2 { display: none; }
/* Med registrering slået til: login og opret konto side om side */
#customer_login { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 960px; margin: 0 auto; width: 100% !important; }
#customer_login .u-column1, #customer_login .u-column2 { float: none !important; width: auto !important; max-width: none !important; }
/* Eksplicit placering — samme grid-forskydning som adressekortene ellers får */
#customer_login .u-column1 { grid-column: 1; grid-row: 1; }
#customer_login .u-column2 { grid-column: 2; grid-row: 1; }
#customer_login h2 { font-size: 20px; margin: 0 0 12px; text-align: center; }
#customer_login form { margin-top: 0 !important; height: auto; }
.woocommerce-privacy-policy-text { font-size: 12.5px; color: var(--embla-ink-soft); }
form.woocommerce-form-login, form.woocommerce-form-register {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line) !important;
	border-radius: var(--embla-radius-lg) !important;
	padding: 28px !important; max-width: 460px;
	margin: 8px auto 0 !important;
}
/* Chrome-autofill: behold creme baggrund i stedet for blå */
.woocommerce-account input:-webkit-autofill,
.wp-block-woocommerce-checkout input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px var(--embla-cream-card) inset;
	-webkit-text-fill-color: var(--embla-ink);
}
.woocommerce-form-login__rememberme { display: block; margin: 0 0 12px; }
/* Beskeder og notitser — plads til ikonet, så det ikke ligger oven i teksten */
.woocommerce-message, .woocommerce-info {
	background: var(--embla-green-100); color: var(--embla-green-800);
	border: none; border-radius: 12px;
	padding: 14px 18px 14px 46px !important;
	font-size: 14px; position: relative;
	outline: none;
}
.woocommerce-message::before, .woocommerce-info::before {
	color: var(--embla-green-800);
	position: absolute; left: 18px; top: 50%; transform: translateY(-50%);
}
.woocommerce-message .button, .woocommerce-info .button { padding: 8px 14px; font-size: 13px; }
.woocommerce-error {
	border-radius: 12px; font-size: 14px;
}
/* Ordre-detaljer: kundeadresse */
.woocommerce-customer-details address {
	background: var(--embla-cream-card); border: 1px solid var(--embla-line) !important;
	border-radius: var(--embla-radius-lg) !important; padding: 20px !important;
	font-style: normal; color: var(--embla-ink-soft); line-height: 1.7;
}

/* ---------- Opret konto ---------- */
.embla-register { padding: 0 24px; }
.embla-register__form {
	background: var(--embla-cream-card);
	border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
	padding: 28px; max-width: 460px;
	margin: 8px auto 80px;
}
.embla-register__hp { position: absolute; left: -9999px; }
.embla-register__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.embla-field { display: block; margin: 0 0 14px; }
.embla-field label { display: block; font-size: 13px; color: var(--embla-ink-soft); margin-bottom: 5px; }
.embla-field label span { color: #b3402a; }
.embla-field input {
	width: 100%; box-sizing: border-box;
	background: var(--embla-cream-card);
	border: 1px solid #c9c2b2; border-radius: 10px;
	padding: 12px 14px; font-family: var(--embla-font); font-size: 14px;
	color: var(--embla-ink);
}
.embla-field input:focus {
	border-color: var(--embla-green-600);
	box-shadow: 0 0 0 3px rgba(46, 92, 66, 0.15); outline: none;
}
.embla-field small { display: block; font-size: 12px; color: var(--embla-ink-soft); margin-top: 4px; }
.embla-register__submit {
	width: 100%; border: none; border-radius: 10px; cursor: pointer;
	background: var(--embla-green-800); color: #fff;
	font-family: var(--embla-font); font-size: 15px; font-weight: 600;
	padding: 14px 24px; margin-top: 6px;
	transition: background 0.15s ease;
}
.embla-register__submit:hover { background: var(--embla-green-600); }
.embla-register .woocommerce-error { border-radius: 12px; margin: 0 0 16px; font-size: 13.5px; }
.embla-register-hint { font-size: 13.5px; color: var(--embla-ink-soft); margin: 16px 0 0; text-align: center; }
.embla-register-hint a { color: var(--embla-green-800); font-weight: 600; }
/* Privat/Erhverv-toggle i formularer */
.embla-typetoggle {
	display: grid; grid-template-columns: 1fr 1fr; gap: 4px;
	background: #e9e2d4; border-radius: 12px; padding: 4px;
	margin: 0 0 16px;
}
.embla-typetoggle label {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	padding: 10px; border-radius: 9px; cursor: pointer;
	font-size: 14px; font-weight: 600; color: var(--embla-ink-soft);
}
.embla-typetoggle label.is-active { background: var(--embla-cream-card); color: var(--embla-ink); box-shadow: 0 1px 4px rgba(20, 30, 20, 0.08); }
.embla-typetoggle input { accent-color: var(--embla-green-800); margin: 0; }
.embla-business-fields[hidden] { display: none; }
.embla-cvr-status { display: block; font-size: 12px; color: var(--embla-ink-soft); margin-top: 4px; min-height: 15px; }
.embla-cvr-status.is-ok { color: var(--embla-green-600); }
.embla-cvr-status.is-error { color: #b3402a; }
.embla-account-type { border: none; margin: 24px 0 0; padding: 0; }
.embla-account-type legend { font-family: var(--embla-font-head); font-size: 18px; font-weight: 700; margin-bottom: 10px; }
.embla-account-type .embla-typetoggle { max-width: 380px; }

/* ---------- Indholdssider (bæredygtighed m.fl.) ---------- */
.embla-page { padding: 26px 24px 90px; }
.embla-page__head { margin: 22px 0 0; }
.embla-page__title { font-size: 48px; line-height: 1.08; margin: 16px 0 0; }
.embla-page__lead {
	font-size: 17px; line-height: 1.65; color: var(--embla-ink-soft);
	max-width: 620px; margin: 18px 0 0;
}
/* Eyebrow findes i to udgaver: Elementor-widget på forsiden (regel længere oppe)
   og et almindeligt span her på PHP-siderne. */
.embla-page .embla-eyebrow {
	display: block; font-family: var(--embla-font);
	font-size: 12px; font-weight: 700; letter-spacing: 0.14em;
	text-transform: uppercase; color: var(--embla-ink-soft);
}
.embla-sussection { margin-top: 76px; }
.embla-sussection > h2, .embla-susco2 h2 { font-size: 32px; margin: 10px 0 0; }
.embla-sussection > .embla-eyebrow + h2 { margin-top: 8px; }

/* Nøgletal — mørkegrønt bånd som løftesektionen på forsiden */
.embla-susstats {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
	background: rgba(255, 255, 255, 0.12);
	border-radius: var(--embla-radius-lg); overflow: hidden;
	margin-top: 56px;
}
.embla-susstat { background: var(--embla-green-900); padding: 30px 26px; }
.embla-susstat__num {
	font-family: var(--embla-font-head); font-size: 34px; font-weight: 700;
	letter-spacing: -0.02em; color: #fff; display: block;
}
.embla-susstat p { color: #cfdcd2; font-size: 13px; line-height: 1.5; margin: 10px 0 0; }

/* Kort til principper og certificeringer */
.embla-susgrid { display: grid; gap: 16px; margin-top: 26px; }
.embla-susgrid--3 { grid-template-columns: repeat(3, 1fr); }
.embla-suscard {
	background: var(--embla-cream-card); border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg); padding: 28px 26px;
}
.embla-suscard h3 { font-size: 18px; margin: 14px 0 0; }
.embla-suscard p { font-size: 14px; line-height: 1.65; color: var(--embla-ink-soft); margin: 10px 0 0; }
.embla-suscard__no {
	font-family: ui-monospace, "SF Mono", Menlo, monospace;
	font-size: 12px; letter-spacing: 0.08em; color: var(--embla-green-600);
}
.embla-suscard__mark {
	width: 46px; height: 46px; border-radius: var(--embla-radius);
	background: var(--embla-green-100); color: var(--embla-green-800);
	display: inline-flex; align-items: center; justify-content: center;
	font-family: var(--embla-font-head); font-size: 13px; font-weight: 700;
}
.embla-suscard--cert h3 { margin-top: 16px; }

/* CO₂-regnskab: tekst + punktliste side om side */
.embla-susco2 {
	display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 48px;
	align-items: center; margin-top: 76px;
}
.embla-susco2 p { font-size: 15px; line-height: 1.7; color: var(--embla-ink-soft); margin: 16px 0 0; }
.embla-susco2 a.embla-btn--outline {
	display: inline-block; margin-top: 24px; text-decoration: none;
}
.embla-suslist {
	list-style: none; margin: 0; padding: 30px 32px;
	background: var(--embla-cream-card); border: 1px solid var(--embla-line);
	border-radius: var(--embla-radius-lg);
}
.embla-suslist li {
	position: relative; padding: 14px 0 14px 30px;
	font-size: 14.5px; color: var(--embla-ink);
	border-top: 1px solid var(--embla-line);
}
.embla-suslist li:first-child { border-top: none; }
.embla-suslist li::before {
	content: "✓"; position: absolute; left: 0; top: 13px;
	color: var(--embla-green-600); font-size: 14px; font-weight: 700;
}

/* Overskriftsrække med "Se alle →" — samme opsætning som forsidens sektioner */
.embla-sushead {
	display: flex; justify-content: space-between; align-items: flex-end; gap: 20px;
}
.embla-sushead + .embla-products { margin-top: 26px; }

/* ---------- Responsivt ---------- */
@media (max-width: 1024px) {
	.embla-catgrid { grid-template-columns: repeat(2, 1fr); }
	.embla-susstats { grid-template-columns: repeat(2, 1fr); }
	.embla-susgrid--3 { grid-template-columns: 1fr; }
	.embla-susco2 { grid-template-columns: 1fr; gap: 32px; }
	.embla-page__title { font-size: 38px; }
	.embla-hero-h1 .elementor-heading-title { font-size: 42px; }
	.embla-products ul.products { grid-template-columns: repeat(2, 1fr); }
	.embla-footer__grid { grid-template-columns: 1fr 1fr; }
	.embla-archive__layout { grid-template-columns: 1fr; }
	.embla-product__layout, .embla-product__details { grid-template-columns: 1fr; gap: 32px; }
	body.woocommerce-account .site-main .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: 1fr; }
	.woocommerce-Addresses { grid-template-columns: 1fr; }
	#customer_login { grid-template-columns: 1fr; }
	.embla-addr { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.embla-topbar__right { display: none; }
	.embla-nav { display: none; }
	.embla-catgrid { grid-template-columns: 1fr; }
	.embla-susstats { grid-template-columns: 1fr; }
	.embla-page__title { font-size: 30px; }
	.embla-sussection > h2, .embla-susco2 h2 { font-size: 25px; }
	.embla-hero-h1 .elementor-heading-title { font-size: 34px; }
	.embla-products ul.products { grid-template-columns: 1fr; }
	.embla-footer__grid { grid-template-columns: 1fr; }
}