@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.nabawibooks.se/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 15px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "PT Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 700;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Cinzel", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(244,165,28);
	--wd-alternative-color: rgb(131,183,53);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(131,183,53);
	--btn-accented-bgcolor-hover: rgb(118,163,47);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,153,51);
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--wd-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 400px;
}
: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 top;
}
.wd-footer {
	background-color: rgb(241,241,241);
	background-image: 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: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 12px;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: rgb(46,139,87);
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-size: 24px;
}
html .product-image-summary-wrap .summary-inner > .price del, html .wd-single-price .price del {
	color: rgb(221,51,51);
}
html .wd-product .price {
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(46,139,87);
}
.whb-top-bar .wd-nav.wd-nav-secondary > li > a {
	font-family: "Cinzel", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 14px;
}
html .wd-nav-mobile > li > a {
	font-family: "Inter", Arial, Helvetica, sans-serif;
}
.product-labels .product-label.onsale {
	background-color: rgb(221,51,51);
}
.product-labels .product-label.featured {
	background-color: rgb(30,115,190);
}
.product-labels .product-label.out-of-stock {
	color: rgb(0,0,0);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

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

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	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-size: 12px;
	}

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

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


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

@font-face {
	font-family: "1. PTSans";
	src: url("//www.nabawibooks.se/wp-content/uploads/2025/01/ptsans.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
}

/* Ta bort SKU från produkt sida */
.summary-inner .product_meta .sku_wrapper {
    display: none !important;
}

/* Ändra labeln till "Klarna - Betala direkt" utan att flytta loggan */
label[for="payment_method_stripe_klarna"] {
    font-size: 0 !important; /* dölj originaltexten visuellt */
}
label[for="payment_method_stripe_klarna"]::before {
    content: "Klarna - Betala direkt ";
    font-size: 16px; /* matcha kassans stil */
    font-weight: normal;
}
label[for="payment_method_stripe_klarna"] img {
    display: inline-block;
    vertical-align: middle;
}

/* Göm originalinnehållet i den vita rutan */
.payment_box.payment_method_stripe_klarna .wc-stripe_klarna-container {
    display: none !important;
}

/* Lägg till egen text i den vita rutan */
.payment_box.payment_method_stripe_klarna::after {
    content: "Du kommer att omdirigeras för att slutföra de kommande stegen på ett säkert sätt.";
    display: block;
    font-weight: normal;
    margin-top: 10px;
    font-size: 14px;
    color: #000;
}

/* Justera single produkt storlek */
.woocommerce-product-gallery .woocommerce-product-gallery__image {
  max-width: 450px;
  max-height: 750px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* Förlänga dropmenyn på författare */
.select2-results__options {
  display: block;
  max-height: 270px !important;
  overflow-y: auto;
}


/* Blå färgkod för hyperlänkar i produktattribut */
.woocommerce-product-attributes-item__value a {
    color: #4682B4; 
    font-weight: bold;
}

/* Blå färgkod för hyperlänkar i inlägg */
.posted_in a {
    color: #4682B4; 
    font-weight: bold;
}


/* Ta bort YITH points från underraden */
    .yith-par-message-product {
        display: none;
    }


/* Scroll to top knapp på vänster sida */
body .scrollToTop {
    right: auto;
    left: 20px;
	transform: translateX(-100%);
}

body .scrollToTop.button-show {
    transform: none;
}

@media (max-width: 1024px) {
	
	body .scrollToTop {
			right: auto;
			left: 12px;
	}
}


/* Göm sista bredcrumb delen */
.wd-breadcrumbs .wd-last {
  display: none;
}



/* Röd REA text */
li.menu-item-11744 span.nav-link-text {
  color: red;
}

    #share_points input#ywpar-share-points__submit {
        margin-left: 20px;
        background: #4CAF50;
        border-color: #5B5B5B;
    }


.wd-notice, div.wpcf7-response-output, .mc4wp-alert, :is(.woocommerce-error,.woocommerce-message,.woocommerce-info) {
    margin-bottom: 5px;
    padding-top: 5px;
    min-height: 50px;
}

/* När produkt är tillagd i önskelistan: fyll hjärtat med röd färg */
.yith-wcwl-add-to-wishlist-button--added .yith-wcwl-icon {
    fill: red !important;
    stroke: red !important;
}


/* Centrera hela önskelista-blocket under korg-knappen */
.single-product .yith-add-to-wishlist-button-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: -35px;
}

.single-product .yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
    gap: 0 !important;
}

/* Centrera hjärtat + texten bredvid */
.single-product .yith-wcwl-add-to-wishlist-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-align: center;
}

/* Centrera texten "30 users..." */
.single-product .yith-wcwl-add-to-wishlist__counter {
    text-align: center;
    margin-top: 5px;
}





.wd-wishlist-btn {
    display: none;
}


.yith-ywar-product-rating {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center; /* Detta centrerar texten horisontellt */
    position: relative;
    margin: 0 !important;
    padding: 0 0 10px 0;
}

.wc_payment_method.payment_method_klarna_payments_pay_over_time,
.wc_payment_method.payment_method_klarna_payments_pay_later {
    display: none;
}


.wc_payment_method.payment_method_cheque label {
    display: inline-flex; /* Flexbox gör att innehållet är på en rad */
    align-items: center; /* Centrerar texten och bilden vertikalt */
    white-space: nowrap; /* Förhindrar att texten bryts om den är lång */
}

.wc_payment_method.payment_method_cheque label::after {
    content: "";
    background-image: url('https://www.nabawibooks.se/wp-content/uploads/2024/11/stripeinv-e1731517852573.png');
    background-size: contain; /* Gör bilden responsiv, behåller dess proportioner */
    background-repeat: no-repeat;
    width: 80px; /* Justera bildens storlek */
    height: 50px; /* Justera bildens storlek */
    margin-left: 10px; /* Ger mellanrum mellan texten och bilden */
}


.payment_methods li img {
    max-height: 30px;
}


.grecaptcha-badge { 
visibility: hidden; 
}

@media (min-width: 1025px) {
	/* Justera Nabawi Books loggan */
img.attachment-full {
  margin-top: 10px; /* Justera avståndet efter behov */
}


/* Justera single produkt brand storlek */
.wd-checkout-prod-title .cart-product-label {
  display: block;
  margin-top: 20px;
}


.wd-sub-menu .cat-item ul.children {
  display: none;
}

.category-grid-item {
        flex-basis: 20%;
        padding: 10px;
        box-sizing: border-box;
    }

.wd-entities-title {
        margin-top: 5px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.2;
    }

.hover-mask {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}


/* Höjd */
#yith-par-message-reward-cart {
  height: 40px; /* Justera höjden efter behov */
}


.wd-product-brands {
  display: flex;
  justify-content: center;
}

.wd-product-brands {
  width: auto;
  height: auto;
  margin-top: -30px;
}


.wd-timer {
  display: inline-flex !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  --wd-timer-size: 17px !important;
}

.yith-cart-message {
    margin: 0 0 2em !important;
    width: 100%;
    min-height: 55px;
}
}

@media (max-width: 576px) {
	@media only screen and (max-width: 768px) {
    .wd-carousel-container.wd-gallery-thumb .wd-carousel-item {
        display: none;
    }
}

		/* Justera single produkt storlek i mobilen */
.woocommerce-product-gallery .woocommerce-product-gallery__image {
  max-width: 250px;
  max-height: 450px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

		/* Dölj brands i single produkt på mobila enheter */
  .wd-product-brands {
    display: none;
  }
}

		/* Media query för små skärmar (t.ex. mobiltelefoner) */
@media (max-width: 767px) {
  .summary-inner {
    position: relative;
    top: -32px;
  }


	.wd-timer {
  display: inline-flex !important;
  gap: 5px !important;
  flex-wrap: nowrap !important;
  --wd-timer-size: 15px !important;
}

	
@media (max-width: 768px) {
    #smartsupp-widget-container div[data-testid="widgetButtonFrame"] {
        position: fixed !important;
        bottom: 56px !important;
        right: 7px !important;
        width: 46px !important;
        height: 46px !important;
        border-radius: 9999px !important;
        box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 2px 32px !important;
    }
}
	
	
/* ======================================== NABAWI BOOKS — MOBILE MENU Premium Shopify-inspired redesign ======================================== */ @media (max-width: 768px) { /* ======================================== MAIN PANEL ======================================== */ .mobile-nav { width: 88vw !important; max-width: 400px !important; background: #fbf8f2 !important; font-family: Inter, sans-serif !important; overflow-x: hidden; scrollbar-width: none; -webkit-font-smoothing: antialiased; backdrop-filter: blur(10px); } .mobile-nav::-webkit-scrollbar { display: none; } /* ======================================== STICKY SEARCH ======================================== */ .mobile-nav .wd-search-form { position: sticky; top: 0; z-index: 50; padding: 14px 16px 16px; background: #fbf8f2; } .mobile-nav .searchform input[type="text"] { background: #f7f2e8 !important; border: 1px solid #e6ddcf !important; border-radius: 18px !important; height: 50px !important; padding-left: 18px !important; font-size: 15px; font-weight: 500; color: #2d2a26; box-shadow: 0 2px 4px rgba(0,0,0,.02) !important; } .mobile-nav .searchform input[type="text"]::placeholder { color: #8b8578; } .mobile-nav .searchsubmit { background: transparent !important; } .mobile-nav .searchsubmit:before { font-size: 18px !important; color: #8b8578; } /* ======================================== TOP TABS ======================================== */ .mobile-nav .wd-nav-mob-tab { padding: 0 16px 12px; gap: 10px; } .mobile-nav .wd-nav-mob-tab li { flex: 1; } .mobile-nav .wd-nav-mob-tab a { background: #f5f1e8; border-radius: 14px; min-height: 48px; display: flex !important; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; letter-spacing: .02em; color: #2d2a26 !important; transition: opacity .15s ease; } /* INACTIVE TAB */ .mobile-nav .wd-nav-mob-tab li:not(.wd-active) a { opacity: .55; background: #f8f4ec; } /* ======================================== MENU GRID ======================================== */ .mobile-pages-menu { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 16px 14px; margin: 0 !important; border: none !important; } /* ======================================== CATEGORY CARDS ======================================== */ .mobile-pages-menu > li:nth-child(-n+4) { background: #f7f3eb; border: 1px solid #e8dfd1 !important; border-radius: 16px; min-height: 64px; overflow: hidden; margin: 0 !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,.02); transition: transform .15s ease, border-color .15s ease, background .15s ease; } .mobile-pages-menu > li:nth-child(-n+4):active { transform: scale(.985); } .mobile-pages-menu > li:nth-child(-n+4) > a { width: 100%; height: 100%; display: flex !important; align-items: center; justify-content: center; text-align: center; padding: 12px 10px !important; font-size: 13px; font-weight: 600; letter-spacing: -.01em; line-height: 1.25; color: #2d2a26 !important; } /* ======================================== QUICK LINKS ======================================== */ .mobile-pages-menu > li:nth-child(5), .mobile-pages-menu > li:nth-child(6) { grid-column: span 2; min-height: 52px; border-radius: 16px; overflow: hidden; box-shadow: 0 1px 2px rgba(0,0,0,.02); transition: transform .15s ease, border-color .15s ease; } .mobile-pages-menu > li:nth-child(5):active, .mobile-pages-menu > li:nth-child(6):active { transform: scale(.985); } /* STOCK */ .mobile-pages-menu > li:nth-child(5) { background: #f5faf3; border: 1px solid #dde8d8 !important; } /* SALE */ .mobile-pages-menu > li:nth-child(6) { background: #fff4f4; border: 1px solid #f1d4d4 !important; } .mobile-pages-menu > li:nth-child(6) a { color: #cf2e2e !important; } /* QUICK LINK STYLE */ .mobile-pages-menu > li:nth-child(5) > a, .mobile-pages-menu > li:nth-child(6) > a { display: flex !important; align-items: center; justify-content: flex-start; padding: 0 18px !important; height: 52px; font-size: 14px; font-weight: 600; color: #2d2a26 !important; } /* ======================================== DIVIDER ======================================== */ .mobile-pages-menu > li:nth-child(7) { margin-top: 18px !important; position: relative; } .mobile-pages-menu > li:nth-child(7)::before { content: ""; position: absolute; top: -10px; left: 0; width: 100%; height: 1px; background: #ebe2d5; } /* ======================================== MAIN LINKS ======================================== */ .mobile-pages-menu > li:nth-child(n+7) { grid-column: span 2; min-height: 48px; background: transparent; display: flex; align-items: center; } .mobile-pages-menu > li:nth-child(n+7) > a { width: 100%; display: flex !important; align-items: center; min-height: 48px; padding: 0 2px !important; font-size: 14px; font-weight: 500; letter-spacing: -.01em; color: #2d2a26 !important; } /* ======================================== ACCOUNT BUTTON ======================================== */ .mobile-pages-menu .menu-item-account { background: #f7f3eb !important; border: 1px solid #e8dfd1 !important; border-radius: 16px !important; overflow: hidden; margin-top: 8px !important; } .mobile-pages-menu .menu-item-account > a { display: flex !important; align-items: center; min-height: 54px; padding-left: 18px !important; font-size: 14px; font-weight: 600 !important; color: #2d2a26 !important; } .mobile-pages-menu .menu-item-account .wd-nav-opener, .mobile-pages-menu .wd-sub-menu { display: none !important; } /* ======================================== WIDGET AREA ======================================== */ .widgetarea-mobile { padding: 4px 16px 20px; border-top: 1px solid #ebe2d5; } .widgetarea-mobile .wd-widget { margin-bottom: 14px !important; border-bottom: none !important; } /* ======================================== LABELS ======================================== */ .widgetarea-mobile .widget-title { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; color: #b08b3c; margin-bottom: 12px; } /* ======================================== LANGUAGE BOX ======================================== */ .widgetarea-mobile .gt_switcher { background: #f7f3eb; border: 1px solid #e7dece; border-radius: 14px; padding: 8px 10px; } /* ======================================== HELP BOX ======================================== */ .mobile-help-box { margin-bottom: 14px !important; } .mobile-help-box a { display: flex; align-items: center; gap: 12px; background: #f7f3eb; border: 1px solid #e7dece; border-radius: 16px; padding: 14px 16px; text-decoration: none !important; transition: transform .15s ease, border-color .15s ease; } .mobile-help-box a:active { transform: scale(.985); } .mobile-help-icon { width: 40px; height: 40px; flex-shrink: 0; border-radius: 999px; background: #efe7d6; display: flex; align-items: center; justify-content: center; font-size: 17px; } .mobile-help-content strong { font-size: 14px; font-weight: 550; color: #2d2a26; } .mobile-help-content span { font-size: 11px; line-height: 1.3; color: #7a7469; } .mobile-help-arrow { margin-left: auto; font-size: 17px; color: #b08b3c; } /* ======================================== SOCIALS ======================================== */ .mobile-menu-socials { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 12px; margin: 0 auto 10px !important; } .mobile-menu-socials .wd-social-icon { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 999px !important; background: #f7f3eb !important; border: 1px solid #e7dece !important; color: #2d2a26 !important; transition: transform .15s ease, border-color .15s ease; } .mobile-menu-socials .wd-social-icon:active { transform: scale(.95); } /* ======================================== TRUSTPILOT ======================================== */ .mobile-trustpilot { display: flex; justify-content: center; margin-top: 2px; } .mobile-trustpilot img { width: 112px; height: auto; opacity: .95; } /* ======================================== REMOVE EMPTY WIDGETS ======================================== */ .widgetarea-mobile .textwidget:empty { display: none; } }
}

