/* Preferred communication channel (radio row) and the phone label asterisk */
.wpforms-field.form-channel .wpforms-field-label {
	display: block;
	margin-bottom: 8px;
}

.wpforms-field.form-channel ul.wpforms-icon-choices,
.wpforms-field.form-channel ul {
	display: flex !important;
	flex-wrap: wrap;
	gap: 8px 24px;
	margin: 0 !important;
	padding: 0 !important;
}

.wpforms-field.form-channel ul li {
	display: flex;
	align-items: center;
	margin: 0 !important;
	padding: 0 !important;
}

.wpforms-field.form-channel input[type="radio"] {
	appearance: none;
	-webkit-appearance: none;
	flex: none;
	width: 18px;
	height: 18px;
	margin: 0 8px 0 0;
	border: 1px solid #b3b3b3;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

/* WPForms draws its own blue ring and dot with pseudo-elements; ours replaces them. */
.wpforms-field.form-channel input[type="radio"]::before,
.wpforms-field.form-channel input[type="radio"]::after {
	content: none !important;
	display: none !important;
}

.wpforms-field.form-channel input[type="radio"]:checked {
	border-color: #c94d00;
	background: radial-gradient(#c94d00 0 45%, #fff 50%);
}

.wpforms-field.form-channel label.wpforms-field-label-inline {
	margin: 0;
	padding: 0 !important;
	color: #1a1a1a !important;
	font-weight: 600;
	cursor: pointer;
}

/* Phone is required for WhatsApp; WPForms no longer marks it itself. Telegram takes a phone or a username. */
form[data-channel="WhatsApp"] .wpforms-field.form-phone .wpforms-field-label::after {
	content: " *";
	color: #c94d00;
}

/* Link that switches Telegram between phone number and username. It sits right under its field
   (pulled up over the field's own bottom padding) and keeps clear of the next one. */
.form-channel-switch {
	display: block; /* no !important: the script hides it with an inline style */
	margin: -12px 0 20px !important;
	padding: 0 !important;
	border: 0;
	background: none !important;
	color: #8a8a8a !important;
	font-size: 14px;
	text-decoration: underline;
	cursor: pointer;
}

.form-channel-switch:hover {
	color: #5c5c5c !important;
}