@import url('https://fonts.googleapis.com/css2?family=Muli&display=swap');

/* Denna fil skapades för att redigera CSS i WBW, select2 och woocommerce elementer som annars skriver om vid uppdateringen.
 * Filen renderas efter style.css, select2.css och woocoommerce.css vilket betyder att ändringar i filen
 * kommer skriva om alla ändringar som kommer med tilläggar.
 * 
 * custom-fixes.css är kopplat till footer och kan hittas i botten av function.php filen.
 * Kamil 16.07.25
 * 
 * */

.select2-container {
	z-index: 95;
}

.select2-container .select2-dropdown {
	border: var(--wc-form-border-width,1px) solid #aaa;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-top: 0;
	padding-bottom: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #ffffff;
}

.woocommerce .select2-container--default .select2-selection--single {
	background-color: #141414;
}

.woocommerce h1.product_title {
	color: #fafafa;
	text-align: left;
}

.woocommerce div.product form.cart .variations th {
	text-align: left;
}

.woocommerce div.product form.cart .variations select {
	background-color: #141414;
	border-radius: 0.25rem;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}

/* Allting under den här kommentar är en del av WBW Product Filter och skriver om CSS dikterad av tillägget - Kamil 25.07.25 */

/* den här klass gömmer widgeter på single-product.php */
body.single-product #block-2, body.single-product #block-3 {
  display: none;
}

.wpfFilterWrapper {
	margin: 0 0 0.75em 0;
	font: inherit;
}

.wpfFilterWrapper[data-filter-type] {
	padding: 0;
	border-radius: 0.25rem;
}

.wpfFilterContent {
	border: 1px solid #aaa !important;
	border-radius: 0.25rem !important;
}

.wpfFilterContent .ms-search {
	background-color: #141414;
}

.ms-options-wrap > .ms-options > ul {
	background-color: #141414;
}

.ms-options-wrap > .ms-options > ul label {
	color: #ffffff;
}

.ms-options-wrap > .ms-options > ul li.selected label {
	background-color: #0073AA;
}

.ms-options-wrap > .ms-options > ul label:hover {
	background-color: #0073AA;
}

.wpfFilterWrapper ul:not(.wpfButtonsFilter) li {
	color: #999;
}

.ms-options-wrap > .ms-options {
	background-color: #141414;
	border-left: 1px solid #aaa !important;
	border-right: 1px solid #aaa !important;
	border-bottom: 1px solid #aaa !important;
	border-top: none !important;
	border-radius: 0.25rem !important;
	z-index: 95;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    background-color: #141414;
	border-radius: 0.25rem !important;
	border: none !important;
    padding: 5px 20px 5px 5px;
    margin: 0;
    font-size: 16px !important;
	text-overflow: ellipsis;
	overflow: hidden;
    color: #999 !important;
	font: inherit;
}

.ms-options-wrap > button:hover {
	background-color: #141414;
}

.wpfFilterButtons {
	width: fit-content;
  overflow: hidden;
}

.wpfFilterButton.wpfButton, 
.wpfClearButton.wpfButton {
	all: unset; /* Tar bort alla värde som tvingades av WBF styling */
	font-family: "MS Shell Dlg 2", Tahoma, sans-serif;
  display: inline-block;
  background: transparent;
  border: solid 1px #fc5a1f;
  border-radius: 5px;
  padding: 1em;
  color: #fafafa;
  font-size: 1rem;
  cursor: pointer;
  font-weight: normal;
  margin: 0.5em;
  transition: background-color ease 0.3s;
}

@media screen and (max-width: 767px) {
	body .select2-container {
		z-index: 95 !important;
	}
}