/* ==========================================================================
   Strona sklepu
   ========================================================================== */

body {
	overflow-x: hidden;
}

.woo-main__filters-title .text {
	font-size: 1.3rem;
	color: var(--font-color-4);
	margin-bottom: 0.5rem;
}

.woo-main__shop .page-title,
.woo-main__shop .woocommerce-result-count,
.woo-main__shop .woocommerce-ordering {
	display: none !important;
}

/*Przycisk load previous*/
.woo-main .woo-main__shop .lmp_load_more_button .lmp_button {
	position: relative;
	vertical-align: unset;
	transition: 0.3s;
	font-family: var(--btn-family) !important;
	font-weight: var(--btn-weight) !important;
	font-size: var(--btn-size) !important;
	line-height: var(--btn-lh) !important;
	padding: var(--btn-padding) !important;
	border-radius: var(--btn-radius) !important;
	margin: 2rem 0;
	color: var(--white-1) !important;
	background-color: var(--color-1) !important;
	border: 2px solid var(--color-1) !important;
}
.woo-main .woo-main__shop .lmp_load_more_button .lmp_button:hover {
	color: var(--white-1) !important;
	background-color: var(--color-1_hover) !important;
	border: 2px solid var(--color-1_hover) !important;
}


/* ==========================================================================
   FILTRY
   ========================================================================== */

.woo-main__filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	gap: 1.2rem;
	margin-bottom: 3rem;
    position: relative;
}

.woo-main__filters .filters-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	gap: 1.2rem;
}

.woo-main__filters .filters-select .bapf_head {
	display: none;
}

@media (max-width: 768px) {
	.woo-main__filters .filters-grid,
	.woo-main__filters .filters-grid > *:nth-child(odd):last-child {
		width: 100%;
	}
}

/* ==========================================================================
   Reset stylów dla widżetów
   ========================================================================== */
.berocket_single_filter_widget,
form.woocommerce-ordering {
	border: none; padding: 0; background: none; box-shadow: none;
	flex: 0 0 auto;
	position: static;
}
.berocket_single_filter_widget:hover { box-shadow: none; border-color: transparent; }
.woo-main__filters .bapf_sfilter,
.woo-main__filters .woocommerce-ordering {
	margin-bottom: 0;
}

.berocket_single_filter_widget .bapf_head {
    cursor: pointer;
}
.berocket_single_filter_widget.berocket_single_filter_widget_5009 .bapf_head,
.berocket_single_filter_widget.berocket_single_filter_widget_5011 .bapf_head {
    display: none;
}

/* ==========================================================================
   Główne style nagłówków filtrów
   ========================================================================== */
.berocket_single_filter_widget .bapf_head h3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 500;
	color: var(--font-color-2);
	background-color: var(--bg-1);
	border: 1px solid var(--bg-1);
	border-radius: var(--radius-full);
	padding: 0.8rem 1.8rem;
	margin: 0;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
}
.berocket_single_filter_widget .bapf_head h3:hover {
	background-color: var(--white-1);
	border-color: var(--bg-3);
}
.berocket_single_filter_widget .bapf_head h3::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%233d3d3d' d='M5 6L0 1l1-1l4 4l4-4l1 1z'/%3E%3C/svg%3E");
    display: inline-block;
    margin-left: 1rem;
	padding-bottom: 1px;
    vertical-align: middle;
    transition: transform 0.2s ease;
}

/* ==========================================================================
   Select 2
   ========================================================================== */
.woo-main__filters .select2 .select2-selection {
	display: flex;
	gap: 1rem;
	align-items: center;
	justify-content: space-between;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 500;
	color: var(--font-color-2);
	background-color: var(--bg-1);
	border: 1px solid var(--bg-1);
	border-radius: 2rem;
	padding: 1rem 1.8rem;
	margin: 0;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
}

.woo-main__filters .select2.select2-container {
	z-index: 1 !important;
}

.woo-main__filters .bapf_sfilter {
	margin-bottom: 0;
}

.woo-main__filters .select2-container .select2-selection--single .select2-selection__arrow {
	position: relative;
	top: unset;
	right: unset;
	left: unset;
	bottom: unset;
}

.woo-main__filters .select2-container .select2-selection--single .select2-selection__rendered {
	padding: 0;
}

.select2-container--default .select2-dropdown {
    width: 30rem !important; 
    min-width: 0 !important; 
    max-width: 95vw !important; 
    border: 1px solid var(--bg-3, #ccc);
    border-radius: var(--radius-1, 4px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 9999;
	font-size: 1.6rem;
}

.select2-results__option {
    white-space: normal !important;
    word-wrap: break-word;
}

/* ==========================================================================
   Sortowanie i list z filtrami
   ========================================================================== */
form.woocommerce-ordering select.orderby,
.woo-main__filters .bapf_slct select {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 500;
	color: var(--font-color-2);
	background-color: var(--bg-1);
	border-radius: var(--radius-full);
	padding: 0.8rem 3.6rem 0.8rem 1.8rem;
	margin: 0;
	transition: all 0.2s ease !important;
	white-space: nowrap;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%233d3d3d' d='M5 6L0 1l1-1l4 4l4-4l1 1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.8rem center;
	border: 1px solid var(--bg-1);
}
form.woocommerce-ordering select.orderby:hover,
.woo-main__filters .bapf_slct select:hover {
	background-color: var(--white-1);
	border-color: var(--bg-3);
}
form.woocommerce-ordering::before { display: none; }

/* ==========================================================================
   Filtry z opcjami rozwijanymi
   ========================================================================== */
.filters-option .bapf_body {
	position: absolute;
	top: calc(100% + 0.8rem);
	left: 0; z-index: 999;
	background: var(--white-1);
	border-radius: 0.8rem;
	box-shadow: var(--shadow-1);
	padding: 20px;
	min-width: 260px;
	opacity: 0; visibility: hidden;
	transition: opacity 0s ease, visibility 0s linear 0.3s;
}
.berocket_single_filter_widget .bapf_body ul {
	display: flex;
	flex-wrap: wrap;
}
.filter--is-open { position: relative; }
.filter--is-open .bapf_body {
	padding: 1.5rem;
	pointer-events: auto; opacity: 1; visibility: visible;
	transition: opacity 0.3s ease, visibility 0s linear 0s;
}
@media (max-width: 768px) {
	
	.js-velif-toggle-filter,
	.berocket_single_filter_widget {
		width: calc(50% - .6rem);
	}
	
	.js-velif-toggle-filter a,
	.berocket_single_filter_widget .bapf_head h3 {
		width: 100%;
	}
	
    .woo-main__filters .berocket_single_filter_widget .bapf_body {
        left: 0;
        right: 0;
		min-width: unset;
    }
	
	.woo-main__filters .woocommerce-ordering,
	.woo-main__filters form.woocommerce-ordering select.orderby {
		width: 100%;
	}
}

@media (max-width: 350px) {
	.js-velif-toggle-filter,
	.berocket_single_filter_widget {
		width: 100%;
	}
}

/* ==========================================================================
   Stan otwarty filtra
   ========================================================================== */
.filter--is-open .bapf_head h3 { background-color: var(--white-1); border-color: var(--bg-3); }
.filter--is-open .bapf_head h3::after { transform: rotate(180deg); }

/*filter z kolorami i zdjęciami*/
.woo-main__filters .bapf_sfilter .bapf_clr_span,
.woo-main__filters .bapf_img_woborder.bapf_sfilter .bapf_img_span {
	transition: all .2s ease;
	border-radius: var(--radius-2);
	box-shadow: 
		0px 0px 0px 1px rgba(0, 0, 0, 0.2);
}
.woo-main__filters .bapf_sfilter .bapf_clr_span:hover,
.woo-main__filters .bapf_img_woborder.bapf_sfilter .bapf_img_span:hover {
	filter: brightness(.7);
}
.woo-main__filters .bapf_sfilter.brchecked_default input:checked+label .bapf_clr_span,
.woo-main__filters .bapf_sfilter.brchecked_default input:checked+label .bapf_img_span {
	transform: unset;
	box-shadow: 
		0px 0px 0px 1px rgba(0, 0, 0, 0.1),
		0px 0px 0px 3px rgba(0, 0, 0, 0.6);
}

/* ==========================================================================
   Aktywne filtry
   ========================================================================== */

.berocket_single_filter_widget[data-id="4982"] {
	flex: 1 1 100%;
	order: 10;
	margin-top: 1rem;
}
.berocket_single_filter_widget[data-id="4982"] .bapf_body {
	position: static !important;
	box-shadow: none !important;
	border: none !important;
	padding: 0 !important;
	min-width: unset !important;
	pointer-events: auto; opacity: 1; visibility: visible;
	background: unset;
}
.berocket_single_filter_widget[data-id="4982"] .bapf_head { display: none; }
.berocket_single_filter_widget[data-id="4982"] .berocket_aapf_widget_selected_filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.8rem;
}
.berocket_single_filter_widget[data-id="4982"] .bapf_sfa_taxonomy,
.berocket_single_filter_widget[data-id="4982"] .bapf_sfa_taxonomy ul,
.berocket_single_filter_widget[data-id="4982"] .bapf_sfa_taxonomy ul li,
.berocket_single_filter_widget[data-id="4982"] .bapf_sfa_unall,
.berocket_single_filter_widget[data-id="4982"] .bapf_sfa_unall li {
	display: contents;
}
.berocket_single_filter_widget[data-id="4982"] .bapf_sfa_taxonomy span { display: none; }

/* Pojedynczy tag aktywnego filtra */
.woo-main__filters .berocket_single_filter_widget[data-id="4982"] a.braapf_unselect {
	display: inline-flex !important;
	align-items: center;
    gap: 0.5rem;
	background-color: var(--color-1);
	color: var(--white-1);
	border: 1px solid var(--color-1);
	height: 2.8rem;
	padding: .4rem .8rem .4rem 1.2rem;
	border-radius: var(--radius-full);
	font-size: 1.3rem;
	line-height: 1;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.woo-main__filters .berocket_single_filter_widget[data-id="4982"] a.braapf_unselect:before { 
    display: none; 
}

.woo-main__filters .berocket_single_filter_widget[data-id="4982"] a.braapf_unselect:after {
    content: '';
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    background-size: 1.2rem;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
}

.woo-main__filters .berocket_single_filter_widget[data-id="4982"] a.braapf_unselect:hover {
	background-color: var(--alert-danger);
	border-color: var(--alert-danger);
}
.woo-main__filters .berocket_single_filter_widget[data-id="4982"] a.braapf_unselect:hover:after {
    transform: rotate(90deg);
}

/* Przycisk "Wyczyść wszystko" */
.woo-main__filters .berocket_single_filter_widget[data-id="4982"] a.braapf_unselect_all {
	margin-left: auto;
	font-weight: 600;
	color: var(--color-1);
	text-decoration: none;
	font-size: 1.3rem;
	padding: 0.5rem 1rem;
	transition: color .2s ease;
}
.woo-main__filters .berocket_single_filter_widget[data-id="4982"] a.braapf_unselect_all:hover { color: var(--alert-danger); }


/*cena*/
.irs--round .irs-from,
.irs--round .irs-to {
	background-color: var(--color-1);
}
.irs--round .irs-from:before,
.irs--round .irs-to:before {
	border-top-color: var(--color-1);
}

.irs--round .irs-handle {
	border-color: var(--color-1);
}

.irs--round .irs-bar {
	background-color: var(--color-1);
}


/* ==========================================================================
   PROMOCJE, WYRÓŻNIONE
   ========================================================================== */
.velif-sale-filter a,
.velif-featured-filter a {
    display: inline-block;
    font-size: 1.4rem;
	line-height: 1.4;
    font-weight: 500;
    color: var(--font-color-2);
    background-color: var(--bg-1);
    border: 1px solid var(--bg-1);
    border-radius: var(--radius-full);
    padding: 0.8rem 1.8rem;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
	cursor: pointer;
}
.velif-sale-filter a.is-active,
.velif-featured-filter a.is-active {
	background-color: var(--color-1);
    border-color: var(--color-1);
	color: var(--white-1);
}
.velif-sale-filter a:hover,
.velif-featured-filter a:hover {
    background-color: var(--white-1);
    border-color: var(--bg-3);
	color: var(--font-color-2);
}
.velif-sale-filter a:focus-visible {
    outline: 2px solid var(--color-1);
    outline-offset: 0.2rem;
}