/*
 * Customer support contact shortcodes.
 *
 * [nps_support_phone] / [nps_support_email]
 * See public/shortcodes/nps-support-contact.php
 */

.nps-support-contact {
	font-size: 16px;
	color: #284633;
	line-height: 16px;
}

.nps-support-contact a {
	color: inherit;
	text-decoration: none;
}

/*
 * separator="<br>" stacks the entries. The spacing is a flex gap rather than a
 * line break, so it can be sized per breakpoint.
 */
.nps-support-contact--stacked {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* Tablet */
@media screen and ( max-width: 1024px ) {

	.nps-support-contact {
		font-size: 15px;
	}

	.nps-support-contact--stacked {
		gap: 8px;
	}
}

/* Mobile */
@media screen and ( max-width: 768.98px ) {

	.nps-support-contact {
		font-size: 14px;
	}

	.nps-support-contact--stacked {
		gap: 6px;
	}
}