/**
 * Estilo da barra de filtros — replica o wireframe 03-Catalogo.dc.html
 * (checkboxes com marcador triangular vermelho por grupo, subcategoria
 * indentada). Tudo escopado dentro de .dkt-filtros para nao vazar estilo
 * pro resto da pagina.
 */

.dkt-filtros {
	display: flex;
	flex-direction: column;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.dkt-filtros__titulo {
	font-size: 13px;
	font-weight: 700;
	color: #111111;
	margin-bottom: 16px;
}

.dkt-filtros__grupo-bloco {
	border-top: 1px solid #eeeeea;
	padding-top: 14px;
	margin-bottom: 20px;
}

.dkt-filtros__label {
	font-size: 12px;
	font-weight: 700;
	color: #111111;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.dkt-filtros__lista {
	display: flex;
	flex-direction: column;
	gap: 9px;
	margin-top: 10px;
}

.dkt-filtros__lista--sub {
	padding-left: 13px;
}

.dkt-filtros__item {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #4a4a46;
	cursor: pointer;
}

/* Checkbox customizado (o visual nativo do navegador nao tem como levar o
   vermelho da marca) -- caixa quadrada com cantos levemente arredondados,
   fica vermelha (mesmo tom do botao "Ver detalhes" e do triangulo dos
   grupos) e ganha um "check" branco quando marcada. */
.dkt-filtros__item input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	position: relative;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	border: 1.5px solid #d3d3ce;
	border-radius: 4px;
	background-color: #ffffff;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease;
}

.dkt-filtros__item input[type="checkbox"]:hover {
	border-color: #be302e;
}

.dkt-filtros__item input[type="checkbox"]:checked {
	background-color: #be302e;
	border-color: #be302e;
}

.dkt-filtros__item input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 4.5px;
	top: 1.5px;
	width: 4px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.dkt-filtros__item input[type="checkbox"]:focus-visible {
	outline: 2px solid #be302e;
	outline-offset: 2px;
}

.dkt-filtros__grupo {
	margin-top: 18px;
}

.dkt-filtros__grupo:first-of-type {
	margin-top: 14px;
}

.dkt-filtros__grupo-nome {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 8px;
	font-size: 11.5px;
	font-weight: 700;
	color: #be302e;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.dkt-filtros__triangulo {
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid #be302e;
	flex-shrink: 0;
}

.dkt-filtros__estado {
	margin-top: 14px;
	font-size: 12px;
	color: #8a8a86;
	min-height: 1em;
}

.dkt-filtros--carregando {
	opacity: 0.7;
	pointer-events: none;
}

.dkt-filtros__vazio {
	font-size: 13.5px;
	color: #8a8a86;
	padding: 24px 0;
}

/* Card de reserva (sem template Loop Item configurado ainda) */
.dkt-card-reserva {
	border: 1px solid #e4e4e0;
	border-radius: 8px;
	overflow: hidden;
}

.dkt-card-reserva a,
.dkt-card-reserva a:visited,
.dkt-card-reserva a:hover {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: #111111 !important;
	font-size: 13.5px;
	font-weight: 700;
}

.dkt-card-reserva img {
	display: block;
	width: 100%;
	height: auto;
}

.dkt-card-reserva span {
	padding: 12px 14px;
}