/* ============================================================
   EC – Maattabel-hint bij de maatkeuze
   Styling voor ec-size-hint.php. Wordt alleen geladen op productpagina's.
   Kleuren komen uit de GeneratePress global colors.
   ============================================================ */

.ec-size-hint{
	flex-basis:100%;
	width:100%;
	margin:.5rem 0 .25rem;
}
.single-product .variations .ec-size-hint__btn,
.single-product .variations .ec-size-hint__btn:hover,
.single-product .variations .ec-size-hint__btn:focus{
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	min-height:44px;
	margin:0;
	padding:.25rem 0;
	background:none;
	border:0;
	box-shadow:none;
	color:var(--contrast,#564946);
	font:inherit;
	font-size:.875rem;
	font-weight:400;
	line-height:1.35;
	text-align:left;
	cursor:pointer;
}
.ec-size-hint__icon{
	flex-shrink:0;
	color:var(--rosy-brown,#CB9798);
}
.ec-size-hint__action{
	font-weight:600;
	text-decoration:underline;
	text-decoration-color:var(--rosy-brown,#CB9798);
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}
.ec-size-hint__btn:hover .ec-size-hint__action{
	text-decoration-thickness:2px;
}
.single-product .variations .ec-size-hint__btn:focus-visible{
	outline:2px solid var(--global-color-6,#7A918D);
	outline-offset:2px;
	border-radius:3px;
}
.ec-size-hint__cm{
	margin:0;
	font-size:.8125rem;
	line-height:1.4;
	color:var(--taube-grey,#686B68);
}
@media (max-width:767px){
	.single-product .variations .ec-size-hint__btn,
	.single-product .variations .ec-size-hint__btn:hover,
	.single-product .variations .ec-size-hint__btn:focus{
		font-size:.9375rem;
	}
	.ec-size-hint__cm{
		font-size:.875rem;
	}
}