:root {
	--wd-text-font: Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(56,56,56);
	--wd-text-font-size: 16px;
	--wd-title-font: Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgba(0, 0, 0, 0.43);
	--wd-alternative-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font: Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 15px;
	--wd-header-el-font: Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 12px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #ed8d4b;
	--wd-alternative-color: #ed8d4b;
	--btn-default-bgcolor: rgb(255,255,255);
	--btn-default-bgcolor-hover: #ed8d4b;
	--btn-accented-bgcolor: rgb(255,255,255);
	--btn-accented-bgcolor-hover: rgb(237,141,75);
	--btn-accented-color: rgb(0,0,0);
	--btn-accented-color-hover: rgb(255,255,255);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(237,141,75);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(56,56,56);
	--wd-link-color-hover: #5a5a5a;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 180px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.whb-general-header .wd-nav.wd-nav-secondary > li > a, .whb-header-bottom .wd-nav.wd-nav-secondary > li > a, html .whb-header .wd-header-cats .menu-opener, html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li > a {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 400;
	font-size: 16px;
	text-transform: inherit;
	color: rgb(0,0,0);
}
.whb-general-header .wd-nav.wd-nav-secondary > li:hover > a, .whb-general-header .wd-nav.wd-nav-secondary > li.current-menu-item > a, .whb-header-bottom .wd-nav.wd-nav-secondary > li:hover > a, .whb-header-bottom .wd-nav.wd-nav-secondary > li.current-menu-item > a, html .whb-header .wd-header-cats .menu-opener:hover, html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li:hover > a {
	color: rgba(0,0,0,0.83);
}
html .wd-product .price {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 500;
	font-size: 18px;
	text-transform: none;
	color: rgb(0,0,0);
}
html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del {
	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 400;
	color: rgb(0,0,0);
}
html .product.wd-product del {
	font-size: 16px;
	color: rgb(127,127,127);
}
html .wd-nav.wd-layout-drilldown > li > a, html .wd-nav.wd-layout-drilldown > li [class*="sub-menu"] > :is(.menu-item,.wd-drilldown-back) > a, html .wd-nav.wd-layout-drilldown .woocommerce-MyAccount-navigation-link > a {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 400;
	color: rgb(0,0,0);
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: Arial, Helvetica, sans-serif;	font-weight: 400;
	text-transform: inherit;
	color: rgb(255,255,255);
}
.whb-top-bar .wd-nav.wd-nav-secondary > li:hover > a, .whb-top-bar .wd-nav.wd-nav-secondary > li.current-menu-item > a {
	color: rgb(255,255,255);
}
html .cookies-buttons .cookies-accept-btn {
	color: rgb(0,0,0);
}
html .cookies-buttons .cookies-accept-btn:hover {
	background: #ed8d4b;
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button {
	text-transform: inherit;
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}
html .btn.wd-buy-now-btn {
	text-transform: inherit;
	color: rgb(0,0,0);
	background: rgb(255,255,255);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(0,0,0);
	background: rgb(255,255,255);
}
html .cart-totals-inner .checkout-button {
	font-size: 15px;
	text-transform: inherit;
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}
html .cart-totals-inner .checkout-button:hover {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}
html .wd-page-wrapper .return-to-shop .button {
	text-transform: inherit;
	color: rgb(255,255,255);
	background: rgb(237,141,75);
}
html .wd-page-wrapper .return-to-shop .button:hover {
	color: rgb(255,255,255);
	background: rgb(0,0,0);
}
.wd .product-label.onsale {
	background-color: rgb(221,51,51);
}
.wd .product-label.featured {
	background-color: rgb(221,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 400px;
}

@media (max-width: 1024px) {
	:root {
		--wd-text-font-size: 16px;
	}
	.whb-general-header .wd-nav.wd-nav-secondary > li > a, .whb-header-bottom .wd-nav.wd-nav-secondary > li > a, html .whb-header .wd-header-cats .menu-opener, html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li > a {
		font-size: 16px;
	}
	html .wd-product .price {
		font-size: 18px;
	}
	html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del {
		font-size: 18px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price {
		font-size: 20px;
	}
	html .cart-totals-inner .checkout-button {
		font-size: 15px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: 16px;
	}
	.whb-general-header .wd-nav.wd-nav-secondary > li > a, .whb-header-bottom .wd-nav.wd-nav-secondary > li > a, html .whb-header .wd-header-cats .menu-opener, html .wd-dropdown-cats .wd-nav.wd-nav-vertical > li > a {
		font-size: 16px;
	}
	html .wd-product .price {
		font-size: 20px;
	}
	html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del, html .product-image-summary-wrap .variations_form .woocommerce-variation-price > .price del, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price del {
		font-size: 18px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price, html .product-image-summary-wrap .variations_form .woocommerce-variation-price .price, html .wd-single-add-cart .variations_form .woocommerce-variation-price .price {
		font-size: 22px;
	}
	html .cart-totals-inner .checkout-button {
		font-size: 15px;
	}

}
:root{
--wd-container-w: 1250px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
--wd-cat-brd-radius: 8px;
}

@media (min-width: 1250px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1250px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1250px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgba(10,10,10,0);
}

body .product-list-item .product-wrapper{display:flex;align-items:left;flex-wrap:nowrap}
body .product-list-item .product-element-top{flex:0 0 30%;margin-bottom:0!important;margin-right:15px}
body .product-list-item .product-list-content{flex:1 1 auto;text-align:start}
body.product-list-item:not(:last-child).variation-swatch-selected .reset_variations,.wd-sticky-nav-title{display:none!important}


#ID\:38069 .wd-off-canvas-btn a {
    display: inline-flex;
    line-height: 1; 
    transform: translateY(-2px); /* Nu kommer decimalen svara mycket bättre */
}

/* .single-product ser till att koden BARA körs på produktsidor */
.single-product .wd-product-brands img {
    max-width: 140px !important; 
    max-height: 120px !important;
}

/* Specifik storlek för mobilen */
@media (max-width: 767px) {
    .single-product .wd-product-brands img {
        max-width: 120px !important;
    }
}





/* 1. Layout: Radbrytning för mobilen */
.wd-active-filters, 
.widget_layered_nav_filters ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* 2. Aktiva filter-bubblor med grå bakgrund */
.wd-active-filters > a:not(.wd-clear-filters),
.widget_layered_nav_filters ul li a {
    background-color: #f2f2f2 !important;
    padding: 1px 5px !important;
    font-size: 13px;
    border-radius: 50px !important;
    border: 1px solid #e0e0e0 !important;
    display: inline-flex;
}

/* 1. Ändra färg på enbart texten i Rensa-knappen */
.wd-active-filters .wd-clear-filters.wd-action-btn > a {color: rgb(214, 67, 0)}

/* 3. Hover-effekt för enbart denna knapp */
.wd-active-filters .wd-clear-filters.wd-action-btn > a:hover {color: #000}

.tax-product_cat .page-title-default {
    background-color: #f5f5f5 !important; /* Din gråa färg */
    background-image: none !important;
}








/* 1. TRIGGER (LOGGA + TEXT) */
#svea-trigger-wrapper { 
    clear: both; 
    display: inline-flex !important; 
    width: fit-content !important; 
    transition: all 0.2s ease-in-out;
}

#svea-trigger-wrapper:hover {
    border-color: #f36f21 !important;
    background-color: #ffffff !important;
}

#open-svea-slideout {
    text-decoration: none !important; /* Tar bort understrykningen */
}

/* 2. SLIDE-OUT SYSTEM */
#svea-overlay-wrapper {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0);
    visibility: hidden;
    transition: background 0.4s ease, visibility 0.4s;
    z-index: 9999999 !important;
}
#svea-overlay-wrapper.active { background: rgba(0,0,0,0.6); visibility: visible; }

#svea-slideout-panel {
    position: fixed;
    top: -10px; right: -600px;
    width: 500px; height: 100%;
    background: #fff;
    box-shadow: -5px 0 15px rgba(0,0,0,0.3);
    transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding: 40px 30px 60px; /* Mer luft i botten */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 99999999 !important;
}
#svea-overlay-wrapper.active #svea-slideout-panel { right: 0; }

/* 3. STÄNG-KNAPP */
.close-btn { float: right; cursor: pointer; display: flex; align-items: center; gap: 8px; color: #000;margin-top: -10px; margin-right: -10px}
.close-btn .cross { font-size: 35px; line-height: 1}
.close-btn .close-text { font-size: 13px; text-transform: uppercase; font-weight: bold}

/* 4. MOBILANPASSNING */
@media (max-width: 600px) {
    #svea-slideout-panel { 
        width: 100% !important; 
        right: -100% !important; 
        padding: 30px 20px 80px !important; 
    }
    #svea-overlay-wrapper.active #svea-slideout-panel { right: 0 !important; }
}

.woocommerce-cart .woocommerce-notices-wrapper,
.woocommerce-checkout .woocommerce-notices-wrapper {
    display: none !important;
}
.woocommerce-message {
    display: none !important;
}
/* Göm Woodmarts fraktmätare enbart på variabla produktsidor */
.product-type-variable .wd-shipping-progress-bar {
    display: none !important;
}

/* Gör pilarna VITA enbart uppe i själva toppmenyn efter link */
.whb-top-bar .wd-nav > li:is(.wd-has-children,.menu-item-has-children) > a:after {
    color: #ffffff !important;
    font-size: 12px;
}


/* Dölj sifferbubblan */
.wd-header-wishlist .wd-tools-count {
    display: none !important;
}

/* Gör hjärtat orange via JS-klassen */
.wd-header-wishlist.hjarta-active .wd-tools-icon::before {
    color: #ed8d4b !important; /* Din orangea färg */
}

/* Gömmer lägg i varukorg-knappen i produktgitter */
.wd-add-btn, .woodmart-add-btn {
    display: none !important;
}

.price_excluding_tax, 
.price_excluding_tax * {
    font-size: 12px !important;
    color: #000000 !important;
}


/* Rensade css */
p.stock.wd-style-default:is(.available-on-backorder,.in-stock) {
    font-size: 12px !important;
	  font-weight:400
}
p.stock.wd-style-default.in-stock:before{color:green!important;font-weight:700}

.product-info p.stock {
    color: #000;
    font-weight: 400;
}

span.amount, span.wd-cart-subtotal>span>bdi {
    color: #000;
    font-weight: 400;
}

.attribute-label.product-label.label-term-kampanj.label-attribute-pa_bildmarkning {
    width: 100px!important;
    padding-top: 5px;
    background-color: #841c69;
    color: #fff;
    border: 2px solid #fff;
    font-size: 14px;
    font-weight: 600;
}

p.stock.out-of-stock{font-size:12px;color:#000;font-weight:400}
.widget_price_filter [class*="price_slider_amount"] .button{display:none!important}
.widget_price_filter [class*="price_slider_amount"] .price_label>span{font-weight:400!important}@media (min-width: 1025px) {
	.wd-widget-stock-status a::after{content:"Sök produkt i lager";font-size:14px;font-weight:400;text-align:center;width:100%;color:inherit}

.wd-widget-stock-status li.wd-active a{background-color:#ed8d4b;color:#fff!important}

.wd-widget-stock-status li.wd-active a::after{content:"Visar produkter i lager";color:#fff!important}

.widget .wd-checkboxes-on li > a:before{display:none!important}

.wd-shop-tools .woocommerce-ordering.wd-style-underline select{display:none}

.wd-products-shop-view{border:1px solid #ccc;padding:4px 8px;border-radius:5px;background-color:#f9f9f9;display:inline-flex;align-items:center;gap:10px}

.wd-products-shop-view::before{content:"Välj visningsläge";font-size:14px}

#text-172 {
  position: sticky;
	top:-30px;
  background-color: #fff;
	padding-top:15px;
  z-index: 10; /* eller ett högre värde om det behövs */
}

#main-content > aside {
  position: sticky;
  top: 150px;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  padding-bottom: 20px; /* Extra utrymme längst ner */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge legacy */
}

/* Döljer scrollbar visuellt i WebKit-baserade webbläsare */
#main-content > aside::-webkit-scrollbar {
  display: none;
}

/* ==========================================================================
   1. RAM RUNT PRODUKTSIDA (Titel, beskrivning, pris)
   ========================================================================== */
.summary.entry-summary.text-left.wd-grid-col {
    padding: 20px;
    background-color: var(--bgcolor-white);
    border-radius: var(--wd-brd-radius);
    box-shadow: 0 0 5px rgba(0,0,0,.1); /* Denna skapar den mjuka skuggramen */
    
    /* Om du vill ha en vanlig synlig linje som ram istället, avkommentera raden under: */
    /* border: 1px solid #ccc; */
}

.product_title {
    font-size: 28px;
}


/* ==========================================================================
   2. WPBÄKERY & TABS
   ========================================================================== */
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
    font-size: 14px;
}


/* ==========================================================================
   3. PRODUKTKATEGORIER (WIDGETS & SIDEBAR)
   ========================================================================== */
#woocommerce_product_categories-4 {
    padding-bottom: 10px;
}

.widget_product_categories .widget-title {
    color: var(--color-gray-800);
}

.wd-widget-collapse .widget-title:after {
    content: "\f129";
    font-size: 12px;
    color: var(--color-gray-300);
}

/* Kategori widget 2 - Standardläge */
#woocommerce_product_categories-2.wd-widget.widget.sidebar-widget.wd-widget-collapse.woocommerce.widget_product_categories {
    padding-left: 2px;
    padding-top: 10px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--brdcolor-gray-300);
}

/* Kategori widget 2 - Vid hovring */
#woocommerce_product_categories-2.wd-widget.widget.sidebar-widget.wd-widget-collapse.woocommerce.widget_product_categories:hover {
    border-color: #ed8d4b;
}


/* ==========================================================================
   4. LAYOUT & LAYERS (Sidebar & Varukorg)
   ========================================================================== */
.wpb_column.wd-side-hidden {
    width: 30% !important;
}

.cart-widget-side.wd-side-hidden.wd-right.wd-opened {
    width: 27%;
}

#text-172 {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #fff;
}


/* ==========================================================================
   5. LAGERSTATUS / STOCK STATUS (Knapp)
   ========================================================================== */
.wd-widget-stock-status a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 10px 15px;
    margin-right: 120px;
    font-size: 0;
    color: #ed8d4b;
    background-color: transparent;
    border: 1px solid #ed8d4b;
    border-radius: 5px;
    transition: background-color .3s ease, color .3s ease;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.woocommerce-breadcrumb .breadcrumb-last,.woocommerce-breadcrumb a{font-size:16px}

.wd-widget-stock-status a{border:1px solid #ed8d4b;border-radius:5px;padding:10px 15px;margin-right:120px;font-size:0;position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;color:#ed8d4b;background-color:transparent;transition:background-color .3s ease,color .3s ease}

.wd-widget-stock-status a::after{content:"Sök produkt i lager";font-size:14px;font-weight:400;text-align:center;width:100%;color:inherit}

.wd-widget-stock-status li.wd-active a{background-color:#ed8d4b;color:#fff!important}

.wd-widget-stock-status li.wd-active a::after{content:"Visar produkter i lager";color:#fff!important}

.widget .wd-checkboxes-on li > a:before{display:none!important}

.woocommerce-result-count{border:1px solid #ccc;padding:4px 8px;border-radius:5px;background-color:#f9f9f9;display:inline-flex;align-items:center;gap:10px}

#woocommerce_product_categories-2.wd-widget.widget.sidebar-widget.wd-widget-collapse.woocommerce.widget_product_categories{padding-bottom:10px;border-bottom:2px solid var(--brdcolor-gray-300);margin-bottom:10px;margin-right:1px;margin-left:1px;padding-left:1px;padding-right:0}

#woocommerce_product_categories-2.wd-widget.widget.sidebar-widget.wd-widget-collapse.woocommerce.widget_product_categories:hover{border-color:#ed8d4b}

.wd-widget-collapse .widget-title:after{content:"\f129";font-size:12px;color:var(--color-gray-300)}.wpb_column.wd-side-hidden{width:50%!important}



#text-172 {
  position: sticky;
	top:-30px;
  background-color: #fff;
	padding-top:15px;
  z-index: 10; /* eller ett högre värde om det behövs */
}

/* Lägg till texten "SORTERA:" och tvinga fram den till höger */
.wd-ordering-mb-icon {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.wd-ordering-mb-icon:before {
    content: "Sortera" !important;
    font-size: 16px !important;
    margin-right: 5px !important;
    display: inline-block !important;
}

/* --- 4. MOBIL (Skärmar under 480px) --- */
@media screen and (max-width: 480px) {
    h2 { font-size: 1.3rem !important; } /* Här blir den som en H4 i storlek */
    h3 { font-size: 1.15rem !important; }
}

/* 1. Tvinga menyn till helskärm (skriver över temats bredd-variabler) */
.wd-side-hidden {
    --wd-side-hidden-w: 100vw !important;
    width: 100vw !important;
}

/* 2. Ta bort animationen helt så den blir blixtsnabb */
.wd-side-hidden, 
.wd-close-side {
    transition: none !important;
}

/* 3. När den öppnas: Nollställ förflyttningen (blixtsnabbt) */
.wd-side-hidden.wd-opened {
    transform: translate3d(0, 0, 0) !important;
}

/* Ta bort WoodMarts inbyggda ikon, men behåll storleken och rätt färg */
.wd-header-mobile-nav .wd-tools-icon::before {
    content: "";
    width: 22px;
    height: 16px;
    display: inline-block;
	
    /* 3 super-skarpa och distinkta streck (2px tjocka för bra synlighet men skarpa kanter) */
    background: 
        linear-gradient(currentColor, currentColor) no-repeat 0 0px / 100% 1.5px,         /* Översta (0px till 2px) */
        linear-gradient(currentColor, currentColor) no-repeat 100% 7px / 100% 1.5px,     /* Mellersta (7px till 9px) */
        linear-gradient(currentColor, currentColor) no-repeat 92% 14px / 65% 1.5px;     /* Understa (14px till 16px - ryms precis!) */
}


/* ==========================================================================
   MIOS MOBILLÖSNING: GÄLLER ENBART MOBILSKÄRMAR
   ========================================================================== */

/* 1. DÖLJ FÖRSTORINGSGLASET I MAIN HEADER NÄR MAN ÄR HÖGST UPP PÅ SIDAN */
.whb-main-header .wd-header-search:not(.search-style-form) {
    display: none !important;
}

/* 2. DÖLJ BOTTOM HEADER (DET STORA SÖKFÄLTET) HELT NÄR MAN SCROLLAR NER/UPP */
.whb-sticked .whb-row.whb-bottom-header {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
}

/* 3. VISA FÖRSTORINGSGLASET AUTOMATISKT I MAIN HEADER NÄR MAN SCROLLAR */
.whb-sticked .whb-main-header .wd-header-search:not(.search-style-form) {
    display: inline-flex !important;
}

/* 4. JUSTERA HÖJDEN PÅ DEN FASTKLISTRADE MENYN PÅ MOBILEN SÅ DEN BLIR SMAL OCH FIN */
.whb-sticked .whb-main-header {
    height: 55px !important; /* Justera siffran om du vill ha den fasta menyn högre/lägre */
}

/* Gömmer raden vid scroll upp på mobil */
.whb-sticked .whb-header-bottom {
    display: none !important;
}

.whb-header-bottom {border-bottom: none !important}

.woocommerce-cart .whb-general-header {
    background-color: #f5f5f5 !important;
}

/* Ersätt hamburgar-variabeln med timglaset för just denna knapp */
div.wd-show-sidebar-btn.wd-action-btn.wd-style-text.wd-burger-icon {
    --wd-btn-icon: "\f118" !important;
}

/* Säkerställ att gamla animerade CSS-linjer (om de finns kvar) döljs */
div.wd-show-sidebar-btn.wd-action-btn.wd-style-text.wd-burger-icon .wd-tools-icon span {
    display: none !important;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.woocommerce-breadcrumb .breadcrumb-last,.woocommerce-breadcrumb a{font-size:16px}

.wd-checkout-steps li span{padding-top:10px}.wd-widget-stock-status a{border:1px solid #ed8d4b;border-radius:5px;padding:10px 15px;margin-right:120px;font-size:0;position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;color:#ed8d4b;background-color:transparent;transition:background-color .3s ease,color .3s ease}

.wd-widget-stock-status a::after{content:"Sök produkt i lager";font-size:14px;font-weight:400;text-align:center;width:100%;color:inherit}

.wd-widget-stock-status li.wd-active a{background-color:#ed8d4b;color:#fff!important}

.wd-widget-stock-status li.wd-active a::after{content:"Visar produkter i lager";color:#fff!important}

.widget .wd-checkboxes-on li > a:before{display:none!important}

.woocommerce-result-count{border:1px solid #ccc;padding:4px 8px;border-radius:5px;background-color:#f9f9f9;display:inline-flex;align-items:center;gap:10px}

#woocommerce_product_categories-2.wd-widget.widget.sidebar-widget.wd-widget-collapse.woocommerce.widget_product_categories{padding-bottom:10px;border-bottom:2px solid var(--brdcolor-gray-300);margin-bottom:10px;margin-right:10px;margin-left:15px;padding-left:1px;padding-right:1px}

#woocommerce_product_categories-2.wd-widget.widget.sidebar-widget.wd-widget-collapse.woocommerce.widget_product_categories:hover{border-color:#ed8d4b}

.wd-widget-collapse .widget-title:after{content:"\f129";font-size:12px;color:var(--color-gray-300)}.wpb_column.wd-side-hidden{width:50%!important}


#text-172 {
  position: sticky;
	top:-30px;
  background-color: #fff;
	padding-top:15px;
  z-index: 10; /* eller ett högre värde om det behövs */
}

/* Lägg till texten "SORTERA:" och tvinga fram den till höger */
.wd-ordering-mb-icon {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.wd-ordering-mb-icon:before {
    content: "Sortera" !important;
    font-size: 16px !important;
    margin-right: 5px !important;
    display: inline-block !important;
}

/* --- 4. MOBIL (Skärmar under 480px) --- */
@media screen and (max-width: 480px) {
    h2 { font-size: 1.3rem !important; } /* Här blir den som en H4 i storlek */
    h3 { font-size: 1.15rem !important; }
}

/* 1. Tvinga menyn till helskärm (skriver över temats bredd-variabler) */
.wd-side-hidden {
    --wd-side-hidden-w: 100vw !important;
    width: 100vw !important;
}

/* 2. Ta bort animationen helt så den blir blixtsnabb */
.wd-side-hidden, 
.wd-close-side {
    transition: none !important;
}

/* 3. När den öppnas: Nollställ förflyttningen (blixtsnabbt) */
.wd-side-hidden.wd-opened {
    transform: translate3d(0, 0, 0) !important;
}

/* Ta bort WoodMarts inbyggda ikon, men behåll storleken och rätt färg */
.wd-header-mobile-nav .wd-tools-icon::before {
    content: "";
    width: 22px;
    height: 16px;
    display: inline-block;
	
    /* 3 super-skarpa och distinkta streck (2px tjocka för bra synlighet men skarpa kanter) */
    background: 
        linear-gradient(currentColor, currentColor) no-repeat 0 0px / 100% 1.5px,         /* Översta (0px till 2px) */
        linear-gradient(currentColor, currentColor) no-repeat 100% 7px / 100% 1.5px,     /* Mellersta (7px till 9px) */
        linear-gradient(currentColor, currentColor) no-repeat 92% 14px / 65% 1.5px;     /* Understa (14px till 16px - ryms precis!) */
}


/* ==========================================================================
   MIOS MOBILLÖSNING: GÄLLER ENBART MOBILSKÄRMAR
   ========================================================================== */

/* 1. DÖLJ FÖRSTORINGSGLASET I MAIN HEADER NÄR MAN ÄR HÖGST UPP PÅ SIDAN */
.whb-main-header .wd-header-search:not(.search-style-form) {
    display: none !important;
}

/* 2. DÖLJ BOTTOM HEADER (DET STORA SÖKFÄLTET) HELT NÄR MAN SCROLLAR NER/UPP */
.whb-sticked .whb-row.whb-bottom-header {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
}

/* 3. VISA FÖRSTORINGSGLASET AUTOMATISKT I MAIN HEADER NÄR MAN SCROLLAR */
.whb-sticked .whb-main-header .wd-header-search:not(.search-style-form) {
    display: inline-flex !important;
}

/* 4. JUSTERA HÖJDEN PÅ DEN FASTKLISTRADE MENYN PÅ MOBILEN SÅ DEN BLIR SMAL OCH FIN */
.whb-sticked .whb-main-header {
    height: 55px !important; /* Justera siffran om du vill ha den fasta menyn högre/lägre */
}

/* Gömmer raden vid scroll upp på mobil */
.whb-sticked .whb-header-bottom {
    display: none !important;
}

.whb-header-bottom {border-bottom: none !important}

.woocommerce-cart .whb-general-header {
    background-color: #f5f5f5 !important;
}
}

@media (max-width: 576px) {
	


.wd-widget-collapse .widget-title:after{content:"\f129";font-size:12px;color:var(--color-gray-300)}.wpb_column.wd-side-hidden{width:100%!important}

.wd-widget-stock-status a{border:1px solid #ed8d4b;border-radius:5px;padding:10px 15px;margin-right:30px;font-size:0;position:relative;display:flex;align-items:center;justify-content:center;min-height:40px;color:#ed8d4b;background-color:transparent;transition:background-color .3s ease,color .3s ease}

.wd-widget-stock-status a::after{content:"Sök i lager";font-size:14px;font-weight:400;text-align:center;width:100%;color:inherit}

.wd-widget-stock-status li.wd-active a{background-color:#ed8d4b;color:#fff!important}

.wd-widget-stock-status li.wd-active a::after{content:"Visar i lager";color:#fff!important}

.widget .wd-checkboxes-on li>a:before{display:none!important}

.woocommerce-result-count{border:1px solid #ccc;padding:4px 8px;border-radius:5px;background-color:#f9f9f9;display:inline-flex;align-items:center;gap:10px}

#text-172 {
  position: sticky;
	top:-30px;
  background-color: #fff;
	padding-top:15px;
  z-index: 10; /* eller ett högre värde om det behövs */
}

/* Lägg till texten "SORTERA:" och tvinga fram den till höger */
.wd-ordering-mb-icon {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.wd-ordering-mb-icon:before {
    content: "Sortera" !important;
    font-size: 16px !important;
    margin-right: 5px !important;
    display: inline-block !important;
}

/* --- 4. MOBIL (Skärmar under 480px) --- */
@media screen and (max-width: 480px) {
    h2 { font-size: 1.3rem !important; } /* Här blir den som en H4 i storlek */
    h3 { font-size: 1.15rem !important; }
}

/* 1. Tvinga menyn till helskärm (skriver över temats bredd-variabler) */
.wd-side-hidden {
    --wd-side-hidden-w: 100vw !important;
    width: 100vw !important;
}

/* 2. Ta bort animationen helt så den blir blixtsnabb */
.wd-side-hidden, 
.wd-close-side {
    transition: none !important;
}

/* 3. När den öppnas: Nollställ förflyttningen (blixtsnabbt) */
.wd-side-hidden.wd-opened {
    transform: translate3d(0, 0, 0) !important;
}

/* Ta bort WoodMarts inbyggda ikon, men behåll storleken och rätt färg */
.wd-header-mobile-nav .wd-tools-icon::before {
    content: "";
    width: 22px;
    height: 16px;
    display: inline-block;
	
    /* 3 super-skarpa och distinkta streck (2px tjocka för bra synlighet men skarpa kanter) */
    background: 
        linear-gradient(currentColor, currentColor) no-repeat 0 0px / 100% 1.5px,         /* Översta (0px till 2px) */
        linear-gradient(currentColor, currentColor) no-repeat 100% 7px / 100% 1.5px,     /* Mellersta (7px till 9px) */
        linear-gradient(currentColor, currentColor) no-repeat 92% 14px / 65% 1.5px;     /* Understa (14px till 16px - ryms precis!) */
}


/* ==========================================================================
   MIOS MOBILLÖSNING: GÄLLER ENBART MOBILSKÄRMAR
   ========================================================================== */

/* 1. DÖLJ FÖRSTORINGSGLASET I MAIN HEADER NÄR MAN ÄR HÖGST UPP PÅ SIDAN */
.whb-main-header .wd-header-search:not(.search-style-form) {
    display: none !important;
}

/* 2. DÖLJ BOTTOM HEADER (DET STORA SÖKFÄLTET) HELT NÄR MAN SCROLLAR NER/UPP */
.whb-sticked .whb-row.whb-bottom-header {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
}

/* 3. VISA FÖRSTORINGSGLASET AUTOMATISKT I MAIN HEADER NÄR MAN SCROLLAR */
.whb-sticked .whb-main-header .wd-header-search:not(.search-style-form) {
    display: inline-flex !important;
}

/* 4. JUSTERA HÖJDEN PÅ DEN FASTKLISTRADE MENYN PÅ MOBILEN SÅ DEN BLIR SMAL OCH FIN */
.whb-sticked .whb-main-header {
    height: 55px !important; /* Justera siffran om du vill ha den fasta menyn högre/lägre */
}

/* Gömmer raden vid scroll upp på mobil */
.whb-sticked .whb-header-bottom {
    display: none !important;
}

.whb-header-bottom {border-bottom: none !important}

.woocommerce-cart .whb-general-header {
    background-color: #f5f5f5 !important;
}

/* Ersätt hamburgar-variabeln med timglaset för just denna knapp */
div.wd-show-sidebar-btn.wd-action-btn.wd-style-text.wd-burger-icon {
    --wd-btn-icon: "\f118" !important;
}

/* Säkerställ att gamla animerade CSS-linjer (om de finns kvar) döljs */
div.wd-show-sidebar-btn.wd-action-btn.wd-style-text.wd-burger-icon .wd-tools-icon span {
    display: none !important;
}

div.wd-accordion-title-text{font-weight:700}
.woocommerce-breadcrumb .breadcrumb-last,.woocommerce-breadcrumb a{font-size:14px}

}