/* ── Global page padding — sve stranice ───────────────────── */
.wp-site-blocks {
	overflow-x: hidden;
}

/* Sve stranice koje nisu homepage dobivaju padding */
body:not(.page-template-front-page) .wp-block-group,
body:not(.page-template-front-page) .wp-block-post-content,
body:not(.page-template-front-page) .entry-content {
	padding-left: 4rem;
	padding-right: 4rem;
}

/* Index/archive query pages */
.wp-block-query {
	padding-left: 4rem;
	padding-right: 4rem;
	padding-top: 8rem;
}

/* ── Desktop: hero padding ────────────────────────────────── */
.hero-inner {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}

/* ── Header: hamburger desno ──────────────────────────────── */
.site-header {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

/* WP nav block mobile toggle */
.wp-block-navigation__responsive-container-open {
	margin-left: auto;
}
.wp-block-navigation__responsive-container {
	background: #0a0a08 !important;
}
.wp-block-navigation__responsive-container .wp-block-navigation__container {
	padding: 2rem;
	gap: 1.5rem;
}

/* ── 1024px ───────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.site-header { padding: 1.5rem 2.5rem !important; }
	.site-footer { padding: 2rem 2.5rem !important; }
	.stats-grid { grid-template-columns: repeat(2, 1fr) !important; }

	body:not(.page-template-front-page) .wp-block-group,
	body:not(.page-template-front-page) .wp-block-post-content {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}

/* ── 768px ────────────────────────────────────────────────── */
@media (max-width: 768px) {
	.site-header { padding: 1.25rem 1.5rem !important; }
	.site-footer { padding: 2rem 1.5rem !important; flex-direction: column !important; text-align: center; }

	.hero-inner {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	/* Sve sekcije na mobilnoj */
	.section-about,
	.section-contact,
	.section-building,
	.portfolio-section,
	.track-record {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	/* Stare WP stranice */
	body:not(.page-template-front-page) .wp-block-group,
	body:not(.page-template-front-page) .wp-block-post-content {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	.wp-block-query {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}

	.wp-block-columns { flex-direction: column !important; }
	.wp-block-column { flex-basis: 100% !important; min-width: 0 !important; }

	.stats-grid { grid-template-columns: repeat(2, 1fr) !important; }
	.stat-item { padding: 1.5rem 1rem; }
	.stat-number { font-size: 2rem !important; }

	.portfolio-grid { grid-template-columns: 1fr !important; }
	.portfolio-item { padding: 1.5rem; }

	.building-grid { grid-template-columns: 1fr !important; }
	.building-item { padding: 1.5rem; }

	.section-about p,
	.section-about h2 { overflow-wrap: break-word; word-break: break-word; }

	.calendly-box { padding: 2rem 1.5rem; min-height: auto; }
	.about-tags, .stack-tags { gap: .4rem !important; }
	.footer-nav { justify-content: center; }
}

/* ── 480px ────────────────────────────────────────────────── */
@media (max-width: 480px) {
	.hero-inner {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
	.section-about,
	.section-contact,
	.section-building,
	.portfolio-section,
	.track-record {
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
}