/* ==========================================
   Léconic Filter – Base (Colors)
   ========================================== */

.leconic-filter {
	--lf-text: #000000;
	--lf-hover: #CCC0B5;
	--lf-disabled: #999999;
}


/* ==========================================
   Filter – Labels Layout (Spacing & Grid)
   ========================================== */

.wpc-filters-labels {
	display: flex !important;
	flex-wrap: wrap !important;
	row-gap: 12px !important;
	column-gap: 14px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Remove default spacing from plugin elements */
.wpc-filters-labels .wpc-label-item,
.wpc-filters-labels .wpc-term-item-content-wrapper,
.wpc-filters-labels .wpc-filter-label-wrapper {
	margin: 0 !important;
	padding: 0 !important;
}


/* ==========================================
   Filter – Reset (Remove box styling)
   ========================================== */

.leconic-filter__label-wrap,
.leconic-filter__label,
.leconic-filter__item,
.leconic-filter__item-inner {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}


/* ==========================================
   Filter – Item Typography
   ========================================== */

.leconic-filter__label-wrap {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;

	font-family: "Inter", sans-serif;
	font-size: 0.8rem;
	font-weight: 300;
	font-style: normal;
	line-height: 1;
	letter-spacing: 0.1em;
	text-transform: uppercase;

	color: var(--lf-text);
	text-decoration: none;

	transition: color 0.2s ease, opacity 0.2s ease;
}


/* ==========================================
   Filter – Link Inheritance
   Ensures all inner elements follow typography
   ========================================== */

.leconic-filter__label,
.leconic-filter__label-wrap,
.leconic-filter__label-wrap a,
.leconic-filter__label-wrap span,
.leconic-filter__link {
	font: inherit;
	font-weight: 300 !important;
	color: inherit !important;
	text-decoration: none !important;
}


/* ==========================================
   Filter – States (Hover / Active / Disabled)
   ========================================== */

/* Hover */
.leconic-filter__item:hover .leconic-filter__label-wrap,
.leconic-filter__item:hover .leconic-filter__label-wrap a,
.leconic-filter__item:hover .leconic-filter__label-wrap span,
.leconic-filter__item:hover .leconic-filter__link {
	color: var(--lf-hover) !important;
	background: none !important;
}

/* Active */
.leconic-filter__item.is-active .leconic-filter__label-wrap,
.leconic-filter__item.is-active .leconic-filter__label-wrap a,
.leconic-filter__item.is-active .leconic-filter__item .leconic-filter__link,
.leconic-filter__item.is-active .leconic-filter__link {
	color: var(--lf-text) !important;
}

/* Disabled */
.leconic-filter__item.is-disabled .leconic-filter__label-wrap,
.leconic-filter__item.is-disabled .leconic-filter__label-wrap a,
.leconic-filter__item.is-disabled .leconic-filter__link {
	color: var(--lf-disabled) !important;
	opacity: 0.5;
}


/* ==========================================
   Filter – Input (Hidden checkbox)
   Keeps functionality, hides UI
   ========================================== */

.leconic-filter__input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}


/* ==========================================
   Filter – Titles
   ========================================== */

.wpc-filter-title {
	margin-bottom: 18px !important;

	font-family: "Inter", sans-serif !important;
	font-weight: 200 !important;
	font-size: 1.7rem !important;
	line-height: 2rem !important;
	letter-spacing: 0.075rem !important;

	color: #CCC0B5 !important;
}


/* ==========================================
   Debug (optional)
   ========================================== */

/*
.leconic-filter__item {
	outline: 1px solid red;
}
*/