/*
 * CCMerch-udseende i Lumise-designeren (MONO-temaet). Kun skrift, knapper og detaljer –
 * hovedfarven styres af Lumise → Indstillinger → primærfarve.
 */
body.lumise-theme-mono-editor #LumiseDesign {
	--lmono-color-black: #313D4D;
	--lmono-radius-sm: 8px;
	--lmono-radius-md: 14px;
}

/* Skrift: Jost overalt undtagen ikoner (<i>) */
body.lumise-theme-mono-editor,
body.lumise-theme-mono-editor #LumiseDesign *:not(i),
body.lumise-theme-mono-editor #lumise-lightbox *:not(i),
body.lumise-theme-mono-editor #lumise-popup *:not(i) {
	font-family: "Jost", Roboto, Arial, sans-serif !important;
}

/* "Læg i kurv": CCMerch-teal og runde knapper som resten af sitet */
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-continue-btn {
	color: #FFFFFF !important;
	background-color: #05707A !important;
	border-color: #05707A !important;
	border-radius: 999px !important;
}

body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations #lumise-proceed > button#lumise-cart-action:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-navigations button#lumise-continue-btn:hover {
	background-color: #045C64 !important;
	border-color: #045C64 !important;
}

body.lumise-theme-mono-editor #LumiseDesign a.back_shop,
body.lumise-theme-mono-editor #LumiseDesign #lumise-change-product {
	border-radius: 999px !important;
}

body.lumise-theme-mono-editor #LumiseDesign a.back_shop:hover,
body.lumise-theme-mono-editor #LumiseDesign #lumise-change-product:hover {
	color: #05707A !important;
	border-color: #05707A !important;
}

/* Kurv-tæller i teal i stedet for rød */
body.lumise-theme-mono-editor #LumiseDesign #lumise-addToCart small {
	background-color: #05707A !important;
}

/* Trykmetode: "Detaljer" lå oven i navnet – vis navn og link under hinanden */
body.lumise-theme-mono-editor #LumiseDesign .lumise-cart-field .lumise-desc {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	text-align: left;
}

body.lumise-theme-mono-editor #LumiseDesign .lumise-cart-field .lumise-desc > span {
	font-weight: 600;
}

body.lumise-theme-mono-editor #LumiseDesign .lumise-cart-field .lumise-desc .lumise-print-detail {
	float: none !important;
	order: 2;
	font-size: 12px;
	text-decoration: underline;
	text-underline-offset: 2px;
}
