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

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--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: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(237,197,49);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: rgb(30,115,190);
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(237,197,49);
	--btn-accented-bgcolor-hover: rgb(219,180,44);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://nordikafurniture.com/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: url(https://nordikafurniture.com/wp-content/uploads/2021/07/page-title-shop.jpg);
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(14,14,14);
	background-image: none;
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

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

}

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

}
:root{
--wd-container-w: 1222px;
--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: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 5px;
}

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


/* =======================================================
   KOD MASTER NORDIKA FURNITURE (SOFT CHARCOAL & KEMAS)
   ======================================================= */

/* --- 1. HEADER & MENU (HITAM LEMBUT) --- */
.wd-nav-main > li > a .nav-link-text { color: #2A2A2A !important; }
.wd-nav-main > li:hover > a .nav-link-text { color: #555555 !important; }
.wd-tools-element > a, .wd-header-cart a, .wd-header-search a { color: #2A2A2A !important; }
.wd-cart-number, .wd-tools-count { background-color: #2A2A2A !important; color: #ffffff !important; }

/* --- 2. HARGA (SOFT CHARCOAL) --- */
.price, .price *, .amount, .amount *, .wd-price-unit .amount,
.product-grid-item .price, .product-grid-item .price .amount, .product-grid-item .price ins .amount,
.woocommerce-Price-amount.amount, .wd-product .price, .wd-product .price .amount,
.summary-inner .price, .summary-inner .price .amount, .summary-inner .price ins .amount,
.shopee-price-box #price-display {
    color: #2A2A2A !important;
    font-weight: 800 !important;
}

/* --- 3. KOTAK HARGA ALA SHOPEE (ESTETIK & BUCU LEMBUT) --- */
.shopee-price-box {
    background-color: #fcfcfc !important;
    border: 1px solid #eaeaea !important;
    border-radius: 8px !important; 
}

/* --- 4. BUTANG (ADD TO CART & UMUM) --- */
.single_add_to_cart_button, body .elementor-button, body .elementor-button-wrapper a,
.vc_btn3-container a.vc_btn3, .vc_btn3-style-flat, .vc_general.vc_btn3 {
    background-color: #2A2A2A !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    border: 2px solid #2A2A2A !important;
    border-radius: 6px !important; 
    background-image: none !important;
}
.single_add_to_cart_button:hover {
    background-color: #ffffff !important;
    color: #2A2A2A !important;
}

/* --- 5. TAJUK KECIL & TEKS RUMAH CANTIK --- */
.title-subtitle, .wd-el-title .title-subtitle, .elementor-widget-container .title-subtitle,
.subtitle-color-primary, div[class*="subtitle"], .wpb_text_column .title-subtitle {
    color: #2A2A2A !important;
}
.vc_custom_heading h2, .vc_custom_heading div, h1.elementor-heading-title, body .elementor-heading-title {
    background: rgba(42, 42, 42, 0.7) !important; 
    padding: 20px !important;
    border-radius: 8px !important; 
    display: inline-block !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
}

/* --- 6. PRELOADER & LOADING BAR --- */
body .wd-preloader-progress, .wd-preloader-progress, .wd-preloader {
    background-color: #2A2A2A !important;
    color: #2A2A2A !important;
}

/* --- 7. FILTER (SLIDER HARGA DIBAIKI SUPAYA ADA GAP) --- */
.widget_price_filter .price_slider_wrapper {
    margin-top: 15px !important; 
}
.widget_price_filter .ui-slider {
    margin-top: 25px !important; /* Ini akan tolak garisan slider turun jauh sikit dari tajuk */
    background-color: #e0e0e0 !important; 
}
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #2A2A2A !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    width: 16px !important; height: 16px !important; top: -6px !important;
}
.widget_price_filter .ui-slider .ui-slider-handle::after, .widget_price_filter .ui-slider .ui-slider-handle::before { display: none !important; }
.widget_price_filter .ui-slider .ui-slider-range { background-color: #2A2A2A !important; }
.widget_woodmart_color_filter, .wd-widget-color-filter { display: none !important; }

/* --- 8. PILIHAN WARNA (CUSTOM JS BOX) --- */
.warna-box { display: flex; gap: 10px; margin-top: 10px; }
.btn-warna { border: 1px solid #ddd; padding: 8px 15px; cursor: pointer; background: #fff; border-radius: 6px; } 
.btn-warna.active { border-color: #2A2A2A; background: #2A2A2A; color: #fff; font-weight: bold; }

/* --- 9. CATEGORY BOX: SUSUNAN KEMAS & BUCU LEMBUT --- */
.widget_product_categories, .wd-widget-product-categories {
    border: 2px solid #2A2A2A !important;
    background-color: #ffffff !important;
    border-radius: 8px !important; 
    overflow: visible !important;
    position: relative !important;
    margin-bottom: 25px !important;
}
.widget-title, .wd-widget-title {
    background-color: #2A2A2A !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    margin: 0 0 10px 0 !important; 
    display: block !important;
    border: none !important;
    border-radius: 6px 6px 0 0 !important; 
}
.product-categories {
    padding: 0 !important;
    margin: 0 !important;
}
.product-categories li {
    position: relative !important;
    list-style: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
.product-categories li:last-child {
    border-bottom: none !important;
}
.product-categories li a {
    color: #333333 !important;
    padding: 12px 55px 12px 15px !important; 
    display: block !important;
    font-weight: 600 !important;
    transition: all 0.3s;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Fungsi Mouse Over (Laptop) */
@media (min-width: 1025px) {
    .product-categories li.cat-parent:hover > ul.children {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        padding-bottom: 10px !important;
    }
}

/* Highlight Butang Dropdown - DALAM KOTAK & BUCU LEMBUT */
.product-categories li .wd-cat-opener, 
.product-categories li .opener-page {
    position: absolute !important;
    right: 15px !important; 
    top: 50% !important; 
    transform: translateY(-50%) !important;
    width: 32px !important;
    height: 32px !important;
    background-color: #f2f2f2 !important;
    border-radius: 6px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2A2A2A !important;
    cursor: pointer !important;
    border: 1px solid #ddd !important;
    z-index: 10 !important; 
}
.product-categories li .wd-cat-opener:hover {
    background-color: #2A2A2A !important;
    color: #ffffff !important;
}

/* Warna Kelabu Bila Ditekan (Active) */
.product-categories li.current-cat > a {
    background-color: #f5f5f5 !important;
    color: #2A2A2A !important;
}

/* Meke up Sub-Menu */
ul.children {
    background-color: #fafafa !important;
    padding-left: 20px !important;
    display: none;
}
ul.children li a {
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 8px 10px !important;
}
/* --- BUANG TERUS PILIHAN KOTAK KAT ATAS --- */
.variable-items-wrapper {
    display: none !important;
}

/* --- KEMASKAN HARGA RM0 BIAR NAMPAK HARGA BETUL --- */
.single-product-content .summary-inner > .price {
    display: none !important;
}

.woocommerce-variation-price .price {
    display: block !important;
    font-size: 32px !important;
    color: #2A2A2A !important;
    font-weight: 800 !important;
}
/* KOD PAKSA PADAM KOTAK ATAS */
.warna-box, .btn-warna, .seater-group, .variable-items-wrapper {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}