/* RP booking form (mu-plugins/rp-booking-form.php). Loads only on a page whose
   content carries [rp_booking_form] (the injury clinic page and the online page)
   or [rp_manage_booking] (/customer-panel/).

   The booking form is the reception system's page in a frame, sized by the
   height the form reports, like the Book a tour page. It starts at 900px so
   the page barely moves when the first height arrives. If the form has not
   reported within 8 seconds the frame is removed and the phone line shows in
   a panel in the site's own style. */

.rp-bkform{
	width:100%;
	max-width:680px;
	margin:0 auto;
	box-sizing:border-box;
}
.rp-bkform__frame{
	display:block;
	width:100%;
	height:900px;
	border:0;
	margin:0;
	background:transparent;
}
.rp-bkform.is-failed .rp-bkform__frame{ display:none; }

.rp-bkform__fallback{
	max-width:520px;
	margin:0 auto;
	padding:38px 24px;
	box-sizing:border-box;
	text-align:center;
	background:var(--wp--preset--color--canvas,#F6F5EE);
	border-radius:14px;
}
.rp-bkform__fallback[hidden]{ display:none; }

/* Page stylesheets set broad p rules (the online page's .rp-online p), so the
   sizes are restated with enough weight to hold on every page. */
.rp-bkform .rp-bkform__call,
.rp-online .rp-bkform .rp-bkform__call{
	margin:0;
	font-size:18px;
	line-height:1.5;
	font-weight:600;
	color:var(--wp--preset--color--navy,#002c41);
}
.rp-bkform .rp-bkform__call a,
.rp-bkmanage .rp-bkmanage__call a{
	color:inherit;
	font-weight:700;
	text-decoration:underline;
	text-underline-offset:3px;
	white-space:nowrap;
}

/* On the online page's ivory band the panel is white, as the old one was. */
.rp-online .rp-bkform__fallback{ background:#fff; box-shadow:0 18px 40px rgba(0,44,65,.09); }

/* /customer-panel/: one line, the button, the phone. */
.rp-bkmanage{ max-width:560px; }
.rp-bkmanage .rp-bkmanage__lead{ margin:0; font-size:18px; line-height:1.6; }
.rp-bkmanage .rp-bkmanage__act{ margin:28px 0 0; }
.rp-bkmanage .rp-bkmanage__call{ margin:22px 0 0; font-size:16px; line-height:1.5; color:#5a6168; }

/* The site's primary button. */
.rp-bkmanage__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:52px;
	padding:15px 34px;
	box-sizing:border-box;
	border-radius:8px;
	background:var(--wp--preset--color--action,#e4022e);
	color:#fff;
	font-size:16px;
	font-weight:700;
	letter-spacing:.01em;
	line-height:1.2;
	text-decoration:none;
	box-shadow:0 8px 18px rgba(228,2,46,.26);
	transition:box-shadow .15s ease;
}
.rp-bkmanage__btn:hover,
.rp-bkmanage__btn:focus,
.rp-bkmanage__btn:active{
	background:var(--wp--preset--color--action,#e4022e);
	color:#fff;
	text-decoration:none;
	box-shadow:0 10px 22px rgba(228,2,46,.34);
}