.elementor-545 .elementor-element.elementor-element-6b75c9dc{--display:flex;}.elementor-545 .elementor-element.elementor-element-304b79f{--display:flex;}.elementor-545 .elementor-element.elementor-element-da4522d .eael-call-to-action.bg-img{background-repeat:no-repeat;background-position:center;background-size:cover;}.elementor-545 .elementor-element.elementor-element-da4522d .eael-call-to-action{max-width:1170px;}.elementor-545 .elementor-element.elementor-element-da4522d .eael-call-to-action.cta-preset-2:not(.cta-preset-1){background:#4B1D6F;}.elementor-545 .elementor-element.elementor-element-da4522d .eael-call-to-action.cta-preset-2:not(.cta-preset-1) .cta-button:not(.cta-secondary-button){background:#FAFAFA;}.elementor-545 .elementor-element.elementor-element-da4522d .eael-call-to-action .cta-button:not(.cta-secondary-button){border-radius:0px;}.elementor-545 .elementor-element.elementor-element-da4522d .eael-call-to-action.cta-icon-flex .icon{font-size:80px;}.elementor-545 .elementor-element.elementor-element-da4522d .eael-call-to-action.cta-icon-flex .icon img{height:80px;width:80px;}.elementor-545 .elementor-element.elementor-element-da4522d .eael-call-to-action.cta-icon-flex .icon svg{height:80px;width:80px;}/* Start custom CSS for container, class: .elementor-element-6b75c9dc *//* Container Utama */
.woocommerce-account .woocommerce {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important;
    margin-top: 20px !important;
    clear: both !important;
}

/* Sidebar Navigasi */
.woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 250px !important;
    width: 250px !important;
    background: #ffffff !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin-bottom: 6px !important;
    list-style: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block !important;
    padding: 10px 16px !important;
    color: #444444 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

/* Hover & Menu Aktif */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: #5B2B82 !important; /* Warna ungu Hijafera */
    color: #ffffff !important;
}

/* Area Konten Utama */
.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1 !important;
    min-width: 0 !important; /* Mencegah overflow */
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 12px !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;
    box-sizing: border-box !important;
}

/* Tampilan Ponsel (Mobile) */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7eaf8f9 *//* 1. Sembunyikan Tombol Pay / Keranjang */
.wcmam-order-body .order-arrow.pay {
    display: none !important;
}

/* 2. Reset Warna Default & Hover untuk Tombol View (Ikon Mata) */
.wcmam-order-body .order-arrow.view,
.wcmam-order-body .order-arrow.view:hover {
    background-color: #f1f5f9 !important; /* Soft grey/blue */
    color: #334155 !important;
}

/* 3. Reset Warna Default & Hover untuk Tombol Cancel (Ikon Silang/Batal) */
.wcmam-order-body .order-arrow.cancel,
.wcmam-order-body .order-arrow.cancel:hover {
    background-color: #fef2f2 !important; /* Soft red */
    color: #991b1b !important;
}

/* 4. Efek Interaktif Saat Kursor Mengarah ke Tombol (Hover State) */
.wcmam-order-body .order-arrow:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.2s ease-in-out !important;
}/* End custom CSS */