/* Shared form preference / phone field styles */

.jf-eval__chips,
.jf-pref-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.jf-eval__chip,
.jf-pref-chips .jf-eval__chip {
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
}

.jf-eval__chip--toggle input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	pointer-events: none;
}

.jf-eval__chip span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.65rem;
	min-width: 4.5rem;
	padding: 0.45rem 0.95rem;
	border-radius: 999px;
	border: 1.5px solid rgba(212, 175, 55, 0.38);
	background: rgba(212, 175, 55, 0.06);
	color: var(--jf-text, #172029);
	font-weight: 600;
	font-size: 0.9rem;
	transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.12s ease;
}

.jf-eval__chip:hover span,
.jf-eval__chip:focus-within span {
	border-color: #d4af37;
	background: rgba(212, 175, 55, 0.16);
	color: #9a7b1a;
	transform: translateY(-1px);
}

.jf-eval__chip input:checked + span {
	background: linear-gradient(160deg, #e2c15a, #9a7b1a);
	border-color: #9a7b1a;
	color: #16120a;
	box-shadow: 0 4px 14px rgba(154, 123, 26, 0.28);
}

.jf-eval__chip.is-invalid span {
	border-color: #c0392b;
}

.jf-eval__legend {
	font-weight: 700;
	font-size: 0.95rem;
	margin-bottom: 0.55rem;
	padding: 0;
}

.jf-eval__star {
	color: #9a7b1a;
}

html[data-theme="dark"] .jf-eval__star {
	color: #d4af37;
}

.jf-eval__hint {
	display: block;
	margin-top: 0.3rem;
	font-size: 0.78rem;
	font-weight: 500;
	color: var(--jf-muted, #5b6b7c);
}

.jf-eval__field-err,
.jf-phone-err {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.82rem;
	font-weight: 650;
	color: #c0392b;
}

.jf-eval__field-err[hidden],
.jf-phone-err[hidden] {
	display: none !important;
}

.jf-eval__field input.is-invalid,
.jf-eval input.is-invalid,
.checkout-form input.is-invalid {
	border-color: #c0392b !important;
	box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.12);
}

.jf-eval__landline {
	margin: 0;
	padding: 0;
	border: 0;
}

.jf-eval__landline-row {
	display: grid;
	grid-template-columns: minmax(5.5rem, 7rem) 1fr;
	gap: 0.65rem;
}

.jf-eval__field--area input {
	text-align: center;
}

.jf-pref-embed {
	margin: 0.85rem 0 1rem;
}

.jf-pref-embed .jf-eval__group {
	margin: 0;
	padding: 0;
	border: 0;
}

.jf-pref-embed .jf-eval__legend {
	font-size: 0.9rem;
	margin-bottom: 0.45rem;
}

html[data-theme="dark"] .jf-eval__chip span {
	background: rgba(212, 175, 55, 0.08);
	border-color: rgba(212, 175, 55, 0.4);
}

html[data-theme="dark"] .jf-eval__chip input:checked + span {
	background: linear-gradient(160deg, #e8c96a, #b8921a);
	border-color: #f0d78c;
	color: #16120a;
}