/*
Theme Name: ELKITI
Theme URI: https://shop.elkiti.es
Author: ELKITI
Author URI: https://shop.elkiti.es
Description: Lightweight WooCommerce theme for a football jersey store, built for the Spanish market. Every section editable in the Customizer; full Elementor support (pages, header/footer blocks, ELKITI widgets, Elementor Pro Theme Builder).
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jersey-co
Tags: e-commerce, custom-colors, custom-menu, editor-style, featured-images, full-width-template, threaded-comments, translation-ready
*/


/* Homepage image slider */
.jc-image-slider {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #0a0a0a;
}

.jc-image-slider__viewport {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.jc-image-slider__track {
	display: flex;
	width: 100%;
	transform: translate3d(0, 0, 0);
	transition: transform 500ms cubic-bezier(.22, .61, .36, 1);
	will-change: transform;
}

.jc-image-slider__slide {
	flex: 0 0 100%;
	width: 100%;
	position: relative;
}

.jc-image-slider__link {
	display: block;
	width: 100%;
}

.jc-image-slider__image {
	display: block;
	width: 100%;
	height: clamp(260px, 42vw, 620px);
	object-fit: cover;
}

.jc-image-slider__button {
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 44px;
	height: 44px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, .55);
	color: #fff;
	cursor: pointer;
	font-size: 32px;
	line-height: 1;
	transition: background-color 180ms ease, transform 180ms ease;
}

.jc-image-slider__button:hover {
	background: rgba(0, 0, 0, .8);
}

.jc-image-slider__button:focus-visible,
.jc-image-slider__dot:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.jc-image-slider__button--prev {
	left: 16px;
}

.jc-image-slider__button--next {
	right: 16px;
}

.jc-image-slider__dots {
	position: absolute;
	left: 50%;
	bottom: 18px;
	z-index: 2;
	display: flex;
	gap: 8px;
	transform: translateX(-50%);
}

.jc-image-slider__dot {
	width: 9px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .55);
	cursor: pointer;
	transition: transform 180ms ease, background-color 180ms ease;
}

.jc-image-slider__dot.is-active {
	background: #fff;
	transform: scale(1.25);
}

@media (max-width: 767px) {
	.jc-image-slider__image {
		height: 56vw;
		min-height: 220px;
		max-height: 420px;
	}

	.jc-image-slider__button {
		width: 38px;
		height: 38px;
		font-size: 27px;
	}

	.jc-image-slider__button--prev {
		left: 10px;
	}

	.jc-image-slider__button--next {
		right: 10px;
	}

	.jc-image-slider__dots {
		bottom: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jc-image-slider__track {
		transition: none;
	}
}