/* =========================================================
   ROSAODOR SCRATCH GIFT · 1.0
========================================================= */

.rosa-scratch-wrap,
.rosa-scratch-wrap * ,
.rosa-scratch-dashboard,
.rosa-scratch-dashboard *,
.rosa-scratch-campaign,
.rosa-scratch-campaign * {
	box-sizing: border-box;
}

.rosa-scratch-wrap {
	--rs-black:#11100f;
	--rs-ink:#29241f;
	--rs-cream:#f7f2eb;
	--rs-gold:#a58252;
	--rs-text:#766e66;
	width:100%;
	max-width:920px;
	margin:30px auto 60px;
	padding:52px;
	background:var(--rs-cream);
	border:1px solid rgba(165,130,82,.17);
}

.rosa-scratch-head {
	max-width:650px;
	margin:0 auto 34px;
	text-align:center;
}

.rosa-scratch-kicker {
	display:block;
	margin-bottom:14px;
	color:var(--rs-gold);
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:7px;
	font-weight:600;
	letter-spacing:.3em;
	text-transform:uppercase;
}

.rosa-scratch-head h2,
.rosa-scratch-won h3,
.rosa-scratch-dashboard h3,
.rosa-scratch-campaign h2 {
	margin:0;
	color:var(--rs-ink);
	font-family:"Cormorant Garamond",Georgia,serif;
	font-weight:400;
	letter-spacing:-.03em;
}

.rosa-scratch-head h2 {
	font-size:48px;
	line-height:.98;
}

.rosa-scratch-head p,
.rosa-scratch-dashboard p,
.rosa-scratch-campaign p {
	color:var(--rs-text);
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:1.7;
}

.rosa-scratch-stage {
	position:relative;
	width:100%;
	max-width:720px;
	aspect-ratio:15 / 7;
	margin:0 auto;
	overflow:hidden;
	background:#171513;
}

.rosa-scratch-under {
	position:absolute;
	inset:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	color:#f7f2eb;
	text-align:center;
}

.rosa-scratch-under span {
	margin-bottom:15px;
	color:#b99565;
	font-size:7px;
	font-weight:600;
	letter-spacing:.28em;
}

.rosa-scratch-under strong {
	font-family:"Cormorant Garamond",Georgia,serif;
	font-size:88px;
	line-height:.8;
	font-weight:400;
}

.rosa-scratch-under small {
	margin-top:18px;
	color:rgba(255,255,255,.55);
	font-size:8px;
	letter-spacing:.14em;
	text-transform:uppercase;
}

.rosa-scratch-canvas {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	touch-action:none;
	cursor:crosshair;
	transition:opacity .35s ease;
}

.rosa-scratch-canvas.is-done {
	opacity:0;
	pointer-events:none;
}

.rosa-scratch-accessible-reveal {
	display:block;
	margin:16px auto 0;
	padding:0;
	border:0;
	border-bottom:1px solid rgba(41,36,31,.32);
	background:transparent;
	color:#6f675f;
	font-size:7px;
	font-weight:600;
	letter-spacing:.18em;
	text-transform:uppercase;
	cursor:pointer;
}

.rosa-scratch-result {
	max-width:720px;
	margin:0 auto;
}

.rosa-scratch-won {
	max-width:720px;
	margin:0 auto;
	padding:45px 44px;
	background:var(--rs-black);
	color:#fff;
	text-align:center;
}

.rosa-scratch-won .rosa-scratch-kicker {
	color:#b99565;
}

.rosa-scratch-won h3 {
	color:#f7f2eb;
	font-size:42px;
	line-height:1;
}

.rosa-scratch-won > p {
	margin:18px 0 0;
	color:rgba(255,255,255,.63);
	font-size:11px;
	line-height:1.6;
}

.rosa-scratch-voucher {
	max-width:520px;
	margin:30px auto 0;
	padding:19px 20px;
	border-top:1px solid rgba(255,255,255,.14);
	border-bottom:1px solid rgba(255,255,255,.14);
}

.rosa-scratch-voucher small {
	display:block;
	margin-bottom:10px;
	color:#b99565;
	font-size:6.5px;
	font-weight:600;
	letter-spacing:.23em;
}

.rosa-scratch-voucher > div {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
}

.rosa-scratch-voucher code {
	padding:0;
	background:transparent;
	color:#fff;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:18px;
	letter-spacing:.12em;
}

.rosa-scratch-copy,
.rosa-scratch-product-link {
	border:0;
	background:transparent;
	color:#d3b188 !important;
	font-size:7px;
	font-weight:700;
	letter-spacing:.15em;
	text-decoration:none !important;
	cursor:pointer;
}

.rosa-scratch-product-link {
	display:inline-block;
	margin-top:20px;
	padding-bottom:5px;
	border-bottom:1px solid rgba(211,177,136,.55);
}

.rosa-scratch-expiry {
	display:block;
	margin-top:18px;
	color:rgba(255,255,255,.38);
	font-size:6.5px;
	letter-spacing:.13em;
	text-transform:uppercase;
}

.rosa-scratch-message {
	padding:25px;
	background:#f7f2eb;
	border:1px solid rgba(165,130,82,.16);
}

/* Dashboard teaser */
.rosa-scratch-dashboard {
	margin:0 0 35px;
	padding:28px 30px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
	background:#11100f;
	color:#fff;
}

.rosa-scratch-dashboard h3 {
	color:#fff;
	font-size:30px;
}

.rosa-scratch-dashboard p {
	margin:8px 0 0;
	color:rgba(255,255,255,.58);
}

.rosa-scratch-dashboard > a {
	flex:0 0 auto;
	padding:14px 17px;
	border:1px solid rgba(255,255,255,.34);
	color:#fff !important;
	font-size:7px;
	font-weight:700;
	letter-spacing:.17em;
	text-decoration:none !important;
}

/* Homepage campaign */
.rosa-scratch-campaign {
	max-width:1180px;
	margin:45px auto;
	padding:48px 50px;
	background:#11100f;
	color:#fff;
}

.rosa-scratch-campaign > span {
	color:#b99565;
	font-size:7px;
	font-weight:700;
	letter-spacing:.3em;
}

.rosa-scratch-campaign h2 {
	margin-top:18px;
	color:#fff;
	font-size:48px;
}

.rosa-scratch-campaign p {
	max-width:600px;
	color:rgba(255,255,255,.62);
}

.rosa-scratch-campaign > a {
	display:inline-block;
	margin-top:14px;
	padding:15px 19px;
	background:#f5f1ea;
	color:#11100f !important;
	font-size:7px;
	font-weight:700;
	letter-spacing:.18em;
	text-decoration:none !important;
}

@media(max-width:767px) {
	.rosa-scratch-wrap {
		width:calc(100% - 24px);
		margin:25px auto 40px;
		padding:32px 20px;
	}

	.rosa-scratch-head {
		margin-bottom:25px;
	}

	.rosa-scratch-head h2 {
		font-size:36px;
	}

	.rosa-scratch-stage {
		aspect-ratio:1.55 / 1;
	}

	.rosa-scratch-won {
		padding:36px 22px;
	}

	.rosa-scratch-won h3 {
		font-size:34px;
	}

	.rosa-scratch-voucher > div {
		display:block;
	}

	.rosa-scratch-copy {
		display:block;
		margin:11px auto 0;
	}

	.rosa-scratch-dashboard {
		display:block;
		padding:26px 23px;
	}

	.rosa-scratch-dashboard > a {
		display:inline-block;
		margin-top:18px;
	}

	.rosa-scratch-campaign {
		width:calc(100% - 24px);
		margin:32px auto;
		padding:35px 25px;
	}

	.rosa-scratch-campaign h2 {
		font-size:38px;
	}
}


/* =========================================================
   v1.1 · EXTRA CONTRAST IN MY ACCOUNT
   Sommige theme-regels gebruikten een donkerdere !important kleur.
========================================================= */
.woocommerce-account .rosa-scratch-won h3,
.rosa-scratch-won h3 {
	color:#f7f2eb !important;
}

.woocommerce-account .rosa-scratch-won > p,
.rosa-scratch-won > p {
	color:rgba(255,255,255,.72) !important;
}

.woocommerce-account .rosa-scratch-voucher small,
.rosa-scratch-voucher small {
	color:#cba56f !important;
}

.woocommerce-account .rosa-scratch-voucher code,
.rosa-scratch-voucher code {
	color:#ffffff !important;
	background:transparent !important;
}

.woocommerce-account .rosa-scratch-copy,
.rosa-scratch-copy {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:36px;
	padding:0 13px !important;
	border:1px solid rgba(211,177,136,.42) !important;
	color:#d3b188 !important;
	background:transparent !important;
	opacity:1 !important;
}

.woocommerce-account .rosa-scratch-product-link,
.rosa-scratch-product-link {
	color:#d3b188 !important;
	opacity:1 !important;
}

.woocommerce-account .rosa-scratch-expiry,
.rosa-scratch-expiry {
	color:rgba(255,255,255,.55) !important;
}


/* v1.3 · Puntenprijs */
.rosa-scratch-won[data-gift-type="points"] h3 {
	color:#f7f2eb !important;
}