/*
 * H4me Levering — mærkat, leveringsboks og beskeder for varer på vej.
 * Farver og typografi følger Warm Clinic-tokens (navy #324A6D, sky #74B5C9,
 * ink #0F1A14, Space Mono til etiketter, Poppins til brødtekst).
 * Kontrast: navy på #E8F2F6 = 7,9:1, muted #4F4E4A på #E8F2F6 = 7,2:1.
 */

.h4me-lev-maerkat,
.h4me-lev-boks,
.h4me-lev-besked {
	--h4me-lev-navy: #324a6d;
	--h4me-lev-sky: #74b5c9;
	--h4me-lev-bg: #e8f2f6;
	--h4me-lev-ink: #0f1a14;
	--h4me-lev-muted: #4f4e4a;
	--h4me-lev-mono: 'Space Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	--h4me-lev-body: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	box-sizing: border-box;
	text-align: left;
}

.h4me-lev-ikon {
	display: block;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
}

/* Mærkat på produktkortet */
.h4me-lev-maerkat {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	margin: 10px 0 2px;
	padding: 4px 10px 4px 8px;
	border-radius: 50px;
	background: var(--h4me-lev-bg);
	color: var(--h4me-lev-navy);
	font-family: var(--h4me-lev-mono);
	font-size: 11px;
	font-weight: 700;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	white-space: normal;
	vertical-align: middle;
}

.woocommerce ul.products li.product .h4me-lev-maerkat,
.woocommerce-page ul.products li.product .h4me-lev-maerkat {
	margin: 10px 0 2px;
}

/* Leveringsboks på produktsiden */
.h4me-lev-boks {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 1.25em;
	padding: 14px 18px;
	border-left: 4px solid var(--h4me-lev-sky);
	border-radius: 12px;
	background: var(--h4me-lev-bg);
	color: var(--h4me-lev-ink);
	font-family: var(--h4me-lev-body);
}

.h4me-lev-boks__ikon {
	flex: 0 0 auto;
	padding-top: 1px;
	color: var(--h4me-lev-navy);
}

.h4me-lev-boks__ikon .h4me-lev-ikon {
	width: 24px;
	height: 24px;
}

.h4me-lev-boks__tekst {
	min-width: 0;
}

.h4me-lev-boks p {
	margin: 0;
	padding: 0;
}

.h4me-lev-boks .h4me-lev-boks__titel {
	margin: 0 0 4px;
	color: var(--h4me-lev-navy);
	font-family: var(--h4me-lev-mono);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.h4me-lev-boks .h4me-lev-boks__dato {
	color: var(--h4me-lev-ink);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.h4me-lev-boks .h4me-lev-boks__note {
	margin-top: 4px;
	color: var(--h4me-lev-muted);
	font-size: 14px;
	line-height: 1.5;
}

/* Besked i kurv, kasse og på takkesiden */
.h4me-lev-besked {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 24px;
	padding: 14px 18px;
	border-left: 4px solid var(--h4me-lev-sky);
	border-radius: 12px;
	background: var(--h4me-lev-bg);
	color: var(--h4me-lev-ink);
	font-family: var(--h4me-lev-body);
	font-size: 15px;
	line-height: 1.5;
}

.h4me-lev-besked[hidden] {
	display: none;
}

.h4me-lev-besked .h4me-lev-ikon {
	width: 22px;
	height: 22px;
	margin-top: 1px;
	color: var(--h4me-lev-navy);
}

.h4me-lev-besked p {
	margin: 0;
	padding: 0;
}

/* Linjen under varen i kurv, kasse og ordreoversigt */
.wc-block-components-product-details .h4me-lev-kurvlinje,
.wc-block-components-product-details .h4me-lev-kurvlinje .wc-block-components-product-details__name,
.wc-item-meta.h4me-lev-ordrelinje,
.wc-item-meta.h4me-lev-ordrelinje .wc-item-meta-label {
	color: #324a6d;
}

.wc-block-components-product-details .h4me-lev-kurvlinje {
	font-weight: 600;
}

/* WC's "er lagt i kurven"-besked på produktsiden */
.woocommerce-message .h4me-lev-besked-linje {
	display: block;
	margin-top: 4px;
	font-weight: 600;
}

/* "Lagt i kurven"-boksen (WPCode-snippet) */
.h4me-cart-notice .h4me-cart-notice__sub.h4me-cart-notice__sub--levering {
	color: #324a6d;
	font-weight: 600;
}

/* Styret lager (vej B): WC's eget "Tilgængelig på restordre"-badge skjules,
   når vores afsendelseslinje står på samme vare. */
.wc-block-cart-items__row:has(.h4me-lev-kurvlinje) .wc-block-components-product-backorder-badge,
.wc-block-components-order-summary-item:has(.h4me-lev-kurvlinje) .wc-block-components-product-backorder-badge {
	display: none;
}