/**
 * PRL Recommendations Slider Styles
 * Styles for standalone wc-prl-recommendations sliders
 */

 .recommendation-slider .wc-prl-recommendations + .wc-prl-recommendations {
    border-top: 1px solid var(--wp--preset--color--border-box);
    padding-top: var(--wp--preset--spacing--space-4-rem);
    margin-top: var(--wp--preset--spacing--space-4-rem);
}

/* Slider container positioning */
.wc-prl-recommendations.prl-slider-initialized {
	position: relative;
}

/* Navigation wrapper - positioned after title */
.wc-prl-recommendations.prl-slider-initialized .prl_swiper_nav {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 1rem;
}

/* Navigation buttons */
.wc-prl-recommendations.prl-slider-initialized .swiper-button-next,
.wc-prl-recommendations.prl-slider-initialized .swiper-button-prev {
	position: static;
	width: 40px;
	height: 40px;
	margin: 0;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity 0.3s ease;
}

.wc-prl-recommendations.prl-slider-initialized .swiper-button-next::after,
.wc-prl-recommendations.prl-slider-initialized .swiper-button-prev::after {
	display: none;
}

.wc-prl-recommendations.prl-slider-initialized .swiper-button-disabled {
	opacity: 0.3;
	cursor: not-allowed;
}

/* Product list as swiper */
.wc-prl-recommendations.prl-slider-initialized ul.products.swiper-wrapper {
	display: flex !important;
	flex-wrap: nowrap !important;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: visible;
}

.wc-prl-recommendations.prl-slider-initialized ul.products li.product {
	flex-shrink: 0;
	width: auto;
	margin: 0;
}

/* Product styling */
.wc-prl-recommendations.prl-slider-initialized ul.products .product p {
	margin: 0;
}

.wc-prl-recommendations.prl-slider-initialized ul.products .product .woocommerce-loop-product__title {
	margin-bottom: 1rem;
	font-size: 14px;
	padding-top: 0;
	font-weight: 400 !important;
	text-transform: none;
}

.wc-prl-recommendations.prl-slider-initialized ul.products .product span.woocommerce-Price-amount.amount {
	font-size: 14px;
}

/* RTL Support */
[dir="rtl"] .wc-prl-recommendations.prl-slider-initialized .prl_swiper_nav {
	justify-content: flex-start;
}

div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations {
    border-bottom: 1px solid var(--wp--preset--color--border-box);
    padding-top: var(--wp--preset--spacing--space-4-rem);
    padding-right: var(--wp--preset--spacing--space-4-rem);
    padding-bottom: var(--wp--preset--spacing--space-4-rem);
    padding-left: var(--wp--preset--spacing--space-4-rem);
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	position: relative;
}

div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::before,
div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::after {
    content: "";
    background: #fff;
    width: 4rem;
    position: absolute;
    top: 1px;
    bottom: 1px;
    z-index: 9;
}

div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::before {
    left: calc(100% - 4rem);
}

div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::after {
    right: calc(100% - 4rem);
}

div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations .products {
    flex-basis: 100%;
    max-width: 100%;
}

.recommendation-slider .wc-prl-recommendations .prl_swiper_nav {
    position: relative;
    inset: auto;
    flex-direction: row-reverse;
}

.recommendation-slider .wc-prl-recommendations .prl_swiper_nav .swiper-button-next,
.recommendation-slider .wc-prl-recommendations .prl_swiper_nav .swiper-button-prev {
	position: static;
	margin: 0;
}

.recommendation-slider .wc-prl-recommendations {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Mobile styles */
@media (max-width: 1199px) {
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::before,
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::after {
		width: 3rem;
	}

	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::before {
		left: calc(100% - 3rem);
	}

	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::after {
		right: calc(100% - 3rem);
	}
}
@media (max-width: 1023px) {
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations {
		padding-inline: 0;
	}
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations .wc-prl-title {
		padding-inline: var(--wp--preset--spacing--space-4-rem);
	}
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations .products {
		overflow-x: auto;
		overflow-y: hidden;
		-ms-overflow-style: none;
		scrollbar-width: none;
		padding-inline: var(--wp--preset--spacing--space-4-rem);
	}
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations .products::-webkit-scrollbar {
		display: none;
	}
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::before,
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations::after {
		display: none;
	}
	div:not(.wp-block-matat-pandora-matat-product-recommendation) > .wc-prl-recommendations .products li {
		min-width: clamp(130px, 40vw, 370px);
		max-width: clamp(130px, 40vw, 370px);
	}
}
@media (max-width: 767px) {
	.wc-prl-recommendations.prl-slider-initialized .prl_swiper_nav {
		gap: 5px;
	}

	.wc-prl-recommendations.prl-slider-initialized .swiper-button-next,
	.wc-prl-recommendations.prl-slider-initialized .swiper-button-prev {
		width: 32px;
		height: 32px;
	}
}