/* =========================================================
   Guide CTA Block — st-guide-cta
   ========================================================= */

/* --- Admin notice (editor only) --- */
.st-guide-cta-admin-notice {
	background-color: #f0f6fc;
	border: 1px solid #c3d4e6;
	border-radius: 4px;
	margin: 16px 0;
	padding: 16px;
}

/* =========================================================
   Card shell — single trip block (dark bg card)
   Concept 1: Expedition Journal & Direct Founder Trust
   ========================================================= */
.guide-cta__card {
	background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
	border: 1px solid rgba(217, 119, 6, 0.25);
	border-top: 3px solid #d97706;
	border-radius: 28px;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 44px;
	overflow: hidden;
	padding: 52px 48px;
	position: relative;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.5), 0 0 40px rgba(217, 119, 6, 0.08);
}

@media screen and (max-width: 768px) {
	.guide-cta__card {
		flex-direction: column;
		gap: 32px;
		padding: 38px 24px;
	}
}

/* =========================================================
   Footer variant — glass box over background image
   ========================================================= */
.guide-cta__card--on-bg {
	background: linear-gradient(135deg, rgba(15, 23, 42, 0.96) 0%, rgba(30, 41, 59, 0.98) 100%) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	border: 1px solid rgba(217, 119, 6, 0.3) !important;
	border-top: 3px solid #d97706 !important;
	border-radius: 28px;
	margin: 60px auto;
	max-width: 880px;
	padding: 52px 52px;
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

@media screen and (max-width: 768px) {
	.guide-cta__card--on-bg {
		margin: 40px 16px;
		padding: 38px 24px;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

/* =========================================================
   Floating mountain decorations
   ========================================================= */
.guide-cta__pattern {
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.guide-cta__float {
	fill: rgba(255, 255, 255, 0.04);
	position: absolute;
}

.guide-cta__float--1 { bottom: -10px; left: -20px;  width: 140px; height: 140px; animation: guideMtnFloat 9s  ease-in-out infinite; }
.guide-cta__float--2 { bottom:  20px; left:  80px;  width:  80px; height:  80px; animation: guideMtnFloat 12s ease-in-out infinite 1.5s; }
.guide-cta__float--3 { bottom: -20px; right: 60px;  width: 120px; height: 120px; animation: guideMtnFloat 10s ease-in-out infinite 0.8s; }
.guide-cta__float--4 { bottom:  10px; right: -10px; width:  90px; height:  90px; animation: guideMtnFloat 8s  ease-in-out infinite 2s; }
.guide-cta__float--5 { top: -20px;   left:  30px;  width:  70px; height:  70px; animation: guideMtnFloat 11s ease-in-out infinite 0.3s; fill: rgba(255,255,255,0.03); }
.guide-cta__float--6 { top:  10px;   right: 120px; width:  60px; height:  60px; animation: guideMtnFloat 14s ease-in-out infinite 1s;   fill: rgba(255,255,255,0.03); }
.guide-cta__float--7 { top: -10px;   right: 20px;  width: 100px; height: 100px; animation: guideMtnFloat 7s  ease-in-out infinite 2.5s; fill: rgba(255,255,255,0.025); }
.guide-cta__float--8 { bottom: 40px; left: 50%;    width:  50px; height:  50px; animation: guideMtnFloat 13s ease-in-out infinite 0.5s; fill: rgba(255,255,255,0.02); }

@keyframes guideMtnFloat {
	0%,100% { transform: translateY(0)   rotate(0deg); }
	33%     { transform: translateY(-8px) rotate(1deg); }
	66%     { transform: translateY(4px)  rotate(-1deg); }
}

/* =========================================================
   Aside — Portrait frame (Arch Badge styling)
   ========================================================= */
.guide-cta__aside {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 16px;
	position: relative;
	z-index: 1;
}

/* Unique Arch Badge Frame for Founder Portrait */
.guide-cta__portrait {
	border: 2px solid #d97706;
	border-radius: 110px 110px 20px 20px;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.45), 0 0 20px rgba(217, 119, 6, 0.2);
	flex-shrink: 0;
	height: 200px;
	margin: 0;
	overflow: hidden;
	width: 175px;
	transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.guide-cta__portrait:hover {
	transform: translateY(-4px);
	border-color: #f59e0b;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5), 0 0 28px rgba(245, 158, 11, 0.35);
}

.guide-cta__card--on-bg .guide-cta__portrait {
	height: 180px;
	width: 160px;
	border-radius: 100px 100px 18px 18px;
	border-color: #d97706;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 20px rgba(217, 119, 6, 0.25);
}

@media screen and (max-width: 768px) {
	.guide-cta__portrait,
	.guide-cta__card--on-bg .guide-cta__portrait {
		height: 160px;
		width: 140px;
		border-radius: 80px 80px 16px 16px;
	}
}

.guide-cta__portrait img {
	display: block;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	width: 100%;
}

/* Profile link button pill */
.guide-cta__profile-link {
	align-items: center;
	background: rgba(217, 119, 6, 0.12);
	border: 1px solid rgba(217, 119, 6, 0.35);
	border-radius: 999px;
	color: #f59e0b !important;
	display: inline-flex;
	font-size: 12.5px;
	font-weight: 600;
	gap: 6px;
	padding: 7px 18px;
	text-decoration: none;
	transition: all 0.25s ease;
	white-space: nowrap;
}

.guide-cta__profile-link:hover {
	background: rgba(217, 119, 6, 0.25);
	border-color: #f59e0b;
	color: #ffffff !important;
	transform: translateY(-2px);
}

.guide-cta__profile-link--after { display: none; }

@media screen and (max-width: 768px) {
	.guide-cta__aside .guide-cta__profile-link { display: none; }
	.guide-cta__profile-link--after {
		display: inline-flex;
		margin-bottom: 4px;
	}
}

/* =========================================================
   Main content
   ========================================================= */
.guide-cta__main {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	position: relative;
	z-index: 1;
}

/* Metallic Gold Trust Badge Pill */
.guide-cta__badge {
	align-items: center;
	background: rgba(217, 119, 6, 0.12);
	border: 1px solid rgba(217, 119, 6, 0.3);
	border-radius: 999px;
	color: #f59e0b !important;
	display: inline-flex;
	font-size: 10.5px;
	font-weight: 700;
	gap: 6px;
	letter-spacing: 0.14em;
	margin: 0 0 6px;
	padding: 4px 14px;
	text-transform: uppercase;
	width: fit-content;
}

@media screen and (max-width: 768px) {
	.guide-cta__badge {
		margin-left: auto;
		margin-right: auto;
	}
}

.guide-cta__badge .icon {
	fill: #f59e0b !important;
	flex-shrink: 0;
	height: 12px;
	width: 12px;
}

/* Title */
.guide-cta__title {
	color: #ffffff !important;
	font-size: clamp(23px, 3.2vw, 32px);
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 4px;
	letter-spacing: -0.015em;
}

/* Subtitle */
.guide-cta__subtitle {
	color: #fbbf24 !important;
	font-size: 14.5px;
	font-weight: 600;
	margin: 0 0 8px;
	letter-spacing: 0.01em;
}

/* Description / Signed Editorial Quote Style */
.guide-cta__text,
.guide-cta__text.entry-content,
.guide-cta__card .guide-cta__text,
.guide-cta__card--on-bg .guide-cta__text {
	border-left: 3px solid #d97706;
	color: #e2e8f0 !important;
	font-size: 14px;
	line-height: 1.75;
	margin: 6px 0 0;
	padding-left: 16px;
}

@media screen and (max-width: 768px) {
	.guide-cta__text,
	.guide-cta__text.entry-content,
	.guide-cta__card .guide-cta__text,
	.guide-cta__card--on-bg .guide-cta__text {
		border-left: none;
		border-top: 2px solid rgba(217, 119, 6, 0.4);
		padding-left: 0;
		padding-top: 12px;
	}
}

.guide-cta__text p,
.guide-cta__text.entry-content p,
.guide-cta__card .guide-cta__text p {
	color: #e2e8f0 !important;
	margin: 0 0 8px;
}

.guide-cta__text p:last-child {
	margin-bottom: 0;
}

/* Trip list pills */
.guide-cta__trips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
	.guide-cta__trips {
		justify-content: center;
	}
}

.guide-cta__trip {
	align-items: center;
	background: rgba(30, 41, 59, 0.8);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	color: #e2e8f0 !important;
	display: inline-flex;
	font-size: 12px;
	font-weight: 500;
	gap: 6px;
	padding: 5px 14px;
	text-decoration: none;
	transition: all 0.2s ease;
}

a.guide-cta__trip:hover {
	background: rgba(217, 119, 6, 0.2);
	border-color: #d97706;
	color: #ffffff !important;
	transform: translateY(-1px);
}

.guide-cta__trip .icon {
	fill: #f59e0b !important;
	flex-shrink: 0;
	height: 12px;
	width: 12px;
}

/* =========================================================
   Action buttons
   ========================================================= */
.guide-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 18px;
}

.guide-cta__card--on-bg .guide-cta__actions {
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.guide-cta__card--on-bg .guide-cta__actions {
		justify-content: center;
	}
}

.guide-cta__btn {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	padding: 12.5px 28px;
	text-decoration: none;
	transition: all 0.25s ease;
	white-space: nowrap;
}

/* WhatsApp Primary Button */
.guide-cta__btn--whatsapp {
	background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35);
}

.guide-cta__btn--whatsapp:hover {
	background: linear-gradient(135deg, #28e16d 0%, #159a8b 100%) !important;
	box-shadow: 0 8px 24px rgba(37, 211, 102, 0.5);
	color: #ffffff !important;
	transform: translateY(-2px);
}

.guide-cta__btn--whatsapp .icon {
	fill: #ffffff !important;
	height: 18px;
	width: 18px;
}

/* Luxury Copper-Gold Inquiry Button */
.guide-cta__btn--outline {
	background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
	border: none !important;
	color: #ffffff !important;
	box-shadow: 0 4px 16px rgba(217, 119, 6, 0.35);
}

.guide-cta__btn--outline:hover {
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
	box-shadow: 0 8px 24px rgba(217, 119, 6, 0.5);
	color: #ffffff !important;
	transform: translateY(-2px);
}

@media screen and (max-width: 480px) {
	.guide-cta__actions { flex-direction: column; }
	.guide-cta__btn { justify-content: center; width: 100%; }
}

/* =========================================================
   Route Matcher Card — Clean Layout matching screenshot
   ========================================================= */
/* =========================================================
   Route Matcher Card — Brand Matched & Responsive Layout
   ========================================================= */
.route-matcher-card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 24px !important;
	box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08) !important;
	margin: 50px auto !important;
	max-width: 960px !important;
	overflow: hidden !important;
	position: relative !important;
}

.route-matcher__top-bar {
	background: linear-gradient(90deg, rgb(var(--brand-600, 34 118 129)) 0%, rgb(var(--action-700, 60 163 128)) 100%);
	height: 4px;
	width: 100%;
}

.route-matcher__grid {
	display: flex;
	padding: 40px 44px;
	gap: 40px;
}

@media screen and (max-width: 860px) {
	.route-matcher__grid {
		flex-direction: column;
		padding: 24px 20px;
		gap: 24px;
	}
}

@media screen and (max-width: 480px) {
	.route-matcher-card {
		border-radius: 16px !important;
		margin: 24px 12px !important;
	}

	.route-matcher__grid {
		padding: 20px 14px;
		gap: 20px;
	}
}

/* LEFT COLUMN — Founder Profile */
.route-matcher__left {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 280px;
	flex-shrink: 0;
	padding-right: 32px;
	border-right: 1px solid #f1f5f9;
}

@media screen and (max-width: 860px) {
	.route-matcher__left {
		width: 100%;
		padding-right: 0;
		padding-bottom: 24px;
		border-right: none;
		border-bottom: 1px solid #e2e8f0;
	}
}

.route-matcher__avatar-wrap {
	position: relative;
	margin-bottom: 12px;
	display: inline-block;
}

.route-matcher__avatar {
	border-radius: 50%;
	object-fit: cover;
	display: block;
	width: 120px;
	height: 120px;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
	border: 3px solid #ffffff;
}

@media screen and (max-width: 860px) {
	.route-matcher__avatar {
		width: 96px;
		height: 96px;
	}
}

@media screen and (max-width: 480px) {
	.route-matcher__avatar {
		width: 84px;
		height: 84px;
	}
}

.route-matcher__online-dot {
	background: rgb(var(--action-700, 60 163 128));
	border: 2.5px solid #ffffff;
	border-radius: 50%;
	bottom: 4px;
	height: 16px;
	position: absolute;
	right: 4px;
	width: 16px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.route-matcher__founder-name {
	color: rgb(var(--neutral-500, 17 24 39)) !important;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	margin: 0 0 4px 0 !important;
}

@media screen and (max-width: 480px) {
	.route-matcher__founder-name {
		font-size: 18px !important;
	}
}

.route-matcher__founder-role {
	color: rgb(var(--brand-600, 34 118 129)) !important;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	margin: 0 !important;
}

.route-matcher__quote-box {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 14px 16px;
	margin-top: 14px;
	width: 100%;
}

@media screen and (max-width: 860px) {
	.route-matcher__quote-box {
		max-width: 480px;
		padding: 12px 14px;
	}
}

.route-matcher__quote-box p {
	color: #374151 !important;
	font-size: 13px !important;
	font-style: italic !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

.route-matcher__quote-author {
	display: block;
	color: #64748b !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	font-style: normal !important;
	margin-top: 6px !important;
	text-align: right !important;
}

@media screen and (max-width: 860px) {
	.route-matcher__quote-author {
		text-align: center !important;
	}
}

/* RIGHT COLUMN — Route Matcher Controls */
.route-matcher__right {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.route-matcher__header {
	margin-bottom: 24px;
}

@media screen and (max-width: 860px) {
	.route-matcher__header {
		text-align: center;
		margin-bottom: 20px;
	}
}

.route-matcher__title {
	color: rgb(var(--neutral-500, 17 24 39)) !important;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: clamp(22px, 3vw, 26px) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	margin: 0 0 6px 0 !important;
	letter-spacing: -0.5px !important;
}

.route-matcher__subtitle {
	color: #6b7280 !important;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	margin: 0 !important;
}

/* FORM ROWS */
.route-matcher__form {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 28px;
}

@media screen and (max-width: 860px) {
	.route-matcher__form {
		gap: 18px;
		margin-bottom: 24px;
	}
}

.matcher-row {
	display: flex;
	align-items: center;
	gap: 20px;
}

@media screen and (max-width: 860px) {
	.matcher-row {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		width: 100%;
	}
}

.matcher-label {
	color: rgb(var(--neutral-500, 17 24 39)) !important;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	min-width: 115px;
	text-align: left;
}

@media screen and (max-width: 860px) {
	.matcher-label {
		color: rgb(var(--brand-600, 34 118 129)) !important;
		font-size: 13px !important;
		font-weight: 700 !important;
	}
}

.matcher-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media screen and (max-width: 860px) {
	.matcher-chips {
		width: 100%;
	}
}

.rm-chip {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	color: #475569 !important;
	cursor: pointer;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	padding: 8px 18px !important;
	transition: all 0.15s ease !important;
	user-select: none;
}

@media screen and (max-width: 860px) {
	.rm-chip {
		flex: 1 1 auto;
		text-align: center;
		justify-content: center;
		padding: 9px 14px !important;
	}
}

@media screen and (max-width: 480px) {
	.rm-chip {
		font-size: 12.5px !important;
		padding: 8px 10px !important;
	}
}

.rm-chip:hover {
	background: #f1f5f9 !important;
	color: rgb(var(--neutral-500, 17 24 39)) !important;
}

.rm-chip.active {
	background: rgb(var(--brand-600, 34 118 129)) !important;
	border-color: rgb(var(--brand-600, 34 118 129)) !important;
	color: #ffffff !important;
	font-weight: 600 !important;
	box-shadow: 0 4px 14px rgba(34, 118, 129, 0.25) !important;
}

/* Date input styling */
.rm-date-input {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	color: #0f172a !important;
	cursor: pointer;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	padding: 7px 14px !important;
	transition: all 0.15s ease !important;
	outline: none;
}

@media screen and (max-width: 860px) {
	.rm-date-input {
		flex: 1 1 auto;
		padding: 8px 12px !important;
	}
}

.rm-date-input:hover,
.rm-date-input:focus {
	border-color: rgb(var(--brand-600, 34 118 129)) !important;
	background: #ffffff !important;
	color: #0f172a !important;
}

/* MAIN ACTION BUTTON — Matched to Theme Button Component */
.route-matcher__action-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: auto;
	width: 100%;
}

.route-matcher__main-btn {
	background: rgb(var(--action-700, 60 163 128)) !important;
	border-radius: var(--br-lg, 8px) !important;
	color: #ffffff !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	padding: 14px 28px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	width: 100%;
	box-shadow: 0 4px 14px rgba(60, 163, 128, 0.25) !important;
}

.route-matcher__main-btn span {
	color: #ffffff !important;
}

.route-matcher__main-btn:hover {
	background: rgb(var(--success-500, 33 130 70)) !important;
	color: #ffffff !important;
	box-shadow: 0 6px 20px rgba(33, 130, 70, 0.35) !important;
	transform: translateY(-1px);
}

.route-matcher__main-btn:hover span {
	color: #ffffff !important;
}

.route-matcher__footer-note {
	color: #6b7280 !important;
	font-family: var(--ff-primary, "Mona Sans", sans-serif) !important;
	font-size: 12.5px !important;
	margin: 10px 0 0 0 !important;
	text-align: center;
}

.route-matcher__footer-note a {
	color: rgb(var(--brand-600, 34 118 129)) !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}

.route-matcher__footer-note a:hover {
	color: rgb(var(--action-700, 60 163 128)) !important;
}