.wp-block-post-terms {
	font-size: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.wp-block-post-terms a {
	display: inline-block;
	font-size: 12px;
	padding: 2px 10px;
	border: 1px solid currentColor;
	border-radius: 20px;
	text-decoration: none;
	opacity: .6;
	line-height: 1.8;
}

.wp-block-post-terms a:hover {
	opacity: 1;
}

/* ===== INFO DE LEITURA ===== */
.reading-info-badges {
	margin: 12px 0 20px;
}

.reading-badges {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.reading-badges .badge-words,
.reading-badges .badge-time,
.reading-badges .badge-category {
	background: #f9f9f9;
	border: 1px solid #ddd;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: .85em;
	color: #666;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

/* ===== ESTATÍSTICAS ===== */
.stats-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 15px;
	margin: 30px 0;
}

.stat-box {
	background: #ffffff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.stat-number {
	font-size: 2em;
	font-weight: bold;
	color: #333;
	margin: 10px 0;
}

.stat-label {
	font-size: .85em;
	color: #666;
	line-height: 1.4;
}

/* ===== BUSCADOR ===== */
.cronisticas-search-form {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 20px;
	margin: 20px 0;
}

.search-group {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: flex-end;
}

.search-group input,
.search-group select {
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: .95em;
	font-family: inherit;
	background: white;
	color: #333;
}

.search-group input {
	flex: 1;
	min-width: 200px;
}

.search-group select {
	min-width: 140px;
}

.search-btn {
	padding: 10px 20px;
	background: #333;
	color: white;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
}

/* ===== CATEGORIAS ===== */
.cronisticas-categories {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 10px;
	margin: 20px 0;
}

.category-card {
	background: white;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 15px;
	text-align: center;
	text-decoration: none;
	color: inherit;
	cursor: pointer;
	transition: all .3s ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.category-card:hover {
	border-color: #333;
	background: #f5f5f5;
	box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	transform: translateY(-2px);
}

.category-icon {
	font-size: 1.8em;
	margin-bottom: 8px;
}

.category-name {
	font-weight: bold;
	font-size: .9em;
	color: #333;
}

.category-count {
	font-size: .8em;
	color: #999;
	margin-top: 5px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
	.stats-container {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.cronisticas-categories {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.search-group {
		flex-direction: column;
	}
	
	.search-group input,
	    .search-group select {
		width: 100%;
	}
	
	.search-btn {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.stats-container {
		grid-template-columns: 1fr;
	}
	
	.cronisticas-categories {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.stat-number {
		font-size: 1.6em;
	}
}

/* ===== CORRECOES 03/08/2026 ===== */

/* 1. Impede o Auto Dark Theme do Chrome (Android) de inverter o site escuro */
:root { color-scheme: dark; }

/* 2. Campos com fundo branco precisam de texto escuro (busca + formulario de contato) */
input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]),
textarea:not(.block-editor-plain-text),
.wp-block-search__input,
.jetpack-contact-form .jetpack-field .jetpack-field__input,
.jetpack-contact-form .jetpack-field .jetpack-field__textarea {
  color: #111 !important;
  caret-color: #111 !important;
}

input::placeholder, textarea::placeholder, .wp-block-search__input::placeholder {
  color: #666 !important;
  opacity: 1;
}

input:not([type="submit"]):focus-visible, textarea:focus-visible, .wp-block-search__input:focus-visible {
  outline: 2px solid #888;
  outline-offset: 2px;
}