/* ─── Responsive — Mobile first ────────────────────── */

body {
	overflow-x: hidden;
}

body.admin-bar .site-header {
	top: 46px;
}

body.menu-open {
	overflow: hidden;
}

/* Mobile base */
.header-navigation {
	display: none;
}

/* Mobile header: compact sticky */
.site-header__bar {
	border-bottom: 1px solid rgba(212, 228, 218, 0.7);
}

.site-header__inner {
	padding: 0.6rem 1rem;
	justify-content: space-between;
}

.site-branding__name {
	font-size: 1.4rem;
}

/* Mobile hero */
.home-hero__title {
	font-size: 1.8rem !important;
	max-width: none !important;
}

.home-hero__inner {
	gap: 1.25rem;
}

.home-hero__media img {
	border-radius: 1rem;
}

.home-hero__stats {
	grid-template-columns: 1fr 1fr;
}

/* Mobile cards */
.post-card__title {
	font-size: 1.15rem;
}

.post-card__content {
	padding: 1rem;
}

.post-card__excerpt {
	font-size: 0.9rem;
}

/* Mobile footer */
.site-footer {
	padding: 2rem 0 1rem;
}

.site-footer__title {
	font-size: 1.1rem;
}

.site-footer__grid {
	gap: 1.5rem;
}

/* Category links mobile */
.category-links__item {
	padding: 1rem;
}

.category-links__name {
	font-size: 1rem;
}

/* Newsletter mobile */
.newsletter-cta {
	padding: 1.5rem;
}

/* Section spacing mobile */
.section {
	padding: 2.5rem 0;
}

.section-heading__title {
	font-size: 1.4rem;
}

.hero__inner,
.home-hero__inner,
.archive-hero__inner,
.single-hero__inner,
.page-hero__inner {
	grid-template-columns: 1fr;
}

.grid-2,
.grid-3,
.site-footer__grid,
.search-form,
.category-links {
	grid-template-columns: 1fr;
}

/* ─── 576px ────────────────────── */
@media (min-width: 576px) {
	.grid-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.category-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.search-form {
		grid-template-columns: minmax(0, 1fr) auto;
	}
}

/* ─── 768px ────────────────────── */
@media (min-width: 768px) {
	body.admin-bar .site-header {
		top: 32px;
	}

	.home-hero__inner,
	.page-hero__inner {
		grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
	}

	.page-layout--has-sidebar {
		grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
	}

	.newsletter-cta {
		grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
		align-items: center;
	}

	.grid-3,
	.site-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.category-links {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.post-card__content {
		padding: 1.5rem;
	}
}

/* ─── 992px — Desktop (Ševčík pattern) ────────────────────── */
@media (min-width: 992px) {
	/* Show desktop nav row below logo */
	.header-navigation {
		display: block;
	}

	/* Hide mobile buttons */
	.site-header__utilities {
		display: none;
	}

	/* Center logo */
	.site-header__branding {
		text-align: center;
	}

	.site-header__inner {
		justify-content: center;
		padding: 1.2rem 1.5rem 0.8rem;
	}

	.grid-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.site-footer__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.hero__title,
	.home-hero__title,
	.archive-hero__title,
	.single-hero__title,
	.page-hero__title {
		max-width: 14ch;
	}
}

/* ─── 1200px ────────────────────── */
@media (min-width: 1200px) {
	.hero,
	.home-hero,
	.archive-hero,
	.single-hero,
	.page-hero {
		padding-top: clamp(4rem, 7vw, 7rem);
		padding-bottom: clamp(4rem, 7vw, 7rem);
	}
}
