/* =================================================================
   Responsive — Arhiva medijskih praksi
================================================================= */

/* ---- 768px — tablet ------------------------------------------ */
@media screen and (max-width: 768px) {
	.site {
		row-gap: 1.25rem;
	}

	.site-footer {
		margin-top: 4rem;
	}

	.container {
		max-width: 100%;
	}
}

/* ---- 535px — mobile ------------------------------------------ */
@media screen and (max-width: 535px) {

	/* Mode menu: static, tece ispred loga (DOM redosled) */
	#mode-menu {
		position: static;
		margin-bottom: 0.75rem;
		flex-wrap: wrap;
		gap: 0.75rem;
	}

	#logo {
		margin-bottom: 0.75rem;
	}

	/* Filter forma: vertikalni stek */
	.filter-form {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}

	.filter-form select,
	.filter-form .btn {
		width: 100%;
		max-width: 280px;
		padding: 0.5rem 0.75rem;
	}

	/* Container: puna širina */
	.container {
		max-width: 100%;
	}

	/* Autor bio: jedna kolona */
	.autor-bio {
		grid-template-columns: 1fr;
	}

	.autor-bio__foto {
		width: 80px;
		height: 80px;
	}

	/* Galerija: puna širina */
	.single-gallery a {
		width: 100%;
		height: 200px;
	}

	/* Paginacija */
	.pagination {
		justify-content: center;
	}

	/* Footer */
	.site-footer {
		margin-top: 3rem;
	}

	#footer-navigation {
		gap: 0.375rem;
	}
}

/* ---- Print --------------------------------------------------- */
@media print {
	.site-header,
	.site-footer,
	.filter-form,
	#explore-filters,
	.pagination {
		display: none;
	}

	.single-content {
		max-width: 100%;
	}

	a {
		text-decoration: none;
	}
}