/* =============================================================================
   RESPONSIVE.CSS — FareDrop Theme
   Breakpoints: Desktop ≥1200px (base), Tablet 768–1199px, Mobile <768px
   ============================================================================= */

/* =============================================================================
   TABLET — 768px to 1199px
   ============================================================================= */
@media (max-width: 1199px) {

	/* Layout */
	.container {
		padding-inline: 1.5rem;
	}

	/* Header */
	.site-header__nav {
		display: none;
	}

	.site-header__actions .btn {
		padding: 0.5rem 1rem;
		font-size: 0.8125rem;
	}

	/* Hero */
	.hero__title {
		font-size: 2.5rem;
	}

	.hero__stats {
		gap: 1.5rem;
	}

	/* Home deals grid */
	.deals-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Archive */
	.archive-layout {
		grid-template-columns: 1fr 240px;
		gap: 1.75rem;
	}

	/* Single deal */
	.single-deal__layout {
		grid-template-columns: 1fr 340px;
		gap: 1.75rem;
	}

	/* Single post */
	.single-post__layout {
		grid-template-columns: 1fr 240px;
		gap: 1.75rem;
	}

	.single-post__title {
		font-size: 2rem;
	}

	/* Related grids */
	.related-deals__grid,
	.related-posts__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Pricing */
	.pricing-grid {
		max-width: 100%;
	}

	/* Featured deal card */
	.deal-card-featured {
		grid-template-columns: 260px 1fr;
	}

	/* About story */
	.about-story {
		gap: 2.5rem;
	}

	.about-values__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Footer */
	.footer-main__inner {
		gap: 2rem;
	}
}

/* =============================================================================
   MOBILE — max-width 767px
   ============================================================================= */
@media (max-width: 767px) {

	/* ---- Layout ---- */
	.container {
		padding-inline: 1rem;
	}

	section,
	.section {
		padding-block: 3rem;
	}

	.section-header {
		margin-bottom: 2rem;
	}

	.section-header__title {
		font-size: 1.625rem;
	}

	/* ---- Topbar ---- */
	.site-topbar {
		display: none;
	}

	/* ---- Header ---- */
	.site-header__nav {
		display: none;
	}

	.site-header__actions .btn--outline {
		display: none;
	}

	.site-header__actions .btn--primary {
		padding: 0.5rem 0.875rem;
		font-size: 0.8125rem;
	}

	.site-header__hamburger {
		display: flex;
	}

	/* ---- Hero ---- */
	.hero {
		padding: 3.5rem 0 3rem;
	}

	.hero__title {
		font-size: 1.875rem;
	}

	.hero__sub {
		font-size: 1rem;
	}

	.hero__stats {
		grid-template-columns: repeat(3, 1fr);
		gap: 0.75rem;
	}

	.hero-stat__value {
		font-size: 1.375rem;
	}

	.hero-stat__label {
		font-size: 0.7rem;
	}

	/* ---- Signup form ---- */
	.signup-form__row {
		flex-direction: column;
	}

	.signup-form__row .signup-form__btn {
		width: 100%;
	}

	/* ---- Deals grid ---- */
	.deals-grid {
		grid-template-columns: 1fr;
	}

	/* ---- How it works ---- */
	.how-it-works__steps {
		flex-direction: column;
		gap: 1.5rem;
	}

	.hiw-step__connector {
		width: 2px;
		height: 32px;
		margin: 0 auto;
	}

	/* ---- Posts grid ---- */
	.posts-grid {
		grid-template-columns: 1fr;
	}

	/* ---- Deal archive filters ---- */
	.deal-filters {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.625rem;
	}

	.deal-filters__select {
		width: 100%;
	}

	.deal-filters__count {
		margin-left: 0;
	}

	/* ---- Archive layout — stack ---- */
	.archive-layout {
		grid-template-columns: 1fr;
	}

	.sidebar {
		order: -1;
	}

	/* ---- Deal card featured — stack ---- */
	.deal-card-featured {
		grid-template-columns: 1fr;
	}

	.deal-card-featured__image-wrap {
		aspect-ratio: 16 / 7;
	}

	/* ---- Single deal ---- */
	.single-deal__layout {
		grid-template-columns: 1fr;
	}

	.single-deal__summary-card {
		position: static;
	}

	.single-deal__route-heading {
		font-size: 1.625rem;
	}

	.related-deals__grid {
		grid-template-columns: 1fr;
	}

	/* ---- Single post ---- */
	.single-post__layout {
		grid-template-columns: 1fr;
	}

	.single-post__title {
		font-size: 1.625rem;
	}

	.single-post__meta {
		gap: 0.75rem;
	}

	.related-posts__grid {
		grid-template-columns: 1fr;
	}

	/* ---- Pricing ---- */
	.pricing-grid {
		grid-template-columns: 1fr;
		max-width: 420px;
		margin-inline: auto;
	}

	.pricing-card__badge {
		font-size: 0.7rem;
		padding: 0.25rem 0.75rem;
	}

	/* ---- Footer ---- */
	.footer-signup__inner {
		flex-direction: column;
		gap: 1.25rem;
		text-align: center;
	}

	.footer-main__inner {
		flex-direction: column;
		gap: 2rem;
	}

	.footer-nav {
		flex-direction: column;
		gap: 1.5rem;
	}

	.footer-bottom__inner {
		flex-direction: column;
		text-align: center;
		gap: 0.375rem;
	}

	/* ---- About ---- */
	.about-story {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.about-hero__title {
		font-size: 1.875rem;
	}

	.about-values__grid {
		grid-template-columns: 1fr;
	}

	/* ---- Page hero ---- */
	.page-hero__title {
		font-size: 1.875rem;
	}

	/* ---- Error 404 ---- */
	.error-404__code {
		font-size: 5rem;
	}

	.error-404__title {
		font-size: 1.5rem;
	}

	/* ---- Social share ---- */
	.social-share {
		flex-wrap: wrap;
	}

	/* ---- Deals inline upsell ---- */
	.deals-upsell-inline {
		flex-direction: column;
		text-align: center;
	}

	/* ---- CTA banner ---- */
	.cta-banner__inner {
		flex-direction: column;
		text-align: center;
		gap: 1.25rem;
	}

	.cta-banner__actions {
		justify-content: center;
	}

	/* ---- Pricing final CTA ---- */
	.pricing-page__final-cta {
		padding: 2rem 1rem;
	}

	/* ---- Buttons ---- */
	.btn--lg {
		padding: 0.75rem 1.25rem;
		font-size: 0.9375rem;
	}
}

/* =============================================================================
   SMALL MOBILE — max-width 479px
   ============================================================================= */
@media (max-width: 479px) {

	.hero__title {
		font-size: 1.625rem;
	}

	.hero__stats {
		grid-template-columns: 1fr;
		max-width: 220px;
		margin-inline: auto;
	}

	.deal-card__pricing {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25rem;
	}

	.single-deal__route-heading {
		font-size: 1.375rem;
	}

	.single-deal__summary-price {
		font-size: 2.25rem;
	}

	.pricing-card__price {
		font-size: 2.5rem;
	}

	.error-404__code {
		font-size: 4rem;
	}

	.cat-tabs {
		gap: 0.375rem;
	}

	.cat-tab {
		font-size: 0.75rem;
		padding: 0.375rem 0.75rem;
	}

	.deal-filters {
		padding: 0.875rem 1rem;
	}

	.footer-social {
		justify-content: center;
	}
}

/* =============================================================================
   PRINT
   ============================================================================= */
@media print {
	.site-topbar,
	.site-header,
	.footer-signup,
	.footer-main,
	.footer-bottom,
	.sidebar,
	.cta-banner,
	.deal-signup-cta,
	.inline-post-cta,
	.social-share,
	.related-deals,
	.related-posts,
	.mobile-menu-overlay,
	.site-header__hamburger {
		display: none !important;
	}

	body {
		font-size: 12pt;
		color: #000;
	}

	a {
		text-decoration: underline;
		color: #000;
	}

	.entry-content h2,
	.entry-content h3 {
		page-break-after: avoid;
	}
}