/* Plugin-specific styles (Bootstrap lives in rs-contact-form-bootstrap.min.css). */

#rs-contact-form .rs-cf-notice {
	margin: 0 0 1rem;
}

#rs-contact-form .rs-cf-required-mark {
	color: var(--bs-danger, #dc3545);
}

/*
 * Reset theme input overrides.
 *
 * Enfold's most specific input selectors win over Bootstrap's #rs-contact-form .form-control (1,1,0):
 *   base.css:         #top input[type="text"], ... [type="email"] etc. = 1,1,1  → border-radius: 0
 *   dynamic_avia CSS: #top .main_color input[type="email"] etc.        = 1,2,1  → background: #f8f8f8
 *
 * Counter: #rs-contact-form .form-floating > .form-control:not([type="submit"]) = 1,3,0
 * Beats 1,2,1 because (0,3,0) > (0,2,1) in the class/attribute column.
 * The :not([type="submit"]) pseudo-class adds one attribute slot and matches all text/email/textarea inputs.
 */
#rs-contact-form .form-floating > .form-control:not([type="submit"]) {
	border-radius: var(--bs-border-radius, 0.375rem);
	background-color: var(--bs-body-bg, #fff);
	font-size: var(--bs-body-font-size, 1rem);
}

/*
 * Reset theme checkbox overrides.
 *
 * Some themes hide native checkboxes via clip/position tricks and replace them
 * with label-based custom controls. The selectors below restore Bootstrap's
 * form-check appearance inside this form without using !important.
 *
 * Specificity: #rs-contact-form .form-check-input[type="checkbox"] = 1,2,0
 * beats the theme's [type="checkbox"] = 0,1,0
 */
#rs-contact-form .form-check-input[type="checkbox"] {
	position: static;
	clip: auto;
	overflow: visible;
	width: 1em;
	height: 1em;
	margin: 0.25em 0 0;
}

/*
 * Reset theme label overrides.
 *
 * enfold-child/style.css uses `!important` on some properties of [type="checkbox"] + label,
 * so those must be countered with !important as well.
 * Other properties (background, height, line-height, padding, border) have no !important there
 * and are beaten by our higher specificity (1,1,0 > 0,1,1).
 */
#rs-contact-form .form-check-label {
	background: transparent;
	border: none;
	height: auto;
	line-height: inherit;
	padding: 0;
	border-radius: 0;
	width: auto;
	color: inherit;
	text-align: left;
	transition: none;
	font-weight: normal !important;
	font-size: 1rem !important;
}
