/*
 * ============================================================
 * Arquivo: public/assets/wdl-public.css
 * Projeto: Law Thesis
 * Pasta:   public/assets
 * Módulo:  Público (grid da listagem)
 * ============================================================
 * Descrição:
 *   Estrutura base do grid e do card do widget de listing. As
 *   cores/paddings/bordas do card são controlados pelo Elementor
 *   (selectors do widget); aqui fica só o esqueleto do grid.
 *   Sem !important, unidades em px.
 *
 * Prefixo CSS: wdl-
 * ============================================================
 */

.wdl-listing-wrap {
	width: 100%;
}

.wdl-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.wdl-card {
	display: block;
	min-width: 0; /* evita overflow do conteúdo em grid */
}

/* Altura igual: o card estica para preencher a linha. */
.wdl-equal-height .wdl-grid {
	align-items: stretch;
}

.wdl-equal-height .wdl-card,
.wdl-equal-height .wdl-card-inner,
.wdl-equal-height .wdl-card .elementor {
	height: 100%;
}

.wdl-no-results {
	margin: 0;
	padding: 16px 0;
	color: #6b6b7b;
	font-size: 15px;
}

/* Placeholder do editor (sem template selecionado / sem origem). */
.wdl-placeholder {
	padding: 18px 20px;
	border: 1px dashed #b9b9c6;
	border-radius: 10px;
	color: #6b6b7b;
	font-size: 14px;
	text-align: center;
	background: #fafafa;
}

/* ---------- Paginação ---------- */
.wdl-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 28px;
	justify-content: center;
}

.wdl-page-btn,
.wdl-load-more-btn {
	cursor: pointer;
	border: 1px solid #d7d7e2;
	background: #ffffff;
	color: #333333;
	padding: 8px 14px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 1;
	transition: background .15s, color .15s, border-color .15s;
}

.wdl-load-more-btn {
	padding: 10px 22px;
}

.wdl-page-btn:hover,
.wdl-load-more-btn:hover {
	border-color: #4f46e5;
	color: #4f46e5;
}

.wdl-page-btn.wdl-page-active {
	background: #4f46e5;
	border-color: #4f46e5;
	color: #ffffff;
}

/* Estado de carregamento (durante o AJAX). */
.wdl-loading {
	opacity: 0.6;
	pointer-events: none;
}

.wdl-infinite-trigger {
	width: 100%;
	height: 1px;
}