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

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//hadana.my/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//hadana.my/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//hadana.my/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//hadana.my/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//hadana.my/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//hadana.my/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//hadana.my/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//hadana.my/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Jost", 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: "Jost", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(237,164,54);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(0,0,0);
	--wd-link-color-hover: rgb(237,176,54);
}
.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;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title, html .post.wd-post:not(.blog-design-small) .wd-entities-title, .wd-page-title .title {
	font-family: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 43px;
	text-transform: uppercase;
	color: rgb(0,0,0);
}
html .wd-builder-off .tabs-layout-accordion > .wd-accordion-item > .wd-accordion-title .wd-accordion-title-text {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
}
.woocommerce-breadcrumb {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 11px;
	text-transform: uppercase;
	color: rgb(71,71,71);
}
.wd-swatch {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 200;
	text-transform: uppercase;
	color: rgb(22,22,22);
}
html .wd-nav.wd-nav-main > li > a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a, wd-tools-text {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 17px;
	text-transform: uppercase;
	color: rgb(0,0,0);
}
.wd-sub-menu {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	color: rgb(0,0,0);
}
.wd-sub-menu:hover {
	color: rgb(219,157,50);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(0,0,0);
}
.wd-nav-pagin-wrap:not(.wd-custom-style) {
	--wd-pagin-size: 4px;
	--wd-pagin-bg: rgb(221,153,51);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(221,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 13px;
}

@media (max-width: 768.98px) {
	.woocommerce-product-gallery {
		--wd-gallery-gap: 10px;
	}

}
:root{
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--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: 0px;
}



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

@font-face {
	font-family: ".wd-accordion-title-text";
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/*hadana*/
 .wd-tools-element [class*="wd-tools-text"] {
   
    font-weight: 400;
    
    font-size: var(--wd-header-el-font-size);
   
}

/* Product Description - buang internal scrollbar */
.woocommerce-Tabs-panel--description .woodmart-scroll,
.woocommerce-Tabs-panel--description .woodmart-scroll-content {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

.woocommerce-Tabs-panel--description .wd-scroll,
.woocommerce-Tabs-panel--description .wd-scroll-content {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}

.wd-entities-title a {
    color: inherit;
    TEXT-TRANSFORM: UPPERCASE;
    FONT-WEIGHT: LIGHTER;
	    font-family: 'Jost';
}

.product-label.onsale {
    display: none !important;
}


table.variations label {
    margin-bottom: 0;
    white-space: nowrap;
    font-weight: 600;
    font-size: x-large;
    text-transform: uppercase;
}




/* Hide rating hanya pada Shop / Product Archive */
body.woocommerce-shop .star-rating,
body.archive.woocommerce .star-rating {
    display: none !important;
}

/*BREADCRUMB*/
body.tax-product_cat .wd-breadcrumbs {
    display: none !important;
}



/*nbaru - SINGLE PRODUCT sahaja*/

body.single-product [class*="wd-swatches"].wd-size-xlarge {
    --wd-swatch-size: 10px;
    --wd-swatch-text-size: 21px;
}

body.single-product [class*="wd-swatches"].wd-size-xlarge .wd-swatch.wd-text {
    width: 90px !important;
    height: 48px !important;
    min-width: 90px !important;
    min-height: 48px !important;
    max-width: 90px !important;
    max-height: 48px !important;
    box-sizing: border-box !important;
	
	 /* Border kelabu gelap */
border: 1px solid #D9DDD8 !important;

/* Font kelabu gelap */
color: #000 !important;
	font-weight:200;
}





/****relatedproduk*/
/* RELATED PRODUCTS - KECILKAN SWATCH */
body.single-product .related-products [class*="wd-swatches"].wd-size-xlarge {
    --wd-swatch-text-size: 10px !important;
}

body.single-product .related-products [class*="wd-swatches"].wd-size-xlarge .wd-swatch.wd-text {
    width: 24px !important;
    height: 18px !important;
    min-width: 24px !important;
    min-height: 18px !important;
    max-width: 24px !important;
    max-height: 18px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.single-product .related-products [class*="wd-swatches"].wd-size-xlarge .wd-swatch-text {
    font-size: 10px !important;
    line-height: 18px !important;
}

/* Add to cart full width */
/* Add to cart full width */
.single-product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
}

.single-product form.cart .quantity {
    width: auto !important;
    flex: 0 0 auto !important;
    margin-bottom: 10px !important;
}

.single-product form.cart .single_add_to_cart_button {
    width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;

    /* Sage Green */
    background-color: #ffffff !important;
    color: #7A9B84 !important;
    border: 2px solid #7A9B84 !important;
}

/* Saiz & alignment */
.single_add_to_cart_button {
    height: 55px !important;
    min-height: 55px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hover */
.single-product form.cart .single_add_to_cart_button:hover {
    background-color: #7A9B84 !important;
    color: #ffffff !important;
}

/* Buy Now Button */
#wd-add-to-cart {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    min-height: 50px;

    background-color: #A8B5A0 !important;
    color: #ffffff !important;
    border: 2px solid #A8B5A0 !important;
}

/* Hover */
#wd-add-to-cart:hover {
    background-color: #ffffff !important;
    color: #A8B5A0 !important;
    border-color: #A8B5A0 !important;
}



/*jaraktulisan*/
body {
    line-height: 1.8 !important;
	 letter-spacing: 0.4px !important;
}





/*dlm tab tk yah scroll*/
#tab-wd_custom_tab,
#tab-wd_custom_tab .wc-tab-inner,
#tab-wd_custom_tab .wd-scroll-content,
#tab-shipping-delivery,
#tab-shipping-delivery .wc-tab-inner,
#tab-shipping-delivery .wd-scroll-content {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    overflow-y: visible !important;
}

/*FREESHIPINGBANNERFRONT*/
/* FREE SHIPPING MOVING TEXT - DESKTOP + MOBILE */

.hadana-free-shipping {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    padding: 8px 0;
}

.hadana-free-shipping-track {
    display: flex;
    width: max-content;
    animation: hadanaShippingMove 15s linear infinite;
}

.hadana-free-shipping-track span {
    flex-shrink: 0;
    display: block;
    margin-right: 60px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
}

/* ANIMATION */
@keyframes hadanaShippingMove {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}
/*takyahscrol*/
#tab-shipping-retrns.wd-scroll {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

#tab-shipping-retrns .wd-scroll-content {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    overflow-y: visible !important;
}



/*TAKNAK BORDER*/
/* Quantity - border keliling sahaja */
/* Quantity border - Single Product Page sahaja */
.single-product .quantity {
    border: 1px solid #D9DDD8;
    display: inline-flex;
    align-items: center;
}

/* Minus & Plus */
.quantity .minus,
.quantity .plus {
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #222 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

/* Number */
.quantity .qty {
    width: 60px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Buang arrow number input */
.quantity .qty::-webkit-inner-spin-button,
.quantity .qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity .qty {
    -moz-appearance: textfield;
}

/* Hover */
.quantity .minus:hover,
.quantity .plus:hover {
    background: #f7f7f7 !important;
}



/*suizeguide*/
/* Size Guide */
.single-product .wd-sizeguide-btn a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 43% !important;
    min-height: 45px;
    padding: 10px 16px 10px 16px !important;
    border: none !important;
    border-radius: 3px;
    background-color: #f1f1f1 !important;
    font-size: 15px !important;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

form.cart>* {
    flex: 1 1 100%;
    padding-bottom: 20px;
}

/*jarakkn harg*/
.wd-set-mb>* {
    margin-bottom: 45px;
}

/*bertimpaminicart*/
/* =========================================
   HADANA - MINI CART CUSTOM CSS
   ========================================= */

/* -----------------------------------------
   1. MINI CART WIDTH
   ----------------------------------------- */

.cart-widget-side.wd-side-hidden {
    width: 450px !important;
    max-width: 90vw !important;
	padding-left:20px;
}


/* -----------------------------------------
   15. MOBILE
   ----------------------------------------- */

@media (max-width: 767px) {

    .cart-widget-side.wd-side-hidden {
        width: 90vw !important;
        max-width: 90vw !important;
    }

    .cart-widget-side .woocommerce-mini-cart-item.mini_cart_item {
        min-height: 140px !important;
        padding: 15px 0 !important;
    }

    .cart-widget-side .cart-item-image img {
        width: 80px !important;
        height: 105px !important;
    }

}


/*akucub*/
.product_list_widget>li .wd-entities-title {
    margin-bottom: 8px;
    font-size: inherit;
    text-transform: uppercase;
    font-family: jost;
    font-weight: 400;
    font-size: 15px;
}


/*poning*/
.woocommerce-mini-cart .quantity {
    border: none !important;
    box-shadow: none !important;
}

/*BAR*/
 * .wd-progress-bar .progress-bar {
    background-color: #b3b0b0;
}

.woocommerce-product-rating .woocommerce-review-link {
    --wd-link-decor: none;
    --wd-link-decor-hover: none;
    color: #fff;
    vertical-align: middle;
}

/*TABLEDISCOUNT*/
/* Dynamic Discount Table */
/* ==========================================
   DYNAMIC PRICING - SEPARATE BOX
   ========================================== */

.woocommerce-variation-add-to-cart .wd-dynamic-discounts {
    width: 100%;
    margin-top: 22px;
    padding: 0;
    background: #F3F3F3;
    border: 1px solid #111111;
    box-sizing: border-box;
}


/* ==========================================
   TABLE
   ========================================== */

.wd-dynamic-discounts table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border: none;
}


/* ==========================================
   HEADER - BLACK
   ========================================== */

.wd-dynamic-discounts thead th {
    background: #111111 !important;
    color: #FFFFFF !important;
    padding: 12px 15px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    border: 1px solid #111111;
    text-align: left;
}


/* ==========================================
   BODY
   ========================================== */

.wd-dynamic-discounts tbody td {
    background: #F7F7F7;
    color: #444444;
    padding: 12px 15px;
    font-size: 14px;
    border-top: 1px solid #D6D6D6;
}


/* ==========================================
   HIDE PRICE
   ========================================== */

.wd-dynamic-discounts th:nth-child(2),
.wd-dynamic-discounts td:nth-child(2) {
    display: none;
}


/* ==========================================
   DISCOUNT VALUE
   ========================================== */

.wd-dynamic-discounts .wd-dd-discount {
    font-weight: 600;
    color: #222222;
}


/* ==========================================
   NO HOVER COLOR
   ========================================== */

.wd-dynamic-discounts tbody tr:hover td {
    background: #F7F7F7;
}


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 767px) {

    .woocommerce-variation-add-to-cart .wd-dynamic-discounts {
        margin-top: 18px;
    }

    .wd-dynamic-discounts thead th,
    .wd-dynamic-discounts tbody td {
        padding: 10px 12px;
    }

}


/*ATTRIBUTEPOCKETTIADAPOCKET*/
/* ==========================================
   PATTERN SWATCH - LEBARKAN BOX
   ========================================== */

/* Pattern swatches - same width */

.variations .wd-swatches-product[data-id="pa_pattern"] .wd-swatch {
    width: 140px;
    min-width: 140px;
    justify-content: center;
    box-sizing: border-box;
}

.variations .wd-swatches-product[data-id="pa_pattern"] .wd-swatch-text {
    white-space: nowrap;
}


@media (min-width: 1025px) {
	/*BAGI PISAH*/
@media (min-width: 1025px) {

    /* MAIN PRODUCT AREA */
    .single-product .product-image-summary {
        display: grid !important;
        
        column-gap: 10px !important;
        align-items: start !important;
    }

    /* GALLERY */
    .single-product .product-image-summary .product-images {
        width: 80% !important;
        max-width: 80% !important;
        margin-left: 50px !important;
			
    }

    /* PRODUCT INFORMATION */
    .single-product .product-image-summary .summary {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

}

/*gerak*/
.product-image-summary .summary-inner {
    margin-left: -60px !important;
	margin-right: 60px !important;
}

/*submenupalazo*/
/* Make WoodMart main menu dropdown wider */
.wd-nav-main .wd-dropdown {
    min-width: 350px;
}

/* Keep submenu text on one line */
.wd-nav-main .wd-dropdown a {
    white-space: nowrap;
}


/*shoppage-swatch*/
/* SHOP PAGE - SIZE SWATCH KECIL */
/* =========================
   SHOP PAGE - SMALL SIZE SWATCH
   ========================= */

/* SHOP PAGE - SIZE SWATCH */
.wd-swatches-grid.wd-swatches-product.wd-size-xlarge > .wd-swatch {
    width: 24px !important;
    height: 18px !important;
    min-width: 24px !important;
    min-height: 18px !important;
    max-width: 24px !important;
    max-height: 28px !important;
    
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
	border: 1px solid #000 !important;
    color: #444 !important;
}

/* TULISAN M L XL */
.wd-swatches-grid.wd-swatches-product.wd-size-xlarge > .wd-swatch .wd-swatch-text {
    font-size: 11px !important;
    line-height: 18px !important;
}

}

@media (max-width: 576px) {
	



/*carousel*/
/* =========================================
   HADANA - WOODMART 7.1
   MOBILE PRODUCT GALLERY
   CENTER + LEFT/RIGHT PEEK
   ========================================= */

@media (max-width: 767px) {

    /* Gallery utama */
    .woocommerce-product-gallery {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    /* Carousel */
    .woocommerce-product-gallery .wd-carousel {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /* Track */
    .woocommerce-product-gallery .wd-carousel-wrap {
        overflow: visible !important;
			
    }

    /*
     * JANGAN ubah width .wd-carousel-item.
     * WoodMart sendiri calculate width + transform.
     */

    /* Image */
    .woocommerce-product-gallery .wd-carousel-item img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    /*
     * CENTER MODE
     * Beri ruang visual kiri & kanan
     */
    .woocommerce-product-gallery .wd-carousel {
        padding-left: 30px !important;
        padding-right: 30px !important;
        box-sizing: border-box !important;
    }

}


}


/* Mobile submenu text color */

    .wd-nav-mobile .wd-sub-menu a.woodmart-nav-link {
        color: #000000 !important;
			font-weight: 300 !important;
    }


/*shoppage-swatch*/
/* SHOP PAGE - SIZE SWATCH KECIL */
/* =========================
   SHOP PAGE - SMALL SIZE SWATCH
   ========================= */

/* SHOP PAGE - SIZE SWATCH */
.wd-swatches-grid.wd-swatches-product.wd-size-xlarge > .wd-swatch {
    width: 24px !important;
    height: 18px !important;
    min-width: 24px !important;
    min-height: 18px !important;
    max-width: 24px !important;
    max-height: 18px !important;
    
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
	border: 1px solid #000 !important;
    color: #444 !important;
}

/* TULISAN M L XL */
.wd-swatches-grid.wd-swatches-product.wd-size-xlarge > .wd-swatch .wd-swatch-text {
    font-size: 10px !important;
    line-height: 18px !important;
}


}