/* Estilos principais do tema Seed Digital */

/* Utilitários */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Footer widgets */
/* Menu toggle mobile */
.menu-toggle {
	display: none;
	background: none;
	border: 1px solid #333;
	padding: 0.5rem 1rem;
	cursor: pointer;
	font-size: 1.5rem;
}

@media (max-width: 768px) {
	.menu-toggle {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}

	.main-navigation.toggled ul {
		display: flex;
		flex-direction: column;
	}
}

/* Footer widgets (legacy - for widget areas if needed) */
.footer-widgets {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
	margin-bottom: 2rem;
}

@media (max-width: 768px) {
	.footer-widgets {
		grid-template-columns: 1fr;
	}
}

/* Posts grid */
.posts-container {
	display: grid;
	gap: 2rem;
}

/* Botões */
.read-more {
	display: inline-block;
	margin-top: 1rem;
	padding: 0.5rem 1rem;
	background-color: #0073aa;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	transition: background-color 0.3s ease;
}

.read-more:hover {
	background-color: #005a87;
	color: #fff;
}

/* Formulário de busca */
.search-form {
	display: flex;
	gap: 0.5rem;
	margin: 2rem 0;
}

.search-field {
	flex: 1;
	padding: 0.5rem;
	border: 1px solid #ddd;
	border-radius: 3px;
}

.search-submit {
	padding: 0.5rem 1rem;
	background-color: #0073aa;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.search-submit:hover {
	background-color: #005a87;
}