/**
 * Ring Size Field
 *
 * Dedicated stylesheet for the Ring Size dropdown shown above the
 * quantity/Add to Cart controls on single-product pages for Engagement
 * Rings and Dress Rings only (see inc/ring-size-field-functions.php).
 * Self-contained -- does not depend on style.css or any other stylesheet,
 * and does not touch the existing single-product gallery/image selectors.
 */

.eternity-ring-size-field {
	margin: 0 0 22px 0;
}

.eternity-ring-size-field__label {
	display: block;
	font-family: 'Helvetica', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-transform: uppercase;
	color: #0D2A4D;
	margin: 0 0 8px 0;
}

.eternity-ring-size-field__select {
	display: block;
	width: 100%;
	font-family: 'Helvetica', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 15px;
	line-height: normal;
	min-height: 48px;
	color: #1B1B1B;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	border-radius: 0;
	padding: 12px 40px 12px 14px;
	box-sizing: border-box;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%230D2A4D' d='M5.5 7.5l4.5 4.5 4.5-4.5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 14px center;
}

.eternity-ring-size-field__select:focus {
	outline: none;
	border-color: #0D2A4D;
}

.eternity-ring-size-field__guide-link {
	display: inline-block;
	margin-top: 8px;
	font-family: 'Helvetica', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: underline;
}

.eternity-ring-size-field__guide-link:hover {
	color: #0D2A4D;
}