:root {
	--wd-text-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(81,51,22);
	--wd-text-font-size: 16px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: 1A1A1A;
	--wd-entities-title-font: "Lora", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(81,51,22);
	--wd-entities-title-color-hover: rgb(169, 120, 31);
	--wd-alternative-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(81,51,22);
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: "Montserrat", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(169,120,31);
	--wd-alternative-color: rgb(245,186,26);
	--btn-default-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: A9781F;
	--btn-default-bgcolor-hover: rgb(30,58,43);
	--btn-default-padding: 14px 32px 14px 32px;
	--btn-accented-font-family: "Montserrat", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: rgb(169,120,31);
	--btn-accented-bgcolor-hover: rgb(30,58,43);
	--btn-accented-padding: 14px 32px 14px 32px;
	--wd-form-brd-width: 2px;
	--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: url(https://sultanflorist.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
: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: #ffffff;
	background-image: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: FDFBF7;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: #FDFBF7;
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: #FDFBF7;
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: #FDFBF7;
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: #FDFBF7;
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: #FDFBF7;
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: #FDFBF7;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--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: 8px;
}

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


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

/* =======================================================
   SULTAN FLORIST: MASTER CSS FINAL (BERSIH & SEMPURNA)
   ======================================================= */

/* --- 1. MENYEMBUNYIKAN VARIASI DI KATALOG (TETAP AMAN DI QUICK SHOP) --- */
.product-grid-item .wd-swatches-grid {
    display: none !important;
}
.product-grid-item .wd-swatches-product:not(form .wd-swatches-product) {
    display: none !important;
}


/* --- 2. DESAIN VARIASI BERBEDA (SINGLE PRODUCT VS QUICK SHOP) --- */

/* A. KHUSUS HALAMAN SINGLE PRODUCT & LACI (KOTAK PREMIUM + TEKS) */
body.single-product .wd-swatches-product {
    display: flex !important; flex-wrap: wrap !important;
    gap: 8px 10px !important; margin-top: 5px !important; line-height: 1 !important;
}
body.single-product .wd-swatches-product .wd-swatch.wd-bg,
body.single-product .wd-swatches-product .wd-swatch.wd-text {
    display: inline-flex !important; align-items: center !important;
    width: auto !important; height: auto !important;
    min-height: 42px !important; padding: 6px 16px 6px 6px !important; 
    border-radius: 6px !important; background-color: #F8F6F0 !important; 
    border: 1px solid #E5E2DC !important; margin: 0 !important; 
    gap: 10px !important; transition: all 0.2s ease !important;
}
body.single-product .wd-swatches-product .wd-swatch.wd-bg .wd-swatch-bg {
    width: 30px !important; height: 30px !important; border-radius: 3px !important; 
}
body.single-product .wd-swatches-product .wd-swatch.wd-bg .wd-swatch-text,
body.single-product .wd-swatches-product .wd-swatch.wd-text .wd-swatch-text {
    display: block !important; position: static !important;
    opacity: 1 !important; visibility: visible !important;
    font-family: 'Lato', sans-serif !important; font-size: 13.5px !important; 
    font-weight: 700 !important; color: #4A463F !important;
    clip: auto !important; width: auto !important; height: auto !important; 
    text-indent: 0 !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important;
}
body.single-product .wd-swatches-product .wd-swatch.wd-bg.wd-active,
body.single-product .wd-swatches-product .wd-swatch.wd-text.wd-active {
    background-color: #110E0C !important; border-color: #110E0C !important;
}
body.single-product .wd-swatches-product .wd-swatch.wd-bg.wd-active .wd-swatch-text,
body.single-product .wd-swatches-product .wd-swatch.wd-text.wd-active .wd-swatch-text {
    color: #D4AF37 !important;
}
body.single-product .wd-swatches-product .wd-swatch.wd-active::after,
body.single-product .wd-swatches-product .wd-swatch.wd-active::before,
body.single-product .wd-swatches-product .wd-swatch:hover::after, 
body.single-product .wd-swatches-product .wd-swatch:hover::before { 
    display: none !important; 
}

/* B. KHUSUS QUICK SHOP DI KATALOG (KOTAK KECIL RAPI) */
.product-grid-item form.cart .wd-swatches-product {
    display: flex !important; flex-wrap: wrap !important; gap: 8px !important;
    justify-content: center !important; margin-top: 15px !important;
}
.product-grid-item form.cart .wd-swatch {
    display: block !important; width: 36px !important; height: 36px !important;
    min-height: unset !important; padding: 0 !important; border-radius: 4px !important;
    border: 1px solid #E5E2DC !important; margin: 0 !important;
    transition: transform 0.2s ease !important;
}
.product-grid-item form.cart .wd-swatch.wd-bg .wd-swatch-bg {
    width: 100% !important; height: 100% !important; border-radius: 3px !important;
}
.product-grid-item form.cart .wd-swatch.wd-active {
    border: 2px solid #110E0C !important; transform: scale(1.15) !important;
}
.product-grid-item form.cart .wd-swatch-text {
    display: none !important; /* Matikan teks yang error */
}

/* --- 3. DESAIN LACI BAWAH MOBILE (SHOPEE BOTTOM SHEET) --- */
.sf-sheet-overlay {
    display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
    z-index: 99998; opacity: 0; transition: opacity 0.4s ease;
}
.sf-sheet-overlay-show { display: block; opacity: 1; }

.sf-bottom-sheet {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #FFFFFF; border-radius: 24px 24px 0 0;
    z-index: 99999; max-height: 85vh; overflow-y: auto; padding: 0; 
    box-shadow: 0 -16px 60px rgba(0, 0, 0, 0.18);
    transform: translateY(100%); transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
.sf-bottom-sheet.sf-sheet-open { transform: translateY(0); }

/* Gagang Geser & Tombol X */
.sf-sheet-handle {
    width: 36px; height: 4px; background: #D5D0C8; border-radius: 100px; margin: 12px auto 0;
}
.sf-sheet-close {
    position: absolute !important; top: 16px !important; right: 20px !important;
    width: 36px !important; height: 36px !important; border-radius: 50% !important; 
    background: #F5F3EF !important; border: none !important; font-size: 0 !important; cursor: pointer !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    padding: 0 !important; margin: 0 !important; box-shadow: none !important; z-index: 10 !important;
}
.sf-sheet-close::before, .sf-sheet-close::after {
    content: '' !important; position: absolute !important; width: 14px !important; height: 1.5px !important;
    background: #8C857B !important; border-radius: 2px !important;
}
.sf-sheet-close::before { transform: rotate(45deg) !important; }
.sf-sheet-close::after { transform: rotate(-45deg) !important; }

/* Ruang Laci & Tombol "Tambah ke Keranjang" */
.sf-sheet-content { padding: 28px 24px 32px !important; }
.sf-sheet-content .single_add_to_cart_button {
    width: 100% !important; height: 54px !important; margin-top: 10px !important;
    background: linear-gradient(135deg, #B37B1A 0%, #A9781F 100%) !important;
    color: #FFFFFF !important; border: none !important; border-radius: 14px !important;
    font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important;
    letter-spacing: 2.5px !important; cursor: pointer !important;
}

/* Tombol Sticky Emas "Pilih Varian & Beli" (Luar Laci) */
.sf-sticky-buy {
    position: fixed; bottom: 0; left: 0; right: 0;
    padding: 12px 16px; padding-bottom: calc(12px + env(safe-area-inset-bottom));
    background: #FFFFFF; border-top: 1px solid #EEEAE4; z-index: 9999; box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.06);
}
.sf-sticky-buy-btn {
    width: 100%; height: 52px; background: linear-gradient(135deg, #B37B1A 0%, #A9781F 100%);
    color: #FFFFFF; border: none; border-radius: 14px;
    font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 2.5px;
}

/* --- 4. SEMBUNYIKAN BOTTOM SHEET DI DESKTOP --- */
@media (min-width: 769px) {
    .sf-sticky-buy, .sf-bottom-sheet, .sf-sheet-overlay { display: none !important; }
}




/* =========================================
   1. WARNA & FONT HEADER SULTAN FLORIST
   ========================================= */

/* Warna IKON (Emas Terang - #F5BA1A) */
.whb-main-header .wd-tools-icon, 
.whb-main-header .wd-info-box .info-box-icon,
.whb-main-header .wd-info-box .info-box-icon i,
.whb-main-header .wd-info-box .info-box-icon svg,
.whb-main-header .wd-info-box .info-box-icon img {
    color: #F5BA1A !important;
    fill: #F5BA1A !important;
}

/* Warna TEKS & FONT LATO (Emas Gelap - #A9781F) */
.whb-main-header .wd-tools-text,
.whb-main-header .wd-cart-subtotal .amount,
.whb-main-header .wd-cart-number,
.whb-main-header .wd-info-box *,
.whb-main-header .wd-info-box .box-title,
.whb-main-header .wd-info-box .box-subtitle {
    color: #A9781F !important;
    font-family: 'Lato', sans-serif !important;
		font-size: 14px;
}

.whb-header {
	height: auto !important;
	min-height: 0 !important;
}

/* Drawer */
.cart-widget-side {
  background: #FDFBF7 !important;
  border-left: 1px solid #E5E2DC;
  box-shadow: -20px 0 60px rgba(26,26,26,0.15);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 0) !important;
}




/* =========================================================
   SULTAN FLORIST: Menghilangkan Padding di Baris Header 
   ========================================================= */

/* 1. Membersihkan ruang kosong di wadah utama baris hitam */
.whb-top-bar,
.whb-top-bar .whb-row-inner,
.whb-top-bar .whb-flex-row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. Memastikan elemen di dalamnya (seperti logo dan keranjang) ikut merapat */
.whb-top-bar .whb-col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.whb-top-bar {
    height: auto !important;
    min-height: 0 !important;
}

.whb-top-bar-inner {
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.2 !important;
}

/* =========================================
   2. TATA LETAK HALAMAN HOME (HERO)
   ========================================= */

/* Membunuh celah putih (padding atas) antara Header dan Hero */
.home .main-page-wrapper,
.home .wd-content-layout {
    padding-top: 0 !important;
}

/* Menyembunyikan Judul Halaman Bawaan Tema yang memakan tempat */
.home .page-title,
.home .wd-page-title {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Menghapus kurungan margin kiri-kanan bawaan tema */
.home #main-content.container,
.home .wd-content-layout.container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Memaksa Kotak Pertama Elementor (Hero) merentang ke ujung layar */
.home .elementor-section.elementor-top-section:first-child,
.home .elementor-section.elementor-top-section:first-child > .elementor-container,
.home .elementor > .e-con:first-child {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Memastikan elemen/gambar di dalam Hero menempel ketat */
.home .elementor > .e-con:first-child > .elementor-widget-wrap,
.home .elementor-section.elementor-top-section:first-child > .elementor-container > .elementor-column {
    padding: 0 !important;
    margin: 0 !important;
}

/* 1. Warna IKON (Emas Terang) */
.whb-main-header .wd-tools-icon, 
.whb-main-header .wd-info-box .info-box-icon,
.whb-main-header .wd-info-box .info-box-icon i,
.whb-main-header .wd-info-box .info-box-icon svg {
    color: #F5BA1A !important;
    fill: #F5BA1A !important;
}

/* 2. Warna TEKS (Emas Gelap) */
.whb-main-header .wd-tools-text,
.whb-main-header .wd-cart-subtotal .amount,
.whb-main-header .wd-cart-number,
.whb-main-header .wd-info-box *,
.whb-main-header .wd-info-box .box-title,
.whb-main-header .wd-info-box .box-subtitle {
    color: #A9781F !important;
}

/* KODE NUKLIR: Paksa Gambar Proporsi 4:5 (Ala Clarkia) & Anti Gepeng */
.wd-product .product-element-top img,
.product-grid-item .product-element-top img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 8px !important;
}

/* Memastikan bingkainya ikut melengkung */
.wd-product .product-element-top,
.product-grid-item .product-element-top {
    border-radius: 8px !important;
    overflow: hidden !important;
    display: block !important;
}




/* =========================================================
   SULTAN FLORIST: KATALOG & SINGLE PRODUCT - ULTRA FIX
   WoodMart 8.5.7 — Selector Brutal
   ========================================================= */

/* ============ HALAMAN SHOP / KATALOG ============ */

/* 1. GRID: paksa semua baris punya tinggi sama */
.products.grid-columns-3,
.products.grid-columns-4,
ul.products {
    display: grid !important;
    align-items: stretch !important;
}

/* 2. Setiap kartu: flex column penuh dari atas ke bawah */
ul.products li.product,
.products .product-grid-item,
.products > div.product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

ul.products li.product .product-wrapper,
.products .product-grid-item .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

/* 3. GAMBAR KATALOG: 3:4 SEMUA, tidak ada yang 1:1 */
ul.products li.product .product-element-top,
.products .product-grid-item .product-element-top {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    width: 100% !important;
    padding-bottom: 133.33% !important; /* Ini adalah rasio 3:4 yang dipaksa */
    height: 0 !important; /* Padding-bottom trick untuk rasio konsisten */
}

ul.products li.product .product-element-top a.product-image-link,
.products .product-grid-item .product-element-top a.product-image-link {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

ul.products li.product .product-element-top img,
.products .product-grid-item .product-element-top img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 0 !important;
}

/* 4. AREA BAWAH KARTU: flex + space-between */
ul.products li.product .product-element-bottom,
.products .product-grid-item .product-element-bottom {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    text-align: center !important;
    padding: 12px 5px 10px !important;
    justify-content: space-between !important;
}

/* 5. Nama produk */
.products .product-element-bottom .wd-entities-title {
    text-align: center !important;
    min-height: 40px !important;
}

/* 6. Harga rata tengah */
.products .product-element-bottom .price {
    display: flex !important;
    justify-content: center !important;
}

/* 7. TOMBOL: paksa ke posisi paling bawah */
ul.products li.product .product-element-bottom .wd-add-btn,
ul.products li.product .product-element-bottom .wrap-add-to-cart,
ul.products li.product .product-element-bottom .wd-buttons,
.products .product-grid-item .product-element-bottom .wd-add-btn {
    margin-top: auto !important;
    text-align: center !important;
    padding-top: 8px !important;
}

.products .product-element-bottom .wd-add-btn > a,
.products .product-element-bottom .add_to_cart_button,
.products .product-element-bottom a.button {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
}

/* ============ HALAMAN SINGLE PRODUCT ============ */

/* 8. Gambar utama: tinggi tetap + cover + rata dengan thumbnail */
.woocommerce-product-gallery {
    max-width: 100% !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    overflow: hidden !important;
    border-radius: 16px !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
    overflow: hidden !important;
    border-radius: 16px !important;
    max-height: none !important;
    height: auto !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    width: 100% !important;
    aspect-ratio: 3 / 4 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 16px !important;
    display: block !important;
}

/* 9. Thumbnail bawah: 3:4 juga agar seragam dengan gambar utama */
.woocommerce-product-gallery .flex-control-thumbs li img,
.woocommerce-product-gallery ol.flex-control-thumbs li img,
.wd-gallery-thumb img {
    aspect-ratio: 3 / 4 !important;
    width: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
}

/* 10. Menghilangkan jarak/padding aneh di sekitar gallery */
.woocommerce-product-gallery .flex-viewport {
    overflow: hidden !important;
    border-radius: 16px !important;
}

/* =======================================================
   SULTAN FLORIST: MINI CART PALU GODAM V2
   ======================================================= */
/* 1. MEMAKSA AREA BAWAH MENJADI TOMBOL BERSUSUN */
div.cart-widget-side .widget_shopping_cart .buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
}

div.cart-widget-side .widget_shopping_cart .buttons a {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    padding: 15px 0 !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Tombol Checkout (Memaksa warna Emas) */
div.cart-widget-side .widget_shopping_cart .buttons a.checkout {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.4) !important;
}

/* Tombol View Cart (Memaksa warna Hitam) */
div.cart-widget-side .widget_shopping_cart .buttons a:not(.checkout) {
    background-color: #111111 !important;
    color: #ffffff !important;
    border: none !important;
}

/* 2. MERAPIKAN GAMBAR PRODUK DAN HARGA */
div.cart-widget-side .widget_shopping_cart .cart_list li {
    padding-bottom: 15px !important;
    margin-bottom: 15px !important;
    border-bottom: 1px dashed #dddddd !important;
    min-height: 95px !important;
}

div.cart-widget-side .widget_shopping_cart .cart_list li img {
    float: left !important;
    width: 75px !important;
    height: 75px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    margin-right: 15px !important;
}

div.cart-widget-side .widget_shopping_cart .cart_list li .amount {
    color: #D4AF37 !important;
    font-weight: bold !important;
}


/* =======================================================
   SULTAN FLORIST: LUXURY MY ACCOUNT DASHBOARD
   ======================================================= */

/* 1. MENU NAVIGASI KIRI */
.woocommerce-MyAccount-navigation ul {
    border: none !important;
    padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #F5F3EF !important;
    transition: all 0.3s ease !important;
}

.woocommerce-MyAccount-navigation ul li a {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #8C857B !important;
    padding: 16px 20px !important;
    display: block !important;
    border-radius: 10px !important;
    transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* Efek saat Menu Kiri disentuh (Hover) */
.woocommerce-MyAccount-navigation ul li:hover a {
    color: #A9781F !important;
    background: #FDFBF7 !important;
    padding-left: 28px !important; /* Efek geser kanan halus */
}

/* Menu Kiri yang Sedang Dibuka (Terpilih) */
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #B37B1A 0%, #A9781F 100%) !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 20px rgba(169, 120, 31, 0.25) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active {
    border-bottom: none !important;
}

/* 2. KOTAK 6 IKON DASHBOARD DI KANAN */
.woodmart-my-account-links .wd-my-account-link {
    border: 1px solid #E5E2DC !important;
    border-radius: 16px !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    background: #FFFFFF !important;
}

.woodmart-my-account-links .wd-my-account-link a {
    padding: 32px 16px !important;
}

/* Ikon bawaan di dalam kotak */
.woodmart-my-account-links .wd-my-account-link a::before {
    color: #D5D0C8 !important; 
    font-size: 34px !important;
    transition: all 0.4s ease !important;
    margin-bottom: 16px !important;
}

/* Teks di dalam kotak */
.woodmart-my-account-links .wd-my-account-link a span {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1A1A1A !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

/* Efek saat Kotak disentuh (Hover) - Melayang & Menyala Emas */
.woodmart-my-account-links .wd-my-account-link:hover {
    border-color: #A9781F !important;
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 32px rgba(169, 120, 31, 0.15) !important;
    background: #FDFBF7 !important;
}

.woodmart-my-account-links .wd-my-account-link:hover a::before {
    color: #A9781F !important; /* Ikon berubah emas */
    transform: scale(1.1) !important; /* Ikon membesar sedikit */
}

/* 3. PERBAIKAN TEKS SAMBUTAN "Hello admin..." */
.woocommerce-MyAccount-content > p {
    font-size: 15px !important;
    color: #8C857B !important;
    line-height: 1.8 !important;
    margin-bottom: 30px !important;
}

.woocommerce-MyAccount-content > p strong {
    color: #1A1A1A !important;
    font-weight: 600 !important;
}

.woocommerce-MyAccount-content > p a {
    color: #A9781F !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    font-weight: 600 !important;
}