/* Astra Cyber Child — layout styles for home, archive and single review. */

.caff-container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* ---------- Hero ---------- */
.caff-hero {
	background: linear-gradient(135deg, #0f172a 0%, #16a34a 140%);
	color: #fff;
	padding: 54px 0;
	text-align: center;
	margin-bottom: 32px;
}
.caff-hero__title { margin: 0 0 8px; font-size: 34px; color: #fff; }
.caff-hero__sub { margin: 0; font-size: 17px; opacity: .9; }

.caff-home__intro { margin-bottom: 28px; }
.caff-home__toplist { padding-bottom: 40px; }
.caff-home__toplist .caff-featured { margin-bottom: 28px; }

/* ---------- Archive ---------- */
.caff-archive { padding: 30px 0 50px; }
.caff-archive__header { margin-bottom: 22px; }
.caff-archive__header h1 { margin: 0 0 8px; }
.caff-archive__intro { color: #4b5563; max-width: 800px; }

/* ---------- Single review ---------- */
.caff-single-page { padding: 30px 0 50px; }
.caff-single__body { margin-top: 30px; }
.caff-single__body img { max-width: 100%; height: auto; }
.caff-single__cta-bottom { margin: 30px 0; max-width: 420px; }

/* Make sure the plugin's review card breathes on the single page */
.caff-single-article .caff-single { margin-bottom: 10px; }

@media (max-width: 640px) {
	.caff-hero { padding: 38px 0; }
	.caff-hero__title { font-size: 26px; }
}

/* ---------- Dark mode ---------- */
@media (prefers-color-scheme: dark) {
	.caff-archive__intro { color: #9aa1ab; }
}