/* ==========================================================================
   Estilos Públicos do Plugin JF Diário - Filtro de Categorias na Busca
   ========================================================================== */

.jf-search-cat-tabs {
	display: flex;
	gap: 10px;
	flex-wrap: nowrap;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow: scroll;
    scrollbar-width: none;
}

.jf-search-tab {
	background: #F1F5F9;
	color: #334155;
	padding: 6px 14px;
	border: 1px solid #CBD5E1;
	text-decoration: none;
	transition: all 0.2s ease;
	display: inline-block;
	white-space: nowrap;
}

.jf-search-tab.active,
.jf-search-tab:hover {
	background: #9B2C2C;
	color: #ffffff;
	border-color: #9B2C2C;
}

/* MODO ESCURO (SE USADO EM BANNERS OU COMPONENTES ESCUROS) */
.jf-search-cat-tabs.dark-theme .jf-search-tab {
	background: rgba(255, 255, 255, 0.12);
	color: #E2E8F0;
	border-color: rgba(255, 255, 255, 0.22);
}

.jf-search-cat-tabs.dark-theme .jf-search-tab.active,
.jf-search-cat-tabs.dark-theme .jf-search-tab:hover {
	background: #9B2C2C;
	color: #ffffff;
	border-color: #9B2C2C;
}