/* =============================================================================
   fQuarters – Homepage styles
   Colors: Navy #1b3a6e | Orange #e8531e | Light #f8f9fa | White #fff
   ============================================================================= */

/* ── Reset & base ─────────────────────────────────────────────────────────── */
.fq-home-wrap * { box-sizing: border-box; }
.fq-home-wrap a { text-decoration: none; }

/* ── Shared ───────────────────────────────────────────────────────────────── */
.fq-section-title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #1b3a6e;
	margin: 0 0 1.5rem;
	position: relative;
	padding-bottom: .6rem;
}
.fq-section-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 3px;
	background: #e8531e;
	border-radius: 2px;
}
.fq-section-title--light { color: #fff; }
.fq-section-title--light::after { background: rgba(255,255,255,.6); }

.fq-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
	gap: .5rem;
}
.fq-more-link {
	color: #e8531e;
	font-weight: 600;
	font-size: .9rem;
	transition: opacity .2s;
}
.fq-more-link:hover { opacity: .75; }

/* ── Buttons ──────────────────────────────────────────────────────────────── */
.fq-btn {
	display: inline-block;
	padding: .75rem 1.75rem;
	border-radius: 4px;
	font-weight: 700;
	font-size: 1rem;
	transition: all .2s;
	cursor: pointer;
}
.fq-btn--primary {
	background: #e8531e;
	color: #fff;
	border: 2px solid #e8531e;
}
.fq-btn--primary:hover { background: #c9431a; border-color: #c9431a; color: #fff; }

.fq-btn--outline {
	background: transparent;
	color: #fff;
	border: 2px solid rgba(255,255,255,.7);
}
.fq-btn--outline:hover { background: rgba(255,255,255,.15); }

.fq-btn--white {
	background: #fff;
	color: #e8531e;
	border: 2px solid #fff;
}
.fq-btn--white:hover { background: rgba(255,255,255,.9); }

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION 1 – HERO
   ═══════════════════════════════════════════════════════════════════════════ */
.fq-hero {
	background: #1b3a6e;
	background-image:
		radial-gradient(circle at 10% 50%, rgba(232,83,30,.15) 0%, transparent 50%),
		radial-gradient(circle at 90% 20%, rgba(232,83,30,.1) 0%, transparent 50%);
	padding: 5rem 1rem;
	text-align: center;
}
.fq-hero__inner { max-width: 680px; margin: 0 auto; }

.fq-hero__logo {
	height: 110px;
	width: auto;
	margin-bottom: 1.5rem;
	filter: drop-shadow(0 4px 16px rgba(0,0,0,.4));
}
.fq-hero__title {
	color: #fff;
	font-size: 2.4rem;
	font-weight: 800;
	margin: 0 0 .75rem;
	line-height: 1.2;
}
.fq-hero__sub {
	color: rgba(255,255,255,.75);
	font-size: 1.1rem;
	letter-spacing: .08em;
	margin: 0 0 2rem;
}
.fq-hero__cta { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION 2 – QUICK LINKS
   ═══════════════════════════════════════════════════════════════════════════ */
.fq-quicklinks {
	background: #f8f9fa;
	padding: 3rem 1rem;
}
.fq-quicklinks__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1.25rem;
}
.fq-ql-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 1.75rem 1.25rem;
	text-align: center;
	transition: transform .2s, box-shadow .2s;
	display: block;
	color: inherit;
}
.fq-ql-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(27,58,110,.12);
	color: inherit;
}
.fq-ql-card__icon { font-size: 2.2rem; display: block; margin-bottom: .75rem; }
.fq-ql-card__title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #1b3a6e;
	margin: 0 0 .5rem;
}
.fq-ql-card__desc { font-size: .88rem; color: #666; margin: 0; line-height: 1.5; }

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION 3 – LATEST NEWS
   ═══════════════════════════════════════════════════════════════════════════ */
.fq-news { padding: 3.5rem 1rem; background: #fff; }

.fq-news__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 2rem;
}
.fq-news__col-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	border-bottom: 2px solid #e8531e;
}
.fq-news__col-title { font-size: 1.1rem; font-weight: 700; color: #1b3a6e; margin: 0; }
.fq-news__col-more { font-size: .8rem; color: #e8531e; font-weight: 600; }
.fq-news__col-more:hover { text-decoration: underline; color: #e8531e; }

.fq-news__list { list-style: none; margin: 0; padding: 0; }
.fq-news__item {
	display: flex;
	gap: .75rem;
	padding: .75rem 0;
	border-bottom: 1px solid #f0f0f0;
}
.fq-news__item:last-child { border-bottom: none; }
.fq-news__thumb { flex-shrink: 0; }
.fq-news__thumb img { width: 70px; height: 55px; object-fit: cover; border-radius: 4px; display: block; }
.fq-news__meta { display: flex; flex-direction: column; gap: .3rem; justify-content: center; }
.fq-news__link { font-size: .9rem; font-weight: 600; color: #222; line-height: 1.4; }
.fq-news__link:hover { color: #e8531e; }
.fq-news__date { font-size: .78rem; color: #999; }
.fq-news__empty { color: #999; font-size: .9rem; }

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION 4 – MATCHES
   ═══════════════════════════════════════════════════════════════════════════ */
.fq-matches {
	background: #1b3a6e;
	padding: 3.5rem 1rem;
}
.fq-matches__empty { color: rgba(255,255,255,.6); text-align: center; }

.fq-matches__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1.25rem;
}
.fq-match-card {
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.15);
	border-radius: 8px;
	padding: 1.25rem;
	color: #fff;
}
.fq-match-card__title { font-weight: 700; font-size: 1rem; margin-bottom: .5rem; }
.fq-match-card__date, .fq-match-card__venue { font-size: .85rem; color: rgba(255,255,255,.7); margin-top: .3rem; }

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION 5 – PLAYERS HUB CTA
   ═══════════════════════════════════════════════════════════════════════════ */
.fq-players-cta {
	background: #e8531e;
	padding: 4rem 1rem;
}
.fq-players-cta__inner {
	display: flex;
	gap: 2rem;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.fq-players-cta__block {
	text-align: center;
	color: #fff;
	max-width: 320px;
}
.fq-players-cta__block h3 { font-size: 1.4rem; font-weight: 800; margin: .75rem 0 .5rem; }
.fq-players-cta__block p { font-size: .95rem; opacity: .9; margin-bottom: 1.25rem; line-height: 1.6; }
.fq-players-cta__icon { font-size: 2.5rem; }
.fq-players-cta__divider {
	width: 1px;
	height: 160px;
	background: rgba(255,255,255,.3);
}
@media (max-width: 640px) { .fq-players-cta__divider { display: none; } }

/* ═══════════════════════════════════════════════════════════════════════════
   SECTION 6 – SHOP PREVIEW
   ═══════════════════════════════════════════════════════════════════════════ */
.fq-shop { padding: 3.5rem 1rem; background: #f8f9fa; }
.fq-shop__empty { color: #999; }

.fq-shop__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1.25rem;
}
.fq-product-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	overflow: hidden;
	display: block;
	color: inherit;
	transition: box-shadow .2s, transform .2s;
}
.fq-product-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.1); transform: translateY(-3px); }
.fq-product-card__img img { width: 100%; height: 180px; object-fit: cover; display: block; }
.fq-product-card__body { padding: 1rem; }
.fq-product-card__name { font-size: .95rem; font-weight: 600; color: #222; margin: 0 0 .4rem; }
.fq-product-card__price { color: #e8531e; font-weight: 700; font-size: 1rem; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.fq-hero__title { font-size: 1.8rem; }
	.fq-hero { padding: 3.5rem 1rem; }
	.fq-news__grid,
	.fq-quicklinks__grid,
	.fq-shop__grid,
	.fq-matches__grid { grid-template-columns: 1fr; }
}