/* =====================================================
   CATEGORY SLIDER
   ===================================================== */

.category-slider-wrapper {
	max-width: 1440px;
	margin: 0 auto;
	padding: 50px 0px 40px;
	position: relative;
	opacity: 0;
	transition: opacity 0.3s ease;

	&[data-swiper-init="true"],
	&.no-slider-init {
		opacity: 1;
	}

	.category-slider {
		overflow: hidden;
		position: relative;

		.swiper-button-prev,
		.swiper-button-next {
			width: 42px;
			height: 42px;
			background: rgba(255, 255, 255, 0.92);
			border-radius: 50%;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
			transition: box-shadow 0.2s ease, background 0.2s ease;

			&:hover {
				background: #fff;
				box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
			}

			&::after {
				font-size: 16px;
				font-weight: 700;
				color: #333;
			}
		}

		.swiper-button-prev {
			left: 6px;
		}

		.swiper-button-next {
			right: 6px;
		}
	}

	.swiper-wrapper.no-swiper {
		display: flex;
		flex-wrap: nowrap;
		gap: 20px;
		transform: none !important;

		.swiper-slide {
			flex: 1;
			max-width: calc((100% - 100px) / 6);
		}
	}

	.category-slide {
		display: flex;
		flex-direction: column;

		.category-slide__link {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-decoration: none !important;
			color: inherit;
			width: 100%;
			transition: transform 0.25s ease;
            line-height: 1.2;
			&:hover {
				.category-slide__image img {
					transform: scale(1.05);
				}
			}
		}

		.category-slide__image {
			width: 100%;
			aspect-ratio: 1 / 1;
			overflow: hidden;
			border-radius: 6px;
			margin-bottom: 14px;
            
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				display: block;
				transition: transform 0.35s ease;
				border-radius: inherit;
                will-change: transform;
			}
		}

		.category-slide__title {
			font-size: 15px;
			font-weight: 500;
			line-height: 1.4;
			color: #24317c;
			padding: 0 4px;
            font-weight: 500;
            text-align: center;
		}
	}

	/* Elementor editor */
	.elementor-editor-active & {
		opacity: 1 !important;
		min-height: 120px;

		.swiper-wrapper {
			display: flex;
			flex-wrap: nowrap;
			gap: 20px;
			overflow: hidden;
		}

		.swiper-slide {
			flex: 0 0 auto;
			width: calc((100% - 100px) / 6);
			min-width: 0;
		}

		.swiper-button-prev,
		.swiper-button-next {
			display: flex;
		}
	}

	/* Responsive */
	@media (max-width: 1024px) {
		.swiper-wrapper.no-swiper .swiper-slide {
			max-width: calc((100% - 60px) / 4);
		}
	}

	@media (max-width: 768px) {
		padding: 10px 0 10px;

		.swiper-wrapper.no-swiper {
			flex-wrap: wrap;
			gap: 16px;

			.swiper-slide {
				max-width: calc((100% - 32px) / 3);
			}
		}

		.category-slide__title {
			font-size: 13px;
		}

		.category-slider {
			.swiper-button-prev,
			.swiper-button-next {
				width: 36px;
				height: 36px;

				&::after {
					font-size: 14px;
				}
			}
		}
	}

	@media (max-width: 480px) {
		.swiper-wrapper.no-swiper .swiper-slide {
			max-width: calc((100% - 16px) / 2);
		}

		.category-slide__image {
			margin-bottom: 10px;
		}

		.category-slide__title {
			font-size: 12px;
		}
	}
}