/**
 * Taxonomy Loop Grid Widget Styles
 *
 * @package JutSo\Widgets
 * @since 1.0.0
 */

/* ==========================================================================
	Grid Container
	========================================================================== */

.jce-taxonomy-loop-grid {
	--grid-columns: 3;
	--grid-column-gap: 20px;
	--grid-row-gap: 20px;

	display: grid;
	grid-template-columns: repeat(var(--grid-columns), 1fr);
	gap: var(--grid-row-gap) var(--grid-column-gap);
}


/* ==========================================================================
	Grid Items
	========================================================================== */

.jce-taxonomy-loop-grid__item {
	position: relative;
	min-width: 0; /* Prevent grid blowout */
}

/* Stretch link: whole card is clickable without wrapping template (template may contain its own <a>) */
.jce-taxonomy-loop-grid__item-link {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	color: inherit;
	text-decoration: none;
}

.jce-taxonomy-loop-grid__item-link:hover,
.jce-taxonomy-loop-grid__item-link:focus {
	color: inherit;
	text-decoration: none;
}

/* Content above stretch link; pointer-events: none so clicks pass through to link */
.jce-taxonomy-loop-grid__item-content {
	position: relative;
	z-index: 1;
	pointer-events: none;
}

/* Links/buttons inside template remain clickable */
.jce-taxonomy-loop-grid__item-content a,
.jce-taxonomy-loop-grid__item-content button {
	pointer-events: auto;
}

.jce-taxonomy-loop-grid__item-content > .e-loop-item,
.jce-taxonomy-loop-grid__item-content > .e-loop-item > .elementor-element {
	height: 100%;
}

/* Ensure nested Elementor containers fill the grid item */
.jce-taxonomy-loop-grid__item-content > .elementor-section,
.jce-taxonomy-loop-grid__item-content > .elementor-section > .elementor-container,
.jce-taxonomy-loop-grid__item-content > .e-con,
.jce-taxonomy-loop-grid__item-content .elementor-section-wrap > .e-con {
	height: 100%;
}

/* ==========================================================================
	Empty View (Editor Only)
	========================================================================== */

.jce-taxonomy-loop-grid__empty-view {
	padding: 40px 20px;
	text-align: center;
	background-color: #f5f5f5;
	border: 2px dashed #ccc;
	border-radius: 4px;
}

.jce-taxonomy-loop-grid__empty-view p {
	margin: 0;
	color: #666;
	font-size: 14px;
}

/* ==========================================================================
	Nothing Found Message
	========================================================================== */

.jce-taxonomy-loop-grid__nothing-found {
	text-align: center;
}

.jce-taxonomy-loop-grid__nothing-found-text {
	margin: 0;
}