/* Doorgestreepte (uitverkochte / niet bestaande) variatieknoppen – zie js/variation-stock.js */
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.rr-oos a,
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.rr-na a {
	position: relative;
	overflow: hidden;
	opacity: .45;
	cursor: not-allowed;
	border-color: rgba(0,0,0,.1);
}
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.rr-oos a::after,
.woocommerce .mfn-variations-wrapper .mfn-vr ul.mfn-vr-options li.rr-na a::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	/* diagonale streep van hoek tot hoek, met witte rand zodat hij ook op zwart zichtbaar is */
	background: linear-gradient(to top right,
		transparent calc(50% - 2px),
		rgba(255,255,255,.9) calc(50% - 2px) calc(50% - 1px),
		#222 calc(50% - 1px) calc(50% + 1px),
		rgba(255,255,255,.9) calc(50% + 1px) calc(50% + 2px),
		transparent calc(50% + 2px));
}

.woocommerce .mfn-variations-wrapper .rr-stock-msg {
	margin: 4px 0 8px;
	padding: 8px 12px;
	border-left: 3px solid #b3261e;
	border-radius: 3px;
	background: #fdf2f1;
	color: #7a1a14;
	font-size: 14px;
	line-height: 1.4;
}