/**
 * EC SOKtober – keuzeblok in winkelwagen en afrekenen.
 * Locatie: wp-content/mu-plugins/ec/soktober/ec-soktober.css
 */

.ec-soktober {
	margin: 0 0 1.5rem;
	padding: 1.25rem;
	border: 1px solid var(--dust-grey);
	border-radius: var(--radius-lg);
	background: var(--base-2);
}

.ec-soktober__titel {
	margin: 0 0 0.25rem;
	font-weight: 600;
	color: var(--contrast);
}

.ec-soktober__tekst {
	margin: 0 0 1rem;
	color: var(--contrast-3);
}

.ec-soktober__keuzes {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
}

.ec-soktober__knop--nee {
	padding: 0.5rem 0.25rem;
	color: var(--contrast-3);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ec-soktober__knop--nee:hover,
.ec-soktober__knop--nee:focus-visible {
	color: var(--rosy-brown);
}

.ec-soktober--afgewezen {
	padding: 0.75rem 1.25rem;
	color: var(--contrast-3);
}

.ec-soktober__herstel {
	color: var(--rosy-brown);
	font-weight: 600;
}

.ec-soktober__gratis {
	font-weight: 600;
	color: var(--rosy-brown);
}

@media (max-width: 600px) {
	.ec-soktober__keuzes .button {
		flex: 1 1 calc(50% - 0.75rem);
		text-align: center;
	}
}