/*
 * Pahadiroutes — custom CSS ported from the approved prototype's inline
 * <style> blocks (both pages defined an identical marquee keyframe set;
 * the trek-detail page additionally defined accordion/hero-overlay/
 * premium-btn/hover-lift). Consolidated here, unchanged, so enqueue.php
 * can load one stylesheet across every template.
 */

/* From Pahadiroutes Homepage/code.html <style> — Featured Collections /
   Partners infinite marquee. */
.marquee-viewport {
	overflow: hidden;
	position: relative;
}
.marquee-track {
	display: flex;
	width: max-content;
	animation-name: marquee-scroll;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
.marquee-viewport:hover .marquee-track {
	animation-play-state: paused;
}
@keyframes marquee-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
/* Featured Collections runs the opposite direction from the Partners strip. */
.marquee-track-reverse {
	animation-name: marquee-scroll-reverse;
}
@keyframes marquee-scroll-reverse {
	from { transform: translateX(-50%); }
	to { transform: translateX(0); }
}
.marquee-track-tight {
	gap: 0 !important;
}

/* WordPress's the_custom_logo() renders the uploaded image at its native
   size (200x200px) with no size class — our h-11/h-10 Tailwind classes only
   ever applied to the img fallback branch, so the real uploaded logo showed
   oversized in the header and footer. Constrain it explicitly here. */
#pr-mega-header .custom-logo {
	height: 44px;
	width: 44px;
	max-width: 44px;
	object-fit: contain;
}
footer .custom-logo {
	height: 40px;
	width: 40px;
	max-width: 40px;
	object-fit: contain;
}

/* Cinematic hero overlay: dark on the left (where the headline/CTA sits),
   fading to transparent toward the right so the background photo still
   reads through. Used consistently on the homepage hero and every
   Trek/Expedition/Package detail hero. */
.hero-gradient-premium {
	background: linear-gradient(90deg, rgba(8,12,18,0.88) 0%, rgba(8,12,18,0.62) 32%, rgba(8,12,18,0.28) 58%, rgba(8,12,18,0.05) 80%, rgba(8,12,18,0) 100%);
}

/* From Pahadiroutes service/code.html <style> — trek detail page. */
.material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
.hero-overlay {
	background: linear-gradient(to top, rgba(15, 118, 110, 0.4) 0%, rgba(20, 27, 43, 0.2) 40%, rgba(20, 27, 43, 0.7) 100%);
}
.accordion-content {
	transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease-in-out;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
}
.accordion-item.active .accordion-content {
	max-height: 800px;
	opacity: 1;
}
.accordion-item.active .material-symbols-outlined.chevron {
	transform: rotate(180deg);
}
.no-scrollbar::-webkit-scrollbar {
	display: none;
}
.no-scrollbar {
	scrollbar-width: none;
}
.premium-btn {
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
}
.premium-btn::after {
	content: '';
	position: absolute;
	top: 0; left: 0; width: 100%; height: 100%;
	background: linear-gradient(120deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.2), rgba(255,255,255,0) 70%);
	transform: translateX(-100%);
	transition: transform 0.6s ease;
}
.premium-btn:hover::after {
	transform: translateX(100%);
}
.hover-lift {
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}
.hover-lift:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px -10px rgba(0,0,0,0.12);
}

/*
 * KNOWN GAP carried over from the approved static prototype, kept as-is
 * per "no design changes": the homepage markup references
 * .glass-card / .glass-card-light / .hero-gradient-premium /
 * .dust-container / .dust / .animate-fade-in-up / .stagger-1..4 —
 * none of these were ever defined in the original file (verified against
 * both code.html sources), so today they render as plain unstyled
 * elements with no entrance animation, no glass blur, no gradient tint,
 * no dust particles. Left undefined here to match current production
 * behaviour exactly. Flag for a follow-up design pass — defining them
 * for real WILL visibly change the homepage hero (glass panels will
 * blur, cards will fade/slide in, dust particles will float, the hero
 * will pick up a teal gradient tint).
 */