/**
 * TAQ Slider Navigation
 *
 * Parent Container:
 * taq-slider-group
 *
 * Elementor Icon List:
 * taq-slider-nav
 */

/* Inactive state */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	a,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-text,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	i {
	color: #9b9b9b !important;
	cursor: pointer;
	transition:
		color 0.3s ease,
		opacity 0.3s ease !important;
}

/* Inactive hover state */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active):hover,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active):hover
	a,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active):hover
	.elementor-icon-list-text,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active):hover
	.elementor-icon-list-icon,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active):hover
	.elementor-icon-list-icon
	i {
	color: #555555 !important;
}

/* Active state */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item.taq-nav-is-active,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item.taq-nav-is-active
	a,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item.taq-nav-is-active
	.elementor-icon-list-text,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item.taq-nav-is-active
	.elementor-icon-list-icon,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item.taq-nav-is-active
	.elementor-icon-list-icon
	i {
	color: #000000 !important;
}

/* -------------------------------------------------------------
 * SVG icon color — without adding artificial strokes
 * ------------------------------------------------------------- */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	line-height: 1;
	overflow: visible;
}

/*
 * Important:
 * Do not set stroke: currentColor on the SVG root.
 * That would add a stroke to filled paths.
 */
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	svg {
	display: block;
	max-width: none;
	overflow: visible !important;
	color: inherit !important;

	/*
	 * Filled elements may inherit the current text color,
	 * but strokes must not be created automatically.
	 */
	fill: currentColor;
	stroke: none;

	transition:
		color 0.3s ease,
		fill 0.3s ease,
		stroke 0.3s ease !important;
}

/*
 * Recolor only elements that already have a fill.
 * This does not add a new stroke.
 */
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	svg
	[fill]:not([fill="none"]):not([fill="transparent"]) {
	fill: currentColor !important;
}

/*
 * Recolor only elements that already have a stroke.
 *
 * Unlike the previous CSS, this selector does not add a stroke
 * to elements that were originally fill-only.
 */
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	svg
	[stroke]:not([stroke="none"]):not([stroke="transparent"]) {
	stroke: currentColor !important;
}

/*
 * Preserve explicitly stroke-based paths and shapes.
 */
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	svg
	path[stroke]:not([stroke="none"]),
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	svg
	line[stroke]:not([stroke="none"]),
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	svg
	polyline[stroke]:not([stroke="none"]),
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	svg
	circle[stroke]:not([stroke="none"]),
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	.elementor-icon-list-icon
	svg
	rect[stroke]:not([stroke="none"]) {
	stroke: currentColor !important;
}

/* Active SVG color */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item.taq-nav-is-active
	.elementor-icon-list-icon,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item.taq-nav-is-active
	.elementor-icon-list-icon
	svg {
	color: #000000 !important;
}

/* Inactive SVG color */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active)
	.elementor-icon-list-icon,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active)
	.elementor-icon-list-icon
	svg {
	color: #9b9b9b !important;
}

/* Hover color for inactive SVG */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active):not(
		.taq-nav-is-disabled
	):hover
	.elementor-icon-list-icon,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:not(.taq-nav-is-active):not(
		.taq-nav-is-disabled
	):hover
	.elementor-icon-list-icon
	svg {
	color: #555555 !important;
}


/* Keyboard focus */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item:focus-visible {
	outline: 2px solid currentColor !important;
	outline-offset: 5px;
}

/* Extra unmatched items */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item.taq-nav-is-disabled {
	color: #c8c8c8 !important;
	cursor: not-allowed;
	opacity: 0.45;
	pointer-events: none;
}

/* Accordion keyboard state */

.taq-hover-accordion-item:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.95);
	outline-offset: -4px;
}

/* Reduced motion */

@media (prefers-reduced-motion: reduce) {
	.taq-slider-group
		.taq-slider-nav
		.elementor-icon-list-item,
	.taq-slider-group
		.taq-slider-nav
		.elementor-icon-list-item
		* {
		transition: none !important;
	}
}
/* -------------------------------------------------------------
 * Prevent SVG clipping/cropping
 * ------------------------------------------------------------- */

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-item
	a,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-icon,
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-icon
	svg {
	overflow: visible !important;
}

.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-icon {
	box-sizing: content-box;
	padding: 2px;
}

/*
 * Prevent the icon column from shrinking when titles are long.
 */
.taq-slider-group
	.taq-slider-nav
	.elementor-icon-list-icon {
	flex-grow: 0;
	flex-shrink: 0;
}