@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tridimensi.pro/wp-content/themes/woodmart/fonts/woodmart-font-3-300.woff2?v=8.3.9") format("woff2");
	font-display:swap;
}

:root {
	--wd-text-font: "Inter Tight", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 15px;
	--wd-title-font: "Plus Jakarta Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Plus Jakarta Sans", 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: "Inter Tight", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Plus Jakarta Sans", 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: "Inter", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(11,15,25);
	--wd-alternative-color: rgb(90,100,120);
	--btn-default-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 500;
	--btn-default-bgcolor: rgb(50,58,229);
	--btn-default-bgcolor-hover: rgb(7,10,18);
	--btn-accented-bgcolor: rgb(90,100,120);
	--btn-accented-bgcolor-hover: rgb(50,58,229);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.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 .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
	font-family: "Inter Tight", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(76,76,76);
}
html .product-image-summary-wrap .summary-inner > .price del, html .product-image-summary-wrap .summary-inner > .price del .amount, html .wd-single-price .price del .amount {
	font-family: "Inter Tight", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 30px;
}
 {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: rgb(11,15,25);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--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: 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: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}



/* ============== Woodmart Header Search: rounded input + blue button ================== */
.wd-header-search-form {
  border-radius: 8px !important;
  overflow: hidden !important;
}

.wd-header-search-form form,
.wd-header-search-form .wd-search-form,
.wd-header-search-form .searchform {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Input */
.wd-header-search-form input[type="search"],
.wd-header-search-form input[type="text"] {
  color: #0B0F19 !important; /* warna teks saat diketik */
	border-radius: 8px 0 0 8px !important;
}

/* Placeholder color: "Search for products" */
.wd-header-search-form input[type="search"]::placeholder,
.wd-header-search-form input[type="text"]::placeholder {
  color: #5A6478 !important; /* warna teks sebelum diketik */
}

/* Button (icon biru) */
.wd-header-search-form button,
.wd-header-search-form .searchsubmit,
.wd-header-search-form .wd-search-btn,
.wd-header-search-form .wd-search-form-btn {
  border-radius: 0 8px 8px 0 !important;
}

/* Make header search full width (remove Woodmart max-width limit) */
.whb-header .wd-header-search-form,
.whb-header .wd-header-search-form .wd-search-form,
.whb-header .wd-header-search-form form {
  max-width: 100% !important;
  width: 100% !important;
}

/* If it's inside a flex row, allow it to stretch */
.whb-header .wd-header-search-form {
  flex: 1 1 auto !important;
}

/* Optional: make input fill the whole form */
.whb-header .wd-header-search-form input[type="search"],
.whb-header .wd-header-search-form input[type="text"] {
  width: 100% !important;
}

/* Woodmart header button (Try Pro Access): force override background + border + text */
.whb-header .wd-button-wrapper a.btn {
  background: #ffffff !important;
  background-image: none !important;
  color: #0B0F19 !important;

  border: 1px solid #0B0F19 !important;
	border-radius: 8px !important;
  box-shadow: none !important;

  /* override Woodmart button variables (just in case) */
  --btn-bgcolor: #EAF0FF !important;
  --btn-bgcolor-hover: #323AE5 !important;
  --btn-color: #323AE5 !important;
  --btn-color-hover: #ffffff !important;
}

/* IMPORTANT: some Woodmart buttons paint bg via pseudo-elements */
.whb-header .wd-button-wrapper a.btn::before,
.whb-header .wd-button-wrapper a.btn::after {
  background: #EAF0FF !important;
  background-image: none !important;
}

/* Hover state */
.whb-header .wd-button-wrapper a.btn:hover {
  background: #323AE5 !important;
  color: #ffffff !important;
  border-color: #323AE5 !important;
}

.whb-header .wd-button-wrapper a.btn:hover::before,
.whb-header .wd-button-wrapper a.btn:hover::after {
  background: #323AE5 !important;
}

/* ============== END Woodmart Header Search: rounded input + blue button ================== */

/* start product title and price */

/** custom tag single product **/

span.tagged_as a {
    border: solid 1px #E8E8E8;
    padding: 2px 10px 2px 10px;
		margin: 3px 2px;
		text-transform: lowercase;
		border-radius: 100px;
		font-size: 13px;
}

.product_meta.wd {
	border-radius: 10
}

.product_meta .meta-label {
    color: #C7C7C7;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
}

.product_meta .meta-sep {
	display: none;
}

/** custom checkout **/

body .woocommerce-additional-fields {
		display: none;
}

/** custom style variations **/

.wd-text-style-3 .wd-swatch.wd-text .wd-swatch-text {
    font-size: calc(var(--wd-swatch-text-size) - 2px);
    padding: 10px 50px;
}

.wd-swatch.wd-text.wd-enabled {
	border-radius: 100px;
}

p {
    margin-bottom: var(--wd-tags-mb, 20px);
    letter-spacing: -0.1px;
    line-height: 25px;
}

.wd-sub-menu li>a {
    font-size: 12px;
    line-height: 2;
    text-transform: uppercase;
}

/** ========= custom single product ========= **/

/* Tambahkan border tipis pada setiap gambar di single product gallery */
.elementor-widget-wd_single_product_gallery img {
    border: 1px solid #E6E8F0;
    /* Warna abu-abu tipis */
    border-radius: 10px;         /* Opsional, biar agak rounded */
    padding: 0px;               /* Opsional, memberi jarak antara gambar & border */
    background-color: #fff;     /* Opsional, biar ada frame putih */
}

/* Pastikan border radius konsisten */
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image img {
    border-radius: 10px !important; /* sesuaikan angka */
}

.woocommerce-product-gallery__image:hover img{
  transform: none !important;
}

.woocommerce-product-gallery__image img{
  transition: none !important;
}

.woocommerce-product-gallery__image:hover img{
  transform: none !important;
}

.woocommerce-js div.product form.cart div.quantity {
    display: none !important;
}

.woocommerce-Reviews .woocommerce-Reviews-title {
    letter-spacing: 0.5px;
}

.wd-title-style-overlined .title {
    letter-spacing: 0.5px;
}

.wd-entities-title a {
    letter-spacing: 0.1px;
		font-size: 16px;
}

.wd-product.wd-hover-icons .wd-buttons .wd-action-btn>a {
	display: none;
}

.yith-wcmbs-download-button:nth-of-type(2) {
    display: none !important;
}

.yith-wcmbs-download-button.unlocked {
    background: #313AE4;
		width: 100%;
		padding: 21px 28px !important;
		text-align: center;
}

.yith-wcmbs-download-button.unlocked:hover {
    background: #000843;
}

.yith-wcmbs-member form.cart {
display: none!important;
}

.yith-wcmbs-member .wd-single-price .price {
display: none!important;
}

@media (min-width: 768px) {
    .elementor-1343 .elementor-element.elementor-element-167767f9 {
        --content-width: 100%;
    }
}

.product-wrapper {
  margin-bottom: 24px;
}

.product-element-bottom {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

/* title produk */
.product-element-bottom .wd-entities-title {
  text-align: left !important;
  margin-right: 60px;
  font-weight: 400;
  font-size: 16px;
  color: #0B0F19;
	line-height: 1,4em;
  max-width: 75%; /* Batasin max lebar supaya tidak nabrak harga */
}

.product-element-bottom .price {
  position: absolute;
  top: 0; /* sesuaikan sampai sama persis dengan homepage */
  right: 0;
  font-weight: 600 !important;
  color: #0B0F19 !important;
  font-size: 16px !important;
	letter-spacing: 1px !important;
}

.product-element-bottom {
  min-height: 50px; /* Atur sesuai kebutuhan visual */
}

.product-element-bottom .price .woocommerce-Price-amount {
  font-weight: 600 !important;
  color: #0B0F19 !important;
  font-size: 16px !important;
} 

/* End product title and price */

/*	=================================
		START product grid atau carousel
		================================= */

/* Untuk product grid (archive/shop) */
.products .product img {
  border: 1px solid #00000019;
  border-radius: 10px !important; /* ganti sesuai kebutuhan, misal 20px */
  overflow: hidden;
}

/* Pastikan hover image juga ikut rounded */
.products .product img:hover {
  border-radius: 10px !important;
  overflow: hidden;
  position: relative;
}


/*	=======================================
		START Woodmart carousel arrows (global)
		======================================= */

.wd-nav-arrows .wd-btn-arrow .wd-arrow-inner{ /* style tombol arrow */
  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;      /* bulat */
  background: #F6F7FB !important;
  border: 1px solid #E6E8F0 !important;
  box-shadow: none !important;
}

.wd-nav-arrows .wd-btn-arrow{ /* warna icon arrow */
  color: #0B0F19 !important;            /* ganti kalau mau */
}

.wd-nav-arrows .wd-btn-arrow:hover .wd-arrow-inner{ /* hover state */
  background: #EEF1F8 !important;       /* hover bg */
  border-color: #D6DAE6 !important;     /* hover border */
}

.wd-nav-arrows .wd-btn-arrow.wd-disabled .wd-arrow-inner{ /* optional: disabled state biar keliatan */
  opacity: .45 !important;
  cursor: not-allowed !important;
}
/* ============ END Woodmart carousel arrows (global) ============ */

/* === Fix hover zoom tetap mengikuti border radius (product grid/carousel) === */

/* 1) Samakan radius di wrapper card + thumbnail */
.wd-products .product,
.wd-carousel .product,
.wd-products .product-wrapper,
.wd-carousel .product-wrapper,
.wd-products .product-element-top,
.wd-carousel .product-element-top,
.wd-products .product-image,
.wd-carousel .product-image,
.wd-products .product-image a,
.wd-carousel .product-image a {
  border-radius: 10px !important; /* ganti sesuai radius kamu */
}

/* 2) Yang paling penting: clip saat zoom */
.wd-products .product-element-top,
.wd-carousel .product-element-top,
.wd-products .product-image,
.wd-carousel .product-image,
.wd-products .product-image a,
.wd-carousel .product-image a {
  overflow: hidden !important;
}

/* 3) Pastikan elemen yang di-scale ikut radius */
.wd-products .product-image img,
.wd-carousel .product-image img {
  border-radius: 10px !important; /* sama */
  transform-origin: center;
}


/* Fix carousel item kepotong */
.wd-carousel,
.wd-carousel-wrap,
.wd-carousel-inner,
.wd-carousel-container {
  overflow: visible !important;
}

/* ======= END overflow pada product carousel ======= */

/* ===================== Start License Description In Single Product ===================== */

.wd-swatch.wd-text.wd-enabled {
    border-radius: 6px;
}

.tdp-license-hint {
  margin-top: -12px;
	margin-bottom: 16px;
  width: 100%;
}

.tdp-license-desc {
  display: none;
  font-size: 12px;
  line-height: 1.5;
  color: #6B7280;
  background: #F6F7FB;
  border: 1px solid #E6E8F0;
  border-radius: 6px;
  padding: 10px 12px;
}

.tdp-license-desc.is-active {
  display: block;
}

.single-product a.reset_variations{ /* hide tulisan clear */
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ===================== End License Description In Single Product ===================== */


/* ===================== Start Hide Pay with Paypal ===================== */

.single-product .ppcp-button-wrapper, /* HIDE PayPal PPCP button on single product */
.single-product #ppcp-button-ppcp-gateway,
.single-product .ppcp-messages{
  display: none !important;
}

.single-product .wc-ppcp-checkout-container, /* kalau masih tampil karena wrapper lain */
.single-product .wc-ppcp-cc-container{
  display: none !important;
}
/* ===================== End Hide Pay with Paypal ===================== */

/* ===============================
   Disable hover zoom: product grid + carousel (Woodmart)
   =============================== */

/* 1) Hide the zoom overlay image */
.woocommerce-product-gallery img.zoomImg,
.woocommerce-product-gallery__wrapper img.zoomImg,
figure.woocommerce-product-gallery__wrapper img.zoomImg {
  display: none !important;
}

/* 2) (Optional) prevent zoom cursor */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image img {
  cursor: default !important;
}

/* 3) (Optional) if something still forces opacity/visibility */
.woocommerce-product-gallery img.zoomImg {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ===============================
   Dropdown menu
   =============================== */

/* Submenu link: default */
.wd-dropdown-menu ul.wd-sub-menu > li > a.woodmart-nav-link{
  color: #8D8E92 !important;
}

/* Submenu link: hover */
.wd-dropdown-menu ul.wd-sub-menu > li > a.woodmart-nav-link:hover{
  color: #0B0F19 !important;
}


/* 	======================================== 
		Load more button styling (Woodmart/Woo)
		======================================== */

.wd-load-more {
  --btn-color: #ffffff;
  --btn-color-hover: #ffffff;
  --btn-bgcolor: #323AE5;
  --btn-bgcolor-hover: #151860;
  --btn-border-radius: 10px;
}

/*	====================================
		Tridimensi Pro — My Account Dahboard
		==================================== */

/* RIGHT CONTENT — HEADING */
.woocommerce .woocommerce-MyAccount-content h1,
.woocommerce .woocommerce-MyAccount-content h2,
.woocommerce .woocommerce-MyAccount-content h3,
.woocommerce .woocommerce-MyAccount-content h4,
.woocommerce .woocommerce-MyAccount-content .entry-title {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* RIGHT CONTENT — BODY */
.woocommerce .woocommerce-MyAccount-content,
.woocommerce .woocommerce-MyAccount-content p,
.woocommerce .woocommerce-MyAccount-content a,
.woocommerce .woocommerce-MyAccount-content table,
.woocommerce .woocommerce-MyAccount-content th,
.woocommerce .woocommerce-MyAccount-content td,
.woocommerce .woocommerce-MyAccount-content label,
.woocommerce .woocommerce-MyAccount-content input,
.woocommerce .woocommerce-MyAccount-content select,
.woocommerce .woocommerce-MyAccount-content textarea {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.woocommerce {
  --td-accent: #323AE5;         /* Accent / Primary */
  --td-text: #0B0F19;           /* Text / Primary */
  --td-text-2: #5A6478;         /* Text / Secondary */
  --td-bg: #FFFFFF;             /* BG / Primary */
  --td-bg-soft: #F9F9F9;        /* BG / Soft */
  --td-border: #E6E8F0;         /* Border / Soft */
  --td-radius: 10px;
}

/* Sidebar container */
.wd-my-account-sidebar{
  background: var(--td-bg-soft);
  border: 1px solid var(--td-bg-soft);
  border-radius: var(--td-radius);
  padding: 18px 16px;
}

/* Title "MY ACCOUNT" (biasanya h2/h3) */
.wd-my-account-sidebar .woocommerce-MyAccount-navigation-title,
.wd-my-account-sidebar h2,
.wd-my-account-sidebar h3{
  color: var(--td-text);
  font-weight: 700;
  letter-spacing: -0.02em;
  margin: 0 0 12px 0;
}

/* List wrapper */
.wd-my-account-links{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* Base (non-active): regular + hitam */
.wd-builder-off .woocommerce-MyAccount-navigation ul > li > a,
.wd-my-account-links a,
.wd-my-account-links a:link,
.wd-my-account-links a:visited{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 8px;
  color: var(--td-text) !important;
  text-decoration: none;
  font-weight: 400 !important; /* REGULAR (override theme) */
  transition: background .16s ease, transform .16s ease, box-shadow .16s ease, color .16s ease;
}

/* Hover */
.wd-my-account-links a:hover{
  background: rgba(50,58,229,0.08);
  transform: translateY(-1px);
}

/* Active: semibold + accent */
.wd-builder-off .woocommerce-MyAccount-navigation ul > li.is-active > a,
.wd-my-account-links .is-active > a,
.wd-my-account-links .is-active > a:link,
.wd-my-account-links .is-active > a:visited,
.woocommerce-MyAccount-navigation-link.is-active > a{
  font-weight: 600 !important; /* SEMIBOLD */
  color: var(--td-accent) !important;
  background: #F6F7FB; /* BG / Soft */
  box-shadow: inset 0 0 0 1px #E6E8F0;
}

/* Keep sidebar anchors inheriting by default */
.wd-my-account-sidebar a{
  color: inherit;
}

/*	=====================================================
		Add icon to My Account Sidebar (membership dahsboard)
		===================================================== */

/* icon slot for all my-account links */
.woocommerce-MyAccount-navigation ul > li > a::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  background-color: currentColor;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
          mask-repeat:no-repeat;
          mask-position:center;
          mask-size:contain;
}

.woocommerce-MyAccount-navigation-link--dashboard > a::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M219.31,108.68l-80-80a16,16,0,0,0-22.62,0l-80,80A15.87,15.87,0,0,0,32,120v96a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V160h32v56a8,8,0,0,0,8,8h64a8,8,0,0,0,8-8V120A15.87,15.87,0,0,0,219.31,108.68ZM208,208H160V152a8,8,0,0,0-8-8H104a8,8,0,0,0-8,8v56H48V120l80-80,80,80Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--memberships > a::before{
	 -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBkPSJNMjQ4LDgwYTI4LDI4LDAsMSwwLTUxLjEyLDE1Ljc3bC0yNi43OSwzM0wxNDYsNzMuNGEyOCwyOCwwLDEsMC0zNi4wNiwwTDg1LjkxLDEyOC43NGwtMjYuNzktMzNhMjgsMjgsMCwxLDAtMjYuNiwxMkw0NywxOTQuNjNBMTYsMTYsMCwwLDAsNjIuNzgsMjA4SDE5My4yMkExNiwxNiwwLDAsMCwyMDksMTk0LjYzbDE0LjQ3LTg2Ljg1QTI4LDI4LDAsMCwwLDI0OCw4MFpNMTI4LDQwYTEyLDEyLDAsMSwxLTEyLDEyQTEyLDEyLDAsMCwxLDEyOCw0MFpNMjQsODBBMTIsMTIsMCwxLDEsMzYsOTIsMTIsMTIsMCwwLDEsMjQsODBaTTE5My4yMiwxOTJINjIuNzhMNDguODYsMTA4LjUyLDgxLjc5LDE0OUE4LDgsMCwwLDAsODgsMTUyYTcuODMsNy44MywwLDAsMCwxLjA4LS4wNyw4LDgsMCwwLDAsNi4yNi00Ljc0bDI5LjMtNjcuNGEyNywyNywwLDAsMCw2LjcyLDBsMjkuMyw2Ny40YTgsOCwwLDAsMCw2LjI2LDQuNzRBNy44Myw3LjgzLDAsMCwwLDE2OCwxNTJhOCw4LDAsMCwwLDYuMjEtM2wzMi45My00MC41MlpNMjIwLDkyYTEyLDEyLDAsMSwxLDEyLTEyQTEyLDEyLDAsMCwxLDIyMCw5MloiLz48L3N2Zz4=") no-repeat center / contain;
          mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48cGF0aCBkPSJNMjQ4LDgwYTI4LDI4LDAsMSwwLTUxLjEyLDE1Ljc3bC0yNi43OSwzM0wxNDYsNzMuNGEyOCwyOCwwLDEsMC0zNi4wNiwwTDg1LjkxLDEyOC43NGwtMjYuNzktMzNhMjgsMjgsMCwxLDAtMjYuNiwxMkw0NywxOTQuNjNBMTYsMTYsMCwwLDAsNjIuNzgsMjA4SDE5My4yMkExNiwxNiwwLDAsMCwyMDksMTk0LjYzbDE0LjQ3LTg2Ljg1QTI4LDI4LDAsMCwwLDI0OCw4MFpNMTI4LDQwYTEyLDEyLDAsMSwxLTEyLDEyQTEyLDEyLDAsMCwxLDEyOCw0MFpNMjQsODBBMTIsMTIsMCwxLDEsMzYsOTIsMTIsMTIsMCwwLDEsMjQsODBaTTE5My4yMiwxOTJINjIuNzhMNDguODYsMTA4LjUyLDgxLjc5LDE0OUE4LDgsMCwwLDAsODgsMTUyYTcuODMsNy44MywwLDAsMCwxLjA4LS4wNyw4LDgsMCwwLDAsNi4yNi00Ljc0bDI5LjMtNjcuNGEyNywyNywwLDAsMCw2LjcyLDBsMjkuMyw2Ny40YTgsOCwwLDAsMCw2LjI2LDQuNzRBNy44Myw3LjgzLDAsMCwwLDE2OCwxNTJhOCw4LDAsMCwwLDYuMjEtM2wzMi45My00MC41MlpNMjIwLDkyYTEyLDEyLDAsMSwxLDEyLTEyQTEyLDEyLDAsMCwxLDIyMCw5MloiLz48L3N2Zz4=") no-repeat center / contain;
}

.woocommerce-MyAccount-navigation-link--orders > a::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V72H40V56Zm0,144H40V88H216V200Zm-40-88a48,48,0,0,1-96,0,8,8,0,0,1,16,0,32,32,0,0,0,64,0,8,8,0,0,1,16,0Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,16V72H40V56Zm0,144H40V88H216V200Zm-40-88a48,48,0,0,1-96,0,8,8,0,0,1,16,0,32,32,0,0,0,64,0,8,8,0,0,1,16,0Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--downloads > a::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,144v64a8,8,0,0,1-8,8H40a8,8,0,0,1-8-8V144a8,8,0,0,1,16,0v56H208V144a8,8,0,0,1,16,0Zm-101.66,5.66a8,8,0,0,0,11.32,0l40-40a8,8,0,0,0-11.32-11.32L136,124.69V32a8,8,0,0,0-16,0v92.69L93.66,98.34a8,8,0,0,0-11.32,11.32Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-address > a::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,64a40,40,0,1,0,40,40A40,40,0,0,0,128,64Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,128Zm0-112a88.1,88.1,0,0,0-88,88c0,31.4,14.51,64.68,42,96.25a254.19,254.19,0,0,0,41.45,38.3,8,8,0,0,0,9.18,0A254.19,254.19,0,0,0,174,200.25c27.45-31.57,42-64.85,42-96.25A88.1,88.1,0,0,0,128,16Zm0,206c-16.53-13-72-60.75-72-118a72,72,0,0,1,144,0C200,161.23,144.53,209,128,222Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--payment-methods > a::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M208,48H48A24,24,0,0,0,24,72V184a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V72A24,24,0,0,0,208,48ZM40,96H216v16H160a8,8,0,0,0-8,8,24,24,0,0,1-48,0,8,8,0,0,0-8-8H40Zm8-32H208a8,8,0,0,1,8,8v8H40V72A8,8,0,0,1,48,64ZM208,192H48a8,8,0,0,1-8-8V128H88.8a40,40,0,0,0,78.4,0H216v56A8,8,0,0,1,208,192Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M208,48H48A24,24,0,0,0,24,72V184a24,24,0,0,0,24,24H208a24,24,0,0,0,24-24V72A24,24,0,0,0,208,48ZM40,96H216v16H160a8,8,0,0,0-8,8,24,24,0,0,1-48,0,8,8,0,0,0-8-8H40Zm8-32H208a8,8,0,0,1,8,8v8H40V72A8,8,0,0,1,48,64ZM208,192H48a8,8,0,0,1-8-8V128H88.8a40,40,0,0,0,78.4,0H216v56A8,8,0,0,1,208,192Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account > a::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--customer-logout > a::before{
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M120,216a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H56V208h56A8,8,0,0,1,120,216Zm109.66-93.66-40-40a8,8,0,0,0-11.32,11.32L204.69,120H112a8,8,0,0,0,0,16h92.69l-26.35,26.34a8,8,0,0,0,11.32,11.32l40-40A8,8,0,0,0,229.66,122.34Z'/%3E%3C/svg%3E");
}

@media (max-width: 768px) { /* menu mobile view*/
  .td-myacc-toggle {
    display: flex;
  }

  .woocommerce-MyAccount-navigation {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
  }

  .woocommerce-MyAccount-navigation.is-open {
    max-height: 600px; /* aman buat semua menu */
  }
}

.td-myacc-toggle {
  background: #323AE5; /* biru Tridimensi */
  border: none;
  border-radius: 4px;
  padding: 4px 8px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.td-myacc-toggle svg {
  width: 28px;
  height: 28px;
  fill: #ffffff;
}

@media (min-width: 769px) {
  .td-myacc-toggle {
    display: none;
  }
}

@media (min-width: 769px) { /* menu desktop hide*/
  .td-myacc-toggle {
    display: none;
  }

  .woocommerce-MyAccount-navigation {
    max-height: none;
    overflow: visible;
  }
}


/*	==============
 		Checkout color
		============== */

.woocommerce-mini-cart__buttons .btn-cart {
  color: #ffffff !important;
}