/**
 * The Four Tabs – Blog Front Page
 * responsive.css — desktop (4 col), tablet (2 col), mobile (1 col).
 */

/* ============================================================
   Tablet — ≤ 1024px
   ============================================================ */
@media (max-width: 1024px) {
	.tft-bfp-results__grid,
	.tft-bfp-latest__grid,
	.tft-bfp-picks__grid,
	.tft-bfp-skeleton-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.tft-bfp-featured__grid {
		grid-template-columns: 1fr;
	}

	.tft-bfp-featured .tft-bfp-card--spotlight .tft-bfp-card__imgwrap {
		min-height: 320px;
	}

	.tft-bfp-categories__track {
		grid-template-columns: repeat(2, 1fr);
	}

	.tft-bfp-popular__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ============================================================
   Mobile — ≤ 640px
   ============================================================ */
@media (max-width: 640px) {
	.tft-bfp-section {
		padding: 56px 0;
	}

	.tft-bfp-results__grid,
	.tft-bfp-latest__grid,
	.tft-bfp-picks__grid,
	.tft-bfp-skeleton-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.tft-bfp-categories__track {
		grid-template-columns: 1fr;
	}

	.tft-bfp-popular__grid {
		grid-template-columns: 1fr;
	}

	/* Hero */
	.tft-bfp-hero {
		min-height: 0;
		padding: 80px 0 96px;
	}

	.tft-bfp-hero__glass {
		padding: 28px 20px;
		border-radius: 22px;
	}

	.tft-bfp-hero__search {
		flex-direction: column;
		border-radius: 20px;
	}

	.tft-bfp-hero__search-icon {
		top: 22px;
		left: 20px;
	}

	.tft-bfp-hero__input {
		width: 100%;
		padding: 16px 16px 16px 46px;
	}

	.tft-bfp-hero__cta {
		width: 100%;
		justify-content: center;
	}

	.tft-bfp-hero__stats {
		flex-wrap: wrap;
		gap: 20px;
	}

	.tft-bfp-hero__scroll {
		display: none;
	}

	/* Featured */
	.tft-bfp-featured .tft-bfp-card--spotlight .tft-bfp-card__imgwrap {
		min-height: 220px;
	}

	.tft-bfp-card--spotlight .tft-bfp-card__body {
		padding: 18px;
	}

	/* Trending list */
	.tft-bfp-list-item__link {
		flex-wrap: wrap;
		gap: 12px;
	}

	.tft-bfp-list-item__media {
		width: 100%;
		height: 160px;
		order: -1;
	}

	.tft-bfp-list-item__rank {
		min-width: 36px;
		font-size: 28px;
	}

	.tft-bfp-list-item__arrow {
		display: none;
	}

	/* Filters */
	.tft-bfp-filters__row {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.tft-bfp-filter-pills {
		gap: 6px;
	}

	.tft-bfp-filter-pills button {
		padding: 7px 13px;
		font-size: 12px;
	}

	/* Newsletter */
	.tft-bfp-newsletter__card {
		padding: 32px 22px;
		border-radius: 20px;
	}

	.tft-bfp-newsletter__form {
		flex-direction: column;
	}

	.tft-bfp-newsletter__input,
	.tft-bfp-newsletter__btn {
		width: 100%;
	}

	/* Pagination */
	.tft-bfp-pagination__inner {
		flex-wrap: wrap;
		justify-content: center;
	}

	.tft-bfp-page {
		min-width: 40px;
		height: 40px;
	}

	/* Touch friendly card links */
	.tft-bfp-card__link,
	.tft-bfp-list-item__link {
		-webkit-tap-highlight-color: transparent;
	}
}

/* ============================================================
   Small — ≤ 380px
   ============================================================ */
@media (max-width: 380px) {
	.tft-bfp-hero__title {
		font-size: 30px;
	}

	.tft-bfp-section-title {
		font-size: 24px;
	}

	.tft-bfp-card__footer {
		flex-direction: column;
		align-items: flex-start;
	}
}