/* McVaugh Tour Pop-Up — front-end styles
   Matched to the site's existing theme (Manrope/Raleway fonts, blue
   accent, yellow CTA, pill buttons, dark hover) rather than a generic
   accent color. Falls back gracefully if those fonts aren't loaded. */

.mtp-sticky-bar,
.mtp-tour-card {
	font-family: var(--Manrope-font, "Manrope", sans-serif);
}
.mtp-tour-card h3 {
	font-family: var(--Raleway-font, "Raleway", sans-serif);
}

.mtp-sticky-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9998;
	background: #000;
	color: #fff;
	border-top: none;
	box-shadow: 0 -2px 16px rgba(0,0,0,0.25);
	padding: 12px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	font-size: 14px;
	transform: translateY(0);
	transition: transform .3s ease;
}
.mtp-sticky-bar.mtp-hidden { transform: translateY(100%); }

.mtp-sticky-text { flex: 1 1 auto; text-align: left; max-width: 640px; color: rgba(255,255,255,0.9); }
.mtp-sticky-text-mobile { display: none; }
.mtp-sticky-actions { display: flex; gap: 10px; flex: 0 0 auto; }
.mtp-sticky-close {
	background: none; border: none; font-size: 20px; line-height: 1;
	cursor: pointer; color: rgba(255,255,255,0.6); padding: 0 4px; margin-left: 8px;
}
.mtp-sticky-close:hover { color: #fff; }

.mtp-btn {
	display: inline-block;
	padding: 10px 20px;
	border-radius: 28px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: all .3s ease;
}
.mtp-btn-solid {
	background: #FFEB00;
	color: #111;
	box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}
.mtp-btn-solid:hover { background: var(--hover-color, #9A1313); color: #fff; }
.mtp-btn-ghost {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255,255,255,0.5);
}
.mtp-btn-ghost:hover { background: rgba(255,255,255,0.1); color: #fff; }

/* On the pop-up card (light background) the ghost button needs dark text */
.mtp-tour-card .mtp-btn-ghost {
	color: var(--accent-blue, #1B6BA7);
	border: 1px solid var(--accent-blue, #1B6BA7);
}
.mtp-tour-card .mtp-btn-ghost:hover {
	background: var(--accent-blue, #1B6BA7);
	color: #fff;
}

/* Soft pop-up */
.mtp-tour-overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.35);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease;
}
.mtp-tour-overlay.mtp-visible { opacity: 1; visibility: visible; }

.mtp-tour-card {
	background: #fff;
	max-width: 440px;
	width: calc(100% - 40px);
	padding: 32px 28px;
	border-radius: 24px;
	box-shadow: 0 10px 40px rgba(0,0,0,0.25);
	position: relative;
	text-align: left;
}
.mtp-tour-card h3 {
	margin: 0 0 12px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	position: relative;
	padding-bottom: 6px;
}
.mtp-tour-card p { margin: 0 0 14px; font-size: 14px; line-height: 1.5; color: #444; }
.mtp-tour-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 14px; }
.mtp-tour-phone { font-size: 13px; color: #666; margin-bottom: 0; }
.mtp-tour-phone a { color: var(--accent-blue, #1B6BA7); text-decoration: underline; font-weight: 600; }

.mtp-tour-close {
	position: absolute;
	top: 12px;
	right: 14px;
	background: none;
	border: none;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: #999;
}
.mtp-tour-close:hover { color: #333; }

/* Mobile: sticky bar shortens, pop-up becomes a bottom slide-up sheet
   instead of a centered modal — avoids Google's intrusive-interstitial
   penalty for full-screen mobile pop-ups. */
@media (max-width: 600px) {
	.mtp-sticky-text-desktop { display: none; }
	.mtp-sticky-text-mobile { display: inline; }
	.mtp-sticky-bar { font-size: 13px; padding: 10px 14px; gap: 10px; }

	.mtp-tour-overlay { align-items: flex-end; background: rgba(0,0,0,0.25); }
	.mtp-tour-card {
		width: 100%;
		max-width: 100%;
		border-radius: 16px 16px 0 0;
		transform: translateY(100%);
		transition: transform .3s ease;
		padding: 24px 20px 28px;
	}
	.mtp-tour-overlay.mtp-visible .mtp-tour-card { transform: translateY(0); }
}