/* Privacy-policy consent checkbox on the CF7 forms (2026-09-29).
   Enqueued in lib/setup.php after app.css.
   The theme resets every input (appearance:none, no border) and sets
   input/label to display:block + bold, which leaves the checkbox 0x0. */
.privacy-policy-box {
	margin: 10px 0 20px;
	text-align: start;
}
.privacy-policy-box p {
	margin: 0;
}
.privacy-policy-box .wpcf7-form-control-wrap {
	display: block;
}
.privacy-policy-box .wpcf7-list-item {
	display: block;
	margin: 0;
}
.privacy-policy-box label {
	display: flex !important;
	align-items: flex-start !important;
	gap: 10px !important;
	margin: 0 !important;
	font-family: "Roboto", sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #333 !important;
	cursor: pointer !important;
}
.privacy-policy-box input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	appearance: auto !important;
	display: inline-block !important;
	flex: 0 0 auto !important;
	width: 18px !important;
	height: 18px !important;
	margin: 2px 0 0 !important;
	padding: 0 !important;
	accent-color: #da0417 !important;
	cursor: pointer !important;
}
.privacy-policy-box a {
	color: inherit;
	text-decoration: underline;
}
.privacy-policy-box .wpcf7-form-control-wrap span[role="alert"] {
	position: static;
	display: block;
	margin-top: 4px;
}

/* ---- Client notes, 2026-09-29 ---- */

/* The theme's form rules add margins to every span / p inside a form (22px
   under each span in the side popup, 12% above each p). Inside the consent
   box they stack up and push the submit button out of the side popup. */
.wpcf7 form .privacy-policy-box p,
.wpcf7 form .privacy-policy-box span {
	margin: 0 !important;
}

/* The theme draws a red border on .wpcf7-not-valid. On the inline checkbox
   wrapper it came out as stray red line fragments; mark the checkbox instead. */
html .wpcf7 form .privacy-policy-box .wpcf7-form-control.wpcf7-not-valid {
	border: 0 !important;
}
.wpcf7 form .privacy-policy-box .wpcf7-not-valid input[type="checkbox"] {
	outline: 2px solid #da0417 !important;
	outline-offset: 1px;
}
.wpcf7 form .privacy-policy-box .wpcf7-not-valid-tip {
	position: static !important;
	display: block !important;
	margin: 4px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #da0417 !important;
}

/* Hebrew forms: browsers show email and tel inputs left-to-right, so their
   placeholder sat on the left of an RTL form with its asterisk on the wrong
   side. Addresses and numbers are Latin/digits and still read correctly RTL. */
html[dir="rtl"] .wpcf7 input[type="email"],
html[dir="rtl"] .wpcf7 input[type="tel"] {
	direction: rtl;
	text-align: right;
}

/* Side contact popup: the panel had a fixed 559px height, so the added
   consent line pushed SEND below it. Let it grow with its content. */
.floating-contactus .contact-us-form {
	height: auto !important;
	min-height: 559.1px;
	padding-bottom: 25px;
}

/* Side contact popup: put the close button inside the panel (it sat outside
   the top corner on desktop; tablet and mobile already had it inside). */
@media screen and (min-width: 768px) {
	.floating-contactus .contact-us-form .close {
		top: 12px;
		right: 12px;
	}
	html[dir="rtl"] .floating-contactus .contact-us-form .close {
		right: auto;
		left: 12px;
	}
}