/* =====================================================
   IBGE - Responsive Overrides (2026 Edition)
   Mobile-first surgical overrides
   ===================================================== */

/* DESKTOP: Header and Nav follow content-wrap (centralized) */
@media (min-width: 961px) {
	.govbr-bar {
		padding-left: max(20px, calc((100% - 1190px) / 2));
		padding-right: max(20px, calc((100% - 1190px) / 2));
	}

	.ibge-header {
		padding-left: max(20px, calc((100% - 1190px) / 2));
		padding-right: max(20px, calc((100% - 1190px) / 2));
	}

	.state-banner {
		padding-left: max(20px, calc((100% - 1190px) / 2));
		padding-right: max(20px, calc((100% - 1190px) / 2));
	}

	.content-wrap {
		padding-left: max(20px, calc((100% - 1190px) / 2));
		padding-right: max(20px, calc((100% - 1190px) / 2));
	}

	.main-nav {
		padding-left: max(20px, calc((100% - 1190px) / 2));
		padding-right: max(20px, calc((100% - 1190px) / 2));
	}

	.site-footer {
		padding-left: max(20px, calc((100% - 1190px) / 2));
		padding-right: max(20px, calc((100% - 1190px) / 2));
	}
}

/* TABLET / MEDIUM SCREENS: Scale down side news images */
@media (max-width: 1200px) and (min-width: 961px) {
	.noticia-side-img {
		width: 140px;
		min-width: 100px;
		height: 90px;
	}

	.noticia-anterior-img {
		width: 140px;
		min-width: 100px;
		height: 90px;
	}
}


/* MOBILE: Full width layout */
@media (max-width: 960px) {
	/* Content wrapper - full width on mobile */
	.content-wrap {
		width: 100%;
		padding: 0 16px !important;
	}	
	
	.sidebar {
		width: 100%;
	}

	
.news-search-bar {
	flex-direction: column;
	align-items: start;
	padding: 20px 20px 30px;
}

	/* Header adjustments */
	.ibge-header {
		padding: 0;
		flex-direction: column;
		gap: 12px;
		align-items: flex-start;
	}
	
	.ibge-header-inner {
		padding: 30px 20px;
		flex-direction: column;
		gap: 20px;
		align-items: center;
		background-image: none;
	}

	.ibge-header-right {
		text-align: left;
		width: 100%;
		padding-right: 0;
	}

	.ses-search-wrap {
		width: 100%;
	}

	/* Gov.br bar */
	.govbr-bar {
		padding: 8px 16px;
		height: auto;
		min-height: 36px;
		flex-wrap: wrap;
	}

	.govbr-bar nav {
		display: none;
	}

	/* State banner */
	#state-banner {
		background-image: none;
		text-align: center;
		margin: 0;
	}

	/* Navigation */
	.main-nav {
		padding: 0;
		position: relative;
	}

	.nav-toggle-wrap {
		display: flex;
		justify-content: flex-end;
		padding: 10px 20px;
		background: #e8e8e8;
		border-bottom: 1px solid #d0d0d0;
	}

	.nav-toggle-input {
		display: none;
	}

	.burger-menu {
		cursor: pointer;
		display: flex;
		flex-direction: column;
		gap: 5px;
		padding: 5px;
		z-index: 100;
	}

	.burger-menu span {
		display: block;
		width: 25px;
		height: 3px;
		background: #333;
		border-radius: 2px;
		transition: 0.2s ease;
	}

	/* Hamburger animation */
	.main-nav:has(.nav-toggle-input:checked) .burger-menu span:nth-child(1) {
		transform: translateY(8px) rotate(45deg);
	}

	.main-nav:has(.nav-toggle-input:checked) .burger-menu span:nth-child(2) {
		opacity: 0;
	}

	.main-nav:has(.nav-toggle-input:checked) .burger-menu span:nth-child(3) {
		transform: translateY(-8px) rotate(-45deg);
	}

	.main-nav ul {
		display: none;
		flex-direction: column;
		width: 100%;
		background: #fff;
		border-top: 1px solid #d0d0d0;
	}

	.main-nav:has(.nav-toggle-input:checked) ul {
		display: flex;
	}

	.main-nav li {
		width: 100%;
	}

	.main-nav li a {
		border-right: none;
		border-bottom: 1px solid #eee;
		padding: 15px 20px;
		font-size: 15px;
	}

	/* Grids to single column */
	.noticias-grid,
	.agenda-respondendo,
	.enderecos-grid,
	.row,
	.page-body {
		grid-template-columns: 1fr;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	/* News items — side items render as hero cards on mobile */
	.noticia-side-item {
		position: relative;
		border-radius: 4px;
		overflow: hidden;
		min-height: 220px;
		display: block;
	}

	.noticia-side-item > a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.noticia-side-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-width: 0;
		border-radius: 4px;
	}

	.noticia-side-info {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px;
		background: linear-gradient(transparent, rgba(0, 0, 0, 1));
		color: #fff;
		z-index: 2;
	}

	.noticia-side-date {
		color: rgba(255, 255, 255, 0.85);
		font-size: 14px;
	}

	.noticia-side-info p {
		color: #fff;
		font-size: 16px;
	}

	.noticia-anterior-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.noticia-anterior-img {
		width: 100%;
		min-width: 0;
		height: 180px;
	}

	/* Footer */
	.site-footer {
		padding: 20px;
	}

	.footer-inner {
		flex-direction: column;
		align-items: center;
		gap: 16px;
		text-align: center;
	}

	/* Typography */
	h1,
	h2 {
		font-size: clamp(1.1rem, 4vw, 1.4rem);
		margin-top: 20px;
	}
	.gallery-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.agenda-controls {
		flex-direction: column;
	}

	.breadcrumb-row {
		flex-direction: column;
		align-items: start;
	}
	.agencia-link {
		flex-direction: column;
		align-items: start;
}
	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.gallery-tabs {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.agencia-news-item {
		flex-direction: column;
	}
	.agencia-news-img {
		width: 100%;
		height: 180px;
	}
	.photo-gallery-item {
		min-width: calc(50% - 8px);
		max-width: calc(50% - 8px);
	}
	.video-item {
		width: 100%;
	}
	.agencia-title {
		font-size: 22px;
	}
	.article-title {
		font-size: 24px;
	}
	.article-secondary-img {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.noticias-grid {
		grid-template-columns: 1fr;
	}
	.agenda-respondendo {
		grid-template-columns: 1fr;
	}
	.enderecos-grid {
		grid-template-columns: 1fr;
	}
	.ses-stats {
		gap: 10px;
	}
	.noticia-side-item,
	.noticia-side-item > a,
	.noticia-anterior-item {
		flex-direction: column;
	}

	.servicos-grid {
		grid-template-columns: 1fr;
	}
	.endereco-grid {
		grid-template-columns: 1fr;
	}
	.page-body {
		grid-template-columns: 1fr;
	}

	.superintendente-header {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.superintendente-header #superintendente-foto {
		width: 160px;
		height: 160px;
	}
}

/* Small screens */
@media (max-width: 480px) {
	.state-banner {
		font-size: 13px;
		padding: 0;
	}

	.breadcrumb .current {
	    font-size: 18px;
	}

	.breadcrumb {
		font-size: 14px;
		flex-wrap: wrap;
		gap: 8px;
	}

	.gallery-grid {
		grid-template-columns: 1fr;
	}
}