/**
 * Style dla szablonu sklepu (kosmetyki-suplementy-page.php).
 *
 * Wyciągnięte z 4 bloków inline <style> (~345 linii) — sidebar, filtry,
 * grid produktów, paginacja, mobile cat slider.
 *
 * Enqueue warunkowy w functions.php (tylko dla page-template-kosmetyki-suplementy-page).
 *
 * @package geness
 */

/* === Karty produktów: cały box linkowany + floating (motion.css: .geness-hover-float-box) === */

.page-template-kosmetyki-suplementy-page ul.products > li.product:not(.banner-item) > a.shop-product-card-link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.page-template-kosmetyki-suplementy-page ul.products > li.product:not(.banner-item) > a.shop-product-card-link .custom-title,
.page-template-kosmetyki-suplementy-page ul.products > li.product:not(.banner-item) > a.shop-product-card-link .price {
	transition: color 0.25s ease;
}

@media (prefers-reduced-motion: reduce) {
	.page-template-kosmetyki-suplementy-page ul.products > li.product:not(.banner-item) > a.shop-product-card-link {
		transition: none;
	}
}

/* === Grid produktów (li.product) === */

li.product:nth-child(3n) {
	margin-right: 15px;
}

li.product:nth-child(16),
li.product:nth-child(13),
li.product:nth-child(10),
li.product:nth-child(6),
li.product:nth-child(3) {
	margin-right: 0;
}

li.product.banner-item {
	width: 100%;
	max-width: 860px;
	margin: 0 auto 70px;
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	background: #151410;
}

li.product.banner-item a {
	display: flex;
	justify-content: center;
}

/* === Sidebar + mobile cat slider === */

.mobile-cat-slider-section {
	display: none;
}

.swiper-slide.child-cat,
.swiper-slide.parent-cat {
	width: auto !important;
	flex-shrink: 0;
}

.swiper-slide.child-cat {
	color: #231f20;
	font-size: 12px;
	display: flex;
	font-family: "Wix Madefor Text", serif;
	text-decoration: none;
}

.swiper-slide.child-cat a,
.swiper-slide.parent-cat span {
	text-decoration: none;
	display: flex;
	width: auto;
	padding: 10px 16px;
	border-radius: 20px;
	margin-bottom: 9px;
	background: #fff;
	color: #231f20;
	font-size: 12px;
	font-family: "Wix Madefor Text", serif;
	cursor: pointer;
}

.mobile-cat-slider .swiper-horizontal {
	padding-bottom: 70px;
}

.mobile-cat-slider .swiper-button-prev,
.mobile-cat-slider .swiper-button-next {
	top: 75px;
}

button.back-to-parent {
	font-family: "Wix Madefor Text", serif;
	color: #2F3285;
	font-size: 14px;
	font-weight: 600;
	border: none;
	background: no-repeat;
	margin-bottom: 20px;
}

.mobile-cat-slider .swiper-button-prev {
	right: 60px;
}

.shop-products {
	width: 75%;
}

.child-header {
	cursor: pointer;
}

select.product-brand,
select.orderby {
	margin-bottom: 5px;
}

/* === Brand-disabled (gdy aktywny brand wymusza filtr na kategoriach) === */

.product-cat-item.brand-disabled {
	opacity: 0.35;
	pointer-events: none;
}

.product-cat-item.brand-disabled a,
.product-cat-item.brand-disabled li {
	cursor: default;
	pointer-events: none;
}

/* === Custom select dropdown (sort / brand / price / clear) === */

.custom-select {
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

.select-trigger {
	background: #ede3da;
	border: none;
	border-radius: 25px;
	padding: 12px 40px 12px 20px;
	cursor: pointer;
	font-size: 15px;
}

.select-trigger::after {
	content: "↓";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.select-dropdown {
	display: none;
	max-width: max-content;
	width: 100%;
	position: absolute;
	top: 110%;
	left: 0;
	background: #ede3da;
	border-radius: 18px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
	padding: 8px 0;
	z-index: 99;
	min-width: 215px;
	overflow: hidden;
}

.select-dropdown div {
	padding: 5px 18px;
	cursor: pointer;
}

.select-dropdown div:hover {
	background: #e2d6cc;
}

.custom-select.open .select-dropdown {
	display: block;
}

.select-dropdown .selected {
	font-weight: 600;
}

.select-trigger.is-active {
	font-weight: 600;
}

.select-dropdown div[data-disabled="true"] {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.custom-select-price .select-dropdown {
	min-width: 120px;
}

/* === Filtry produktów (select + paginacja) === */

.products-filters select.is-selected {
	font-weight: 600;
}

.products-filters select {
	border: none;
	color: #231f20;
	font-size: 15px;
	text-align: center;
	background: #ede3da;
	padding: 12px 20px;
	border-radius: 25px;
	margin-right: 10px;
	-webkit-appearance: none;
	appearance: none;
	width: auto;
	min-width: 90px;
	max-width: 300px;
}

.products-filters select option {
	text-align: left !important;
}

.Oferta-produkt-top-page {
	padding-top: 105px;
	padding-bottom: 65px;
}

.custom-pagination {
	display: flex;
	gap: 8px;
	align-items: center;
}

.custom-pagination a,
.custom-pagination span {
	padding: 6px;
	text-decoration: none;
	border-radius: 20px;
	min-width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
}

.custom-pagination .current {
	background: transparent;
	color: #000;
	font-weight: 500;
	border: 2px solid #2F3284;
}

.custom-pagination .dots {
	pointer-events: none;
}

.custom-pagination .prev,
.custom-pagination .next {
	font-weight: bold;
}

.custom-pagination a.prev img,
.custom-pagination a.next img,
.custom-pagination a.prev svg,
.custom-pagination a.next svg {
	width: 15px;
}

button.clear-filters {
	text-align: center;
	color: #2F3285;
	font-size: 13px;
	text-decoration: none;
	left: 0;
	background: no-repeat;
	border: none;
	cursor: pointer;
}

/* === Mobile (≤680px) === */

@media only screen and (max-width: 680px) {

	.product-thumb {
		height: 355px;
	}

	aside.shop-sidebar {
		display: none;
	}

	.mobile-cat-slider-section {
		display: block;
		position: relative;
	}

	.shop-products {
		width: 100%;
	}

	li.product {
		width: 48.5%;
		max-width: 250px;
		margin-right: 2%;
	}

	li.product:nth-child(even) {
		margin-right: 0;
	}

	li.product:nth-child(3n),
	li.product:nth-child(16),
	li.product:nth-child(14),
	li.product:nth-child(10),
	li.product:nth-child(8),
	li.product:nth-child(3) {
		margin-right: 2%;
	}

	li.product:nth-child(15),
	li.product:nth-child(13),
	li.product:nth-child(11),
	li.product:nth-child(9),
	li.product:nth-child(6) {
		margin-right: 0;
	}

	.page-template-kosmetyki-suplementy-page .prezent-slider-text-block {
		padding-right: 15px;
	}

	.products-filters select {
		font-size: 19px;
	}

	.swiper-slide.child-cat a,
	.swiper-slide.parent-cat span {
		font-size: 19px;
	}

	.mobile-cat-slider .swiper-button-prev,
	.mobile-cat-slider .swiper-button-next {
		top: 105px;
		height: 55px;
		width: 55px;
	}

	.mobile-cat-slider .swiper-horizontal {
		padding-bottom: 120px;
	}

	.mobile-cat-slider .swiper-button-prev {
		right: 85px;
	}

	button.back-to-parent {
		font-size: 19px;
	}

	li.product span.price,
	.custom-title {
		font-size: 15px;
	}
}