/**
 * Contains styles for HEADER
 **/

/***** HEADER *****/
.widget-sidebar-header-above, .widget-sidebar-header {
	padding: 0px !important; 
}
.header-columns.desktop {
	display: flex; 
}
.header-columns.mobile {
	display: none !important; 
}
header.site-header {
	padding: 0; 
	margin-bottom: 0 !important; 
	border-bottom: none; 
	display: block !important; 
	/*position: fixed;*/
	width: 100%;
}
header.site-header :where(.wp-block-columns) {
	margin: 0; 
}
.widget-sidebar-header-above {
	background: var(--secondary);
	border-bottom: 1px solid #ffffff;
	padding: 10px 0px !important;
}
.widget-sidebar-header {
	background: var(--primary);
}
.widget-sidebar-header-above,
.widget-sidebar-header {
	padding: 12px 0px;
}
.widget-sidebar-header-above .header-columns,
.widget-sidebar-header .header-columns {
	max-width: 1200px; 
	margin: 0 auto; 
	padding: 0px 20px;
}
.currency-switcher-column {
	display: flex; 
	justify-content: end;
	margin-top: -3px !important;
}
/*Landsväljare*/
.currency-switcher-column .wpml-language-switcher-block {
	width: 80px !important; 
	margin: 0 !important; 
	color: #ffffff;
}
.currency-switcher-column .wpml-language-switcher-block ul li ul li:hover {
	background-color: #ffffff !important; 
}
.currency-switcher-column .wpml-language-switcher-block ul li ul li a span:hover {
	color: #000000 !important; 
}
.currency-switcher-column .wpml-language-switcher-block ul li ul li a {
	padding: 4px 20px !important;
	border-bottom: 1px solid #dddddd !important;
}
.currency-switcher-column .wpml-language-switcher-block ul li ul li a:last-child {
	border-bottom: 0px; 
}
/*Valutaväljare*/
.currency-switcher-column .widget.widget_currency_sel_widget {
	width: 80px !important; 
}
.wcml-dropdown {
	margin: 0 !important; 
}
.currency-switcher-column .wcml-dropdown li {
	background: var(--secondary);
	border-color: var(--secondary);
	margin-bottom: -7px; 
}
.currency-switcher-column .product.wcml-dropdown .wcml-cs-active-currency>a {
	color: #ffffff;
}
.my-pages-icon a {
	color: #000000;
	font-size: 30px;
    padding-top: 13px;
	display: block;
}
.wc-block-mini-cart__badge {
	color: #ffffff;
	font-size: 14px !important; 
}
.wc-block-mini-cart__button:hover {
	background: transparent; 
	opacity: 1 !important; 
}
.mobile-menu-button {
	font-size: 30px; 
	color: #000000;
	padding: .75em .5em;
}
/***** RESPONSIVE STYLES *****/
/* Mobile styles */
@media only screen and (max-width: 768px) {
	.header-columns.desktop {
		display: none; 
	}
	.header-columns.mobile {
		display: flex !important; 
	}
	.header-above-left-mobile {
		flex-basis: 70% !important;
	}
	.site-header .has-text-align-center {
		text-align: left; 
	}
	.currency-switcher-column {
		flex-basis: 30% !important;
	}
	.currency-switcher-column .wpml-language-switcher-block {
		width: 200px !important; 
	}
}