/* Match the product's WooCommerce colour and size selector rows. */
body.single-product .fcm-custom-measurements {
	margin: 1.1em 0 1em !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}

body.single-product .fcm-custom-measurements h3 {
	margin: 0 0 0.35em !important;
	font-size: 1.05em !important;
	line-height: 1.4 !important;
	font-weight: 700 !important;
}

body.single-product .fcm-custom-measurements .fcm-measurements-description {
	margin: 0 0 0.75em !important;
	font-size: 0.88em !important;
	line-height: 1.45 !important;
	opacity: 0.72 !important;
}

body.single-product .fcm-measurements-grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 0 !important;
}

body.single-product .fcm-measurement-field {
	display: grid !important;
	grid-template-columns: minmax(135px, 40%) minmax(0, 1fr) !important;
	align-items: center !important;
	gap: 0.6em !important;
	margin: 0 !important;
	padding: 0.35em 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.09);
}

body.single-product .fcm-measurement-field:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.09);
}

body.single-product .fcm-measurement-field label {
	display: flex !important;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.3em;
	margin: 0 !important;
	font-size: 0.9em !important;
	font-weight: 700 !important;
}

body.single-product .fcm-measurement-unit {
	font-size: 0.88em !important;
	font-weight: 400 !important;
	opacity: 0.72;
}

body.single-product .fcm-measurement-field input[type="number"] {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 38px !important;
	margin: 0 !important;
	padding: 0.45em 0.65em !important;
	border: 1px solid rgba(255, 255, 255, 0.17) !important;
	border-radius: 3px !important;
	background: rgba(255, 255, 255, 0.025) !important;
	color: inherit !important;
	font: inherit !important;
	font-size: 0.95em !important;
}

body.single-product .fcm-measurement-field input[type="number"]:focus {
	border-color: #ff4f93 !important;
	outline: 2px solid rgba(255, 79, 147, 0.22);
	outline-offset: 1px;
}

/* Make variation dropdowns easy to recognize as interactive controls. */
body.single-product form.variations_form table.variations select {
	box-sizing: border-box !important;
	width: 100% !important;
	min-height: 44px !important;
	padding: 0.65em 2.5em 0.65em 0.85em !important;
	border: 1px solid rgba(255, 255, 255, 0.42) !important;
	border-radius: 6px !important;
	background-color: #1b1b1b !important;
	background-image: linear-gradient(45deg, transparent 50%, #ff4f93 50%), linear-gradient(135deg, #ff4f93 50%, transparent 50%) !important;
	background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50% !important;
	background-repeat: no-repeat !important;
	background-size: 5px 5px, 5px 5px !important;
	color: #fff !important;
	color-scheme: dark;
	font: inherit;
	cursor: pointer;
	appearance: none !important;
	-webkit-appearance: none !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.single-product form.variations_form table.variations select:hover {
	border-color: #ff4f93 !important;
	box-shadow: 0 0 0 1px rgba(255, 79, 147, 0.15);
}

body.single-product form.variations_form table.variations select:focus-visible {
	border-color: #ff4f93 !important;
	outline: 2px solid rgba(255, 79, 147, 0.35);
	outline-offset: 2px;
}

body.single-product form.variations_form table.variations select option {
	background: #1b1b1b;
	color: #fff;
}

.fcm-enter-measurements {
	text-align: center;
}

@media (max-width: 600px) {
	body.single-product .fcm-measurement-field {
		grid-template-columns: minmax(120px, 40%) minmax(0, 1fr) !important;
		gap: 0.5em !important;
	}
}