:root {
	--wd-text-font: "Century Gothic", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(30,30,28);
	--wd-text-font-size: 16px;
	--wd-title-font: "Century Gothic", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: rgb(30,30,28);
	--wd-entities-title-font: "Century Gothic", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #1e1e1c;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Century Gothic", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(30,30,28);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Century Gothic", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(79,27,172);
	--wd-alternative-color: rgb(30,30,28);
	--btn-default-bgcolor: rgb(36,36,36);
	--btn-default-bgcolor-hover: rgb(51,51,51);
	--btn-accented-bgcolor: rgb(79,27,172);
	--btn-accented-bgcolor-hover: rgb(30,30,28);
	--btn-font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	--btn-font-weight: 500;
	--btn-transform: capitalize;
	--btn-font-size: 14px;
	--btn-bgcolor: rgb(255,255,255);
	--wd-form-brd-width: 1px;
	--notices-success-bg: rgb(79,27,172);
	--notices-success-color: #fff;
	--notices-warning-bg: #F2E8FF;
	--notices-warning-color: rgb(79,27,172);
	--wd-link-color: rgb(79,27,172);
	--wd-link-color-hover: rgb(30,30,28);
	--wd-link-decor-color: rgb(30,30,28);
	--wd-sticky-btn-height: 95px;
}
.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-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(30,30,28);
	background-image: none;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 28px;
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
html .wd-nav-mobile > li > a {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html .wd-nav-mobile .wd-sub-menu li a {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html table th {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: none;
}
html .wd-checkout-steps {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: #F3F3F3;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(243,243,243);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(245,247,248);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(79,27,172);
}
.wd .product-label.new {
	background-color: rgb(79,27,172);
}
.wd .product-label.featured {
	background-color: rgb(79,27,172);
}
.wd .product-label.out-of-stock {
	background-color: rgb(79,27,172);
}
.wd .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(79,27,172);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1660px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-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;
}

@media (min-width: 1660px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

rs-slides :is([data-type=text],[data-type=button]) {
font-family: Century Gothic !important;
}
rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] {
font-family: Century Gothic !important;
}

.wd-page-title {
background-color: rgb(243,243,243);
}

@font-face {
	font-family: "Satoshi";
	src: url("//www.malvaktens.se/wp-content/uploads/2024/10/Satoshi-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "Satoshi";
	src: url("//www.malvaktens.se/wp-content/uploads/2024/10/Satoshi-Bold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Century Gothic";
	src: url("//www.malvaktens.se/wp-content/uploads/2025/11/Century-Gothic.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

/* Slå av tvång på stora bokstäver */
* {
  text-transform: none !important;
}

/* Synliggöra sökfält i desktop */
@media (min-width: 1025px) {
    .wd-search-full-screen-2 .searchform input[type="text"] {
        background: #4f1bac;
				color: white;
        font-weight: bold;
    }
}

.searchform .wd-clear-search {
    color: WHITE;
}

/* Ändra färg på thank-you-sidan */
.wd-builder-off :is(.woocommerce-thankyou-order-received,.woocommerce-thankyou-order-failed) {
    color: #4F1BAC;
    border: 2px dashed #4F1BAC;
}

/* Centrera kundadress på thank-you-sida */
.woocommerce-customer-details {
    text-align: center;
}

/* Göm författare på artikelposter */
.wd-post-author {
    display: none;
}

/* Vit bakgrund och rundade hörn på kortkods checkout */
#kco-order-review {
    background: white;
		padding-left: 20px;
		border-radius: 10px;
		padding-right: 20px;
}

/* Rundade hörn på kortkods checkout */
div#klarna-checkout-container {
    border-radius: 10px;
}

/* Dölj extra checkbox för nyhetsbrev checkout */
p#_wd_recover_guest_cart_consent_field {
    display: none;
}

/* Dölj reCAPTCHA type:v3 ikon  */
.grecaptcha-badge {
  display: none !important;
}

/* Position på Intercom chatt i mobilen */
@media (max-width: 767px) {
    .intercom-lightweight-app-launcher {
    bottom: 63px !important;
    right: -2px; !important
}
}

/* Vänsterställ scrollToTop-knapp (Dölj i mobil) */
  @media (max-width: 767px) {
  .sticky-toolbar-on .scrollToTop {
   	left: 2px;
		bottom: 100px;
		display: none!important;
}
}

/* Vänsterställ scrollToTop-knapp desktop */
 @media (min-width: 767px) {
.sticky-toolbar-on .scrollToTop {
   	left: 2px;
		bottom: 50px;
}
}

/* Göm product addons-standardfält */
.single-product .wc-pao-addons-container {
  display: none;
}

.single-product .mg-personalize-toggle {
  display: none;
}

/* Göm checkbox för följ nyhetsbrev i checkout (Troligtvis något standardfält?) */
p#wd_email_subscription_consent_field {
    display: none;
}

/* Bevaka lagarstatus knapp på produktssidan */
.wcwl_elements .wcwl_control button {
    margin: 10px 0;
    background-color: #4F1BAC;
    color: white;
    font-size: large;
    border-radius: 20px;
}

button.wcwl_notice_dismiss {
    background: #4F1BAC;
}

/* Göm price history i sticky banner på produktsidan */
.wd-sticky-btn-container.container .pph-lowest-price {
    display: none;
}

/* Lägg chatt-ikonen bakom varukorgen */
.intercom-lightweight-app {
    z-index: 300 !important;
}

/* Lägg sticky banner på produktsidan över alla andra ikoner i botten */
wd-sticky-btn {
    z-index: 9999999999999999999 !important;
}

/* Lägg cookie-ikon i botten på desktop */
@media (min-width: 767px) {
 #Coi-Renew {
    bottom: 0px!important;
}
}

/* Förstora populära sökresultat */
.wd-search-requests ul li a { 
	font-size: 18px; font-weight: 600; 
}

/* Snygga till Lipscore frågor*/
.lipscore-btn-dark {
    background-color: #4F1BAC;!important
}

.lipscore-review-textarea:empty:before {
    color: black;!important
}

/* Köpknapp på produktsida i mobil, gör större */
@media (max-width: 768.98px) {
    .wd-sticky-btn :is(.single_add_to_cart_button,.wd-sticky-add-to-cart)
 {
        height: 55px;!important
    }
}

@media (max-width: 768.98px) {
    :root {
        --wd-sticky-btn-height: 55px;
    }
}

/* B2Bking, gör papperskorgens knapp större */
.b2bking_bulkorder_form_container_bottom_add
button.b2bking_bulkorder_form_container_bottom_delete_button {
    width: 150px;!important
}

button.b2bking_bulkorder_form_container_bottom_add_button {
    background: rgb(79, 27, 172);!impor
}

/* Lipscore göm datum i recension */
.lipscore-testimonial-date {
    display: none;!important
}

/* Lipscore flagga/varning till höger */
.lipscore-flags-dropdown {
    text-align: right;
}

.lipscore-review-form-footer-item .lipscore-review-post-button .lipscore-btn-dark {
    background-color: #4F1BAC;!important!important
    color: white;
}

/* Dölj addons i snabbhandla */
.wc-pao-addons-container {
    display: none;
}

/* MG: LipScore position på produktsidan */
@media (min-width: 1025px) {
    body.single-product .woocommerce-product-rating {
        margin-top: -35px !important;
    }
}

/* MG: LipScore position rating på produktkort */
.lipscore-wc-loop-rating {
    margin-bottom: 0 !important;
}


/* Dölj kategorier på produktkort */
.wd-product-cats {
    display: none;
}

/* Minska storlek på i och ej i lager text på produktkort */
.wd-product-stock.stock.wd-style-default.in-stock {
    font-size: 12px;
}

.wd-product-stock.stock.wd-style-default.out-of-stock {
    font-size: 12px;
}

/* Sticky filter assortmentsidor */
/* MG Sticky Filter
 * Desktop
 * Native CSS sticky
 * Ingen JS och ingen intern scroll
 */

@media (min-width: 1025px) {

    .mg-sticky-filters {
        position: sticky;
        top: 100px;
        align-self: flex-start;

        height: auto;
        max-height: none;
        min-width: 0;

        overflow: visible;
        box-sizing: border-box;
    }

    /*
     * Håll WoodMarts prisreglage visuellt
     * innanför filterpanelen.
     */
    .mg-sticky-filters .price_slider_wrapper .price_slider,
    .mg-sticky-filters .price_slider_wrapper .ui-slider {
        width: calc(100% - 24px);
        max-width: calc(100% - 24px);
        margin-left: 12px;
        margin-right: 12px;
        box-sizing: border-box;
    }

    .mg-sticky-filters .price_slider_amount {
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* =========================================================
 Ladda mer produkter knappen
   ========================================================= */

a.btn.wd-load-more.wd-products-load-more.load-on-click {
    border-color: #1E1E1C;
    color: #1E1E1C;
    border-radius: 8px;
}

/**
 * MG CATEGORY HERO
 * WoodMart Product Category Archive
 *
 * Elementor CSS-klass:
 * mg-category-hero
 *
 * WoodMart ansvarar för:
 * - Dynamisk kategoribild
 * - Dynamisk kategorititel
 * - Responsiva bilder / srcset
 *
 * CSS styr endast presentationen.
 * Ingen JavaScript används.
 */


/* =========================================================
   1. WOODMART ARCHIVE SPACING
   Tar bort WoodMarts 40px ovanför archive-layouten.
   Gäller endast produktkategorier.
   ========================================================= */

body.tax-product_cat main.wd-content-layout {
    padding-top: 0 !important;
}


/* =========================================================
   2. MOBIL HEADER SPACING
   WoodMart kan lägga margin under hela headern på mobil.
   Detta är separat från USP-blocket.
   ========================================================= */

@media (max-width: 1024px) {

    body.tax-product_cat .whb-header {
        margin-bottom: 0 !important;
    }

}


/* =========================================================
   3. HERO WIDGET
   ========================================================= */

.mg-category-hero {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

.mg-category-hero > .elementor-widget-container {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   4. HERO
   Desktop: något högre för mer bildyta.
   ========================================================= */

.mg-category-hero .wd-page-title {
    position: relative;

    display: flex;
    align-items: flex-end;

    width: 100%;
    min-height: 330px;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden;
    isolation: isolate;
}


/* =========================================================
   5. DYNAMISK KATEGORIBILD
   ========================================================= */

.mg-category-hero .wd-page-title-bg {
    position: absolute;
    inset: 0;

    z-index: -2;

    width: 100%;
    height: 100%;
}

.mg-category-hero .wd-page-title-bg img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}


/* =========================================================
   6. DISKRET OVERLAY
   Ger vit titel bra kontrast.
   ========================================================= */

.mg-category-hero .wd-page-title::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    pointer-events: none;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.01) 25%,
        rgba(0, 0, 0, 0.08) 55%,
        rgba(0, 0, 0, 0.48) 100%
    );
}


/* =========================================================
   7. HERO CONTENT
   Titeln ligger nere i bilden.
   ========================================================= */

.mg-category-hero .wd-page-title > .container {
    position: relative;

    z-index: 1;

    width: 100%;

    margin-top: 0;
    margin-bottom: 0;

    padding-top: 32px;
    padding-bottom: 32px;
}


/* =========================================================
   8. TITELRAD
   ========================================================= */

.mg-category-hero .wd-title-wrapp {
    display: flex;
    align-items: center;

    gap: 14px;

    margin: 0;
    padding: 0;
}


/* =========================================================
   9. KATEGORITITEL
   ========================================================= */

.mg-category-hero .entry-title,
.mg-category-hero .entry-title.title {
    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: clamp(30px, 2.4vw, 42px);
    font-weight: 500;
    line-height: 1.08;

    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.22);
}


/* =========================================================
   10. TILLBAKAKNAPP
   Säkerställer vit pil tillsammans med vit titel.
   ========================================================= */

.mg-category-hero .wd-back-btn {
    flex: 0 0 auto;

    margin: 0;
    padding: 0;
}

.mg-category-hero .wd-back-btn,
.mg-category-hero .wd-back-btn a,
.mg-category-hero .wd-back-btn .wd-action-icon {
    color: #fff !important;
    opacity: 1 !important;
}


/*
 * WoodMart kan bygga själva pilen med pseudo-element.
 */

.mg-category-hero .wd-back-btn .wd-action-icon::before,
.mg-category-hero .wd-back-btn .wd-action-icon::after {
    color: #fff !important;
    border-color: #fff !important;
}


/* =========================================================
   11. TABLET
   Mer bildyta än tidigare.
   ========================================================= */

@media (max-width: 1024px) {

    .mg-category-hero .wd-page-title {
        min-height: 250px;
    }

    .mg-category-hero .wd-page-title > .container {
        padding-top: 26px;
        padding-bottom: 26px;
    }

    .mg-category-hero .entry-title,
    .mg-category-hero .entry-title.title {
        font-size: 32px;
    }

}


/* =========================================================
   12. MOBIL
   Höjd ökad från 165px till 210px.
   Ger motivet mer vertikal bildyta direkt vid sidladdning.
   ========================================================= */

@media (max-width: 767px) {

    .mg-category-hero .wd-page-title {
        min-height: 210px;
    }

    .mg-category-hero .wd-page-title > .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mg-category-hero .wd-title-wrapp {
        gap: 10px;
    }

    .mg-category-hero .entry-title,
    .mg-category-hero .entry-title.title {
        font-size: 27px;
        line-height: 1.1;
    }

}


/* =========================================================
   13. MG MOBILE USP
   Anpassar WoodMarts header-bottom till USP-radens faktiska
   höjd och tar bort den extra vita ytan.
   ========================================================= */

@media (max-width: 1024px) {

    /*
     * WoodMart reserverar annars 50px för header-bottom.
     */

    .whb-header-bottom,
    .whb-header-bottom .whb-header-bottom-inner {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }


    /*
     * Mobilkolumnen ska inte själv hålla kvar 50px höjd.
     */

    .whb-header-bottom .whb-column_mobile5 {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        align-self: stretch !important;
    }


    /*
     * HTML-blocket ska endast vara så högt som innehållet.
     */

    .whb-header-bottom .whb-column_mobile5 > .wd-header-html,
    .whb-header-bottom .whb-column_mobile5 > .wd-header-html > .elementor {
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /*
     * Själva Elementor-containern för mobil-USP.
     */

    .whb-header-bottom .elementor-element-2e8647c7 {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .whb-header-bottom .elementor-element-2e8647c7 > .e-con-inner {
        min-height: 0 !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}