/* Rising Lotus Huisstijl - site-opmaak: webshop-product.css
   Productpagina: zekerheid bij bestellen (.rl-product-assurance).
   Laadt op productpagina's en op pagina's waarvan de inhoud rl-product-assurance bevat.

   Herkomst: Weergave > Customizer > Extra CSS (stand 16 oktober 2026), ongewijzigd overgenomen
   behalve: knoppen kleuren bij aanwijzen volgens Huisstijl (--rl-style-button-hover-*), focusranden
   via --rl-style-focus-ring, en de mandala-doorzichtigheid volgt de drie huisstijlstanden
   (met een factor, zodat het er nu precies zo uitziet als voorheen). */

/* ════════════════════════════════════════════════════
PRODUCTPAGINA: zekerheid bij bestellen
════════════════════════════════════════════════════ */

.rl-product-assurance {
	margin: 0 0 1.25rem;
	padding: 1rem 1.1rem;
	border: 1px solid var(--mid, var(--rl-style-line,#e8dfd8));
	background: var(--cream, var(--rl-style-surface,#f5f5f5));
	color: var(--ink, var(--rl-style-ink,#1a1a1a));
	font-family: var(--body-font-family, "Lato"), sans-serif;
}

.rl-product-assurance__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rl-product-assurance__item {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.45;
}

.rl-product-assurance__check {
	flex: 0 0 auto;
	color: var(--rl, var(--rl-style-accent,#cd9a99));
	font-weight: 700;
}

.rl-product-assurance a {
	color: var(--ink, var(--rl-style-ink,#1a1a1a));
	text-decoration: none;
	border-bottom: 1px solid var(--mid, var(--rl-style-line,#e8dfd8));
}

.rl-product-assurance a:hover,
.rl-product-assurance a:focus-visible {
	color: var(--rl, var(--rl-style-accent,#cd9a99));
	border-color: var(--rl, var(--rl-style-accent,#cd9a99));
}

.rl-product-assurance__contact {
	margin: 0.9rem 0 0;
	padding-top: 0.8rem;
	border-top: 1px solid var(--mid, var(--rl-style-line,#e8dfd8));
	font-size: 0.85rem;
}

/* Mobiele productpagina */

@media (max-width: 600px) {
	body.single-product .summary > form.cart + .rl-product-assurance {
		clear: both;
		position: relative;
		top: 1.25rem;
		box-sizing: border-box;
		width: 100%;
		margin: 1.5rem 0 2.75rem;
		padding: 1.25rem 1.1rem 1.35rem;
	}

	body.single-product .rl-product-assurance__list {
		grid-template-columns: 1fr;
		gap: 0.85rem;
	}

	body.single-product .rl-product-assurance__item {
		gap: 0.65rem;
		font-size: 0.92rem;
		line-height: 1.5;
	}

	body.single-product .rl-product-assurance__contact {
		margin-top: 1.1rem;
		padding-top: 1rem;
		font-size: 0.9rem;
		line-height: 1.5;
	}
}