/* ==========================================================================
   product-list.css
   Produktarkiv/kategorisidor – layout, header-bild, breadcrumb, sidebar
   ========================================================================== */


/* ============================= PRODUKTBILDER BAKGRUND ============================= */

.woocommerce ul.products li.product a img {
	background-color: #f4f4f4;
}


/* ============================= TOPPANEL OCH LAYOUT-FIXAR ============================= */

.top_panel, [class*="scheme_"].top_panel {
	background-color: initial;
}

.page_content_wrap .content_wrap {
	position: relative !important;
}

.fixed_blocks_sticky .sidebar {
	position: static;
}

.page_content_wrap {
	padding-top: initial !important;
}


/* ============================= SIDEBAR FILTER PÅ MOBIL ============================= */

@media (max-width: 1023px) {
	.sidebar_small_screen_float.sidebar_left .sidebar_control {
		right: -2.8em !important;
	}

	.sidebar.widget_area.left.sidebar_float {
		height: 100lvh;
		top: 0 !important;
		bottom: initial;
	}

	.woocommerce.sidebar_show .kayon_woocommerce_filters_button {
		display: none;
	}

	.sidebar_small_screen_float .sidebar_control::after {
		content: "\e863" !important;
		font-size: 18px;
	}
}


/* ============================= KATEGORIBILD I HEADER (OVANFÖR PRODUKTLISTA) ============================= */

.widgets_above_page #above_content_widgets {
	min-height: 150px;
	background-position: center;
	background-size: cover;
	background-color: rgba(0,0,0,0.3);
	background-blend-mode: darken;
}

.widgets_above_page_wrap {
	margin-left: min((100vw - 1920px + 120px) / 2 * -1, -1 * var(--theme-var-page_fullwide_extra));
	margin-right: min((100vw - 1920px + 120px) / 2 * -1, -1 * var(--theme-var-page_fullwide_extra));
}


/* ============================= BREADCRUMB I KATEGORIBILD ============================= */

.widgets_above_page .woocommerce-breadcrumb {
	position: absolute;
	z-index: 1;
	bottom: 0;
	max-width: 1800px;
	left: 0;
	right: 0;
	padding-left: var(--theme-var-page_fullwide_extra);
	padding-right: var(--theme-var-page_fullwide_extra);
	margin: 0 auto 20px;
	display: flex;
	row-gap: 20px;
	align-items: center;
	font-size: clamp(12px, 3vw, 16px);
}

.widgets_above_page .woocommerce-breadcrumb .woocommerce-breadcrumb-item {
	padding: 10px;
	background-color: rgba(0,0,0,0.5);
	color: #aaa;
}

.widgets_above_page .woocommerce-breadcrumb .woocommerce-breadcrumb-item a {
	color: white;
}


/* ============================= KATEGORITITEL OCH BESKRIVNING ============================= */

.widgets_above_page .woocommerce-products-header__title {
	text-align: center;
	margin: 0 auto;
	color: white;
	padding-top: 50px;
	font-size: clamp(18px, 5vw, 46px);
}

@media (max-width: 600px) {
	.widgets_above_page .term-description p {
		line-height: 20px;
	}
}

.widgets_above_page .term-description {
	padding-bottom: 90px;
}

.widgets_above_page .term-description p {
	margin: 0 auto;
	color: white;
	padding: 0 20px;
	max-width: 800px;
}

.widgets_above_page .term-description p a {
	color: white;
	text-decoration: underline;
}

.widgets_above_page .term-description p a:hover {
	color: var(--theme-color-text_link);
}


/* ============================= DÖLJ FILTER-TAGGAR ============================= */

.widgets_above_page .wpc-custom-selected-terms {
	display: none;
}