/*
 * Mobile-only components — loaded after responsive.css in the cascade.
 * Everything here is scoped to mobile viewports via media queries.
 */

/* ── SRP filter bottom-sheet ─────────────────────────────────────── */
@media (max-width: 768px) {
	.fd-filter-sheet {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		max-height: 85vh;
		z-index: var(--z-overlay-scrim);
		background: var(--fd-white);
		border-radius: var(--fd-r-lg) var(--fd-r-lg) 0 0;
		box-shadow: 0 -8px 30px rgba(12, 26, 48, 0.18);
		transform: translateY(100%);
		visibility: hidden;
		transition: transform 300ms var(--fd-easing), visibility 300ms var(--fd-easing);
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}
	.fd-filter-sheet[data-open="true"] {
		transform: translateY(0);
		visibility: visible;
	}
	.fd-filter-sheet__head {
		position: sticky;
		top: 0;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 1.25rem;
		background: var(--fd-white);
		border-bottom: 1px solid var(--fd-line);
	}
	.fd-filter-sheet__title {
		margin: 0;
		font-family: var(--wp--preset--font-family--display);
		font-size: var(--wp--preset--font-size--lg);
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 0.04em;
		color: var(--fd-navy-900);
	}
	.fd-filter-sheet__close {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		background: none;
		border: 0;
		color: var(--fd-ink-500);
		cursor: pointer;
	}
	.fd-filter-sheet__close:hover { color: var(--fd-navy-900); }
	.fd-filter-sheet__body {
		padding: 1.25rem;
	}
	.fd-filter-sheet__body .fd-srp__rail {
		display: grid;
		position: static;
		border: 0;
		padding: 0;
		background: transparent;
		box-shadow: none;
	}
	.fd-filter-sheet__foot {
		position: sticky;
		bottom: 0;
		z-index: 1;
		padding: 0.75rem 1.25rem;
		background: var(--fd-white);
		border-top: 1px solid var(--fd-line);
	}
}

@media (prefers-reduced-motion: reduce) {
	.fd-filter-sheet { transition: none; }
}

/* ── Announcement bar — allow wrapping text on narrow screens ── */
@media (max-width: 768px) {
	.fd-announce {
		max-height: 80px;
	}
	.fd-announce__inner {
		flex-wrap: wrap;
	}
}

/* ── Hero slide text — scale down for mobile viewports ───────── */
@media (max-width: 640px) {
	.fd-hero__title {
		font-size: var(--wp--preset--font-size--5xl);
	}
	.fd-hero__lead {
		font-size: var(--wp--preset--font-size--lg);
	}
}