get_header(); ?>

<main id="main-content" class="site-main page-main">
    <div class="container">
        <div class="page-layout">

            <article class="page-content">
                                    <h1 class="page-title">My account</h1>
                    <div class="page-body entry-content">
                        <div class="woocommerce"><div class="woocommerce-notices-wrapper"></div>

		<h2>Login</h2>

		<form class="woocommerce-form woocommerce-form-login login" method="post" novalidate>

			
			<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
				<label for="username">Username or email address&nbsp;<span class="required" aria-hidden="true">*</span><span class="screen-reader-text">Required</span></label>
				<input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value="" required aria-required="true" />			</p>
			<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
				<label for="password">Password&nbsp;<span class="required" aria-hidden="true">*</span><span class="screen-reader-text">Required</span></label>
				<input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password" required aria-required="true" />
			</p>

			
			<p class="form-row">
				<label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme">
					<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> <span>Remember me</span>
				</label>
				<input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="22f6fa699d" /><input type="hidden" name="_wp_http_referer" value="/my-account/" />				<button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="Log in">Log in</button>
			</p>
			<p class="woocommerce-LostPassword lost_password">
				<a href="https://sedapsangat.com/my-account/lost-password/">Lost your password?</a>
			</p>

			
		</form>


</div>
                    </div>
                                                </article>

            
        </div>
    </div>
</main>

    </div><!-- #content -->

            <footer id="site-footer" class="site-footer has-border">

            
                        <div class="footer-bar">
                <div class="container">
                    <div class="footer-bar__inner">
                        <div class="footer-bar__left">
                            &copy; 2026 Mak Mah Kitchen. Hak Cipta Terpelihara.                        </div>
                        <div class="footer-bar__right">
                                                    </div>
                    </div>
                </div>
            </div>
            
        </footer>
        
</div><!-- #page -->

        <!-- Cart Drawer Overlay -->
        <div id="fikhri-cart-overlay" class="cart-overlay" aria-hidden="true"></div>

        <!-- Cart Drawer -->
        <div
            id="fikhri-cart-drawer"
            class="cart-drawer"
            role="dialog"
            aria-modal="true"
            aria-label="Troli Belanja"
            tabindex="-1"
        >
            <!-- Header -->
            <div class="cart-drawer__header">
                <h2 class="cart-drawer__title">
                    Troli Saya                    <span class="cart-drawer__count">
                        0                    </span>
                </h2>
                <button
                    class="cart-drawer__close"
                    id="fikhri-cart-close"
                    aria-label="Tutup troli"
                >
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>                </button>
            </div>

            <!-- Loading State -->
            <div class="cart-drawer__loading" id="fikhri-cart-loading" aria-live="polite" aria-label="Loading" style="display:none;">
                <div class="cart-spinner"></div>
            </div>

            <!-- Cart Items -->
            <div class="cart-drawer__body" id="fikhri-cart-body">
                        <div class="cart-drawer__empty">
            <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="#ddd" stroke-width="1.5" aria-hidden="true">
                <circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/>
                <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/>
            </svg>
            <p class="cart-empty__text">Troli anda masih kosong.</p>
            <a href="https://sedapsangat.com/produk/" class="btn btn--primary cart-empty__cta">
                Mulakan Membeli-belah
            </a>
        </div>
                    </div>

            <!-- Footer -->
            <div class="cart-drawer__footer" id="fikhri-cart-footer">
                            </div>

        </div><!-- .cart-drawer -->
        <script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/fikhri-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
            <script>
                jQuery(document).ready(function($) {
                    $(document).on('click', 'a.button.cancel.wcs_block_ui_on_click', function(e) {
                        e.preventDefault();

                        var subscriptionId = new URLSearchParams($(this).attr('href').split('?')[1]).get('subscription_id');

                        if (!subscriptionId) {
                            alert('Unable to identify the subscription. Please try again or contact support.');
                            window.location.reload(); // Force refresh if subscription ID is not found
                            return;
                        }

                        if (confirm('Are you sure you want to cancel this subscription?')) {
                            $.ajax({
                                url: bayarcash_ajax.ajax_url,
                                type: 'POST',
                                data: {
                                    action: 'cancel_direct_debit_subscription',
                                    subscription_id: subscriptionId,
                                    security: bayarcash_ajax.nonce
                                },
                                success: function(response) {
                                    if (response.success) {
                                        window.location.href = response.data.redirect_url;
                                    } else {
                                        alert(response.data.message);
                                        window.location.reload(); // Force refresh on error
                                    }
                                },
                                error: function() {
                                    alert('An error occurred. Please try again.');
                                    window.location.reload(); // Force refresh on AJAX error
                                }
                            });
                        } else {
                            window.location.reload(); // Force refresh if user clicks "Cancel" in the confirmation dialog
                        }
                    });
                });
            </script>
			<style>
            .shop-badge.full-width {
                align-items: center;
                width: 100%;
                padding: 0;
                font-size: 0.7em;
                color: #333;
                margin-bottom: 10px;
            }
            .single-product .product .summary .shop-badge.full-width {
                font-size: 1em;
                margin-bottom: 20px;
            }
            .shop-badge .payment-icon {
                height: 20px;
                margin-left: 5px;
                vertical-align: middle;
            }
            .single-product .product .summary .shop-badge .payment-icon {
                height: 24px;
            }
            .woocommerce-loop-product__link {
                display: flex;
                flex-direction: column;
            }
            .woocommerce-loop-product__link .shop-badge.full-width {
                order: -1;
            }
        </style>        <button
            id="fikhri-scroll-top"
            aria-label="Kembali ke atas"
            title="Kembali ke atas"
        >
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
                <polyline points="18 15 12 9 6 15"/>
            </svg>
        </button>
                <!-- Mobile Menu Overlay -->
        <div
            id="fikhri-mobile-overlay"
            class="mobile-overlay"
            aria-hidden="true"
        ></div>

        <!-- Mobile Drawer -->
        <div
            id="fikhri-mobile-drawer"
            class="mobile-drawer mobile-drawer--slide-left"
            style="background: #ffffff;"
            role="dialog"
            aria-modal="true"
            aria-label="Menu Navigasi"
            aria-hidden="true"
            tabindex="-1"
        >
            <!-- Drawer Header -->
            <div class="mobile-drawer__header">
                <div class="mobile-drawer__logo">
                    <span class="site-title-mobile">Mak Mah Kitchen</span>                </div>
                <button
                    id="fikhri-mobile-close"
                    class="mobile-drawer__close"
                    aria-label="Tutup menu"
                >
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
                        <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
                    </svg>
                </button>
            </div>

            <!-- Search in Drawer -->
                        <div class="mobile-drawer__search">
                <form role="search" method="get" action="https://sedapsangat.com/">
                    <div class="mobile-search-wrap">
                        <input
                            type="search"
                            name="s"
                            placeholder="Cari..."
                            class="mobile-search-input"
                            aria-label="Cari"
                        >
                        <button type="submit" class="mobile-search-btn" aria-label="Cari">
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
                                <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
                            </svg>
                        </button>
                    </div>
                </form>
            </div>
            
            <!-- Main Navigation -->
            <nav class="mobile-drawer__nav" aria-label="Mobile Navigation">
                            </nav>

            <!-- Mobile Footer Area -->
            <div class="mobile-drawer__footer">
                                <div class="mobile-drawer__account-links">
                    <a href="https://sedapsangat.com/my-account/" class="mobile-account-link">
                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true">
                            <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>
                        </svg>
                        Akaun Saya                    </a>
                </div>
                
                            </div>

        </div><!-- .mobile-drawer -->
                <div
            id="fikhri-search-overlay"
            class="search-overlay search-overlay--fullscreen"
            role="dialog"
            aria-modal="true"
            aria-label="Carian"
            aria-hidden="true"
        >
            <button id="fikhri-search-close" class="search-overlay__close" aria-label="Tutup carian">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
                    <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
                </svg>
            </button>

            <div class="search-overlay__inner">
                                    <p class="search-overlay__label">Apa yang anda cari?</p>
                
                <div class="search-overlay__form-wrap">
                    <form role="search" method="get" action="https://sedapsangat.com/" class="search-overlay__form">
                        <input
                            type="search"
                            id="fikhri-search-input"
                            class="search-overlay__input"
                            name="s"
                            placeholder="Taip dan tekan Enter..."
                            autocomplete="off"
                            aria-label="Carian"
                        >
                                                <button type="submit" class="search-overlay__submit" aria-label="Cari">
                            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
                                <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
                            </svg>
                        </button>
                    </form>

                    <!-- Live Search Results -->
                                        <div id="fikhri-search-results" class="search-live-results" role="listbox" aria-label="Keputusan carian" style="display:none;"></div>
                                    </div>

                                <p class="search-overlay__hint">
                    Tekan                    <kbd>ESC</kbd>
                    untuk tutup                </p>
                            </div>
        </div>

        <!-- Overlay backdrop (fullscreen only) -->
                <div id="fikhri-search-backdrop" class="search-backdrop"></div>
                        <!-- Quick View Overlay -->
        <div id="fikhri-qv-overlay" class="qv-overlay" aria-hidden="true"></div>

        <!-- Quick View Modal -->
        <div
            id="fikhri-qv-modal"
            class="qv-modal"
            role="dialog"
            aria-modal="true"
            aria-label="Paparan Pantas Produk"
            aria-live="polite"
            tabindex="-1"
            aria-hidden="true"
        >
            <button class="qv-modal__close" id="fikhri-qv-close" aria-label="Tutup paparan pantas">
                <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" aria-hidden="true">
                    <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
                </svg>
            </button>

            <div class="qv-modal__loading" id="fikhri-qv-loading">
                <div class="qv-spinner"></div>
            </div>

            <div class="qv-modal__content" id="fikhri-qv-content">
                <!-- Loaded via AJAX -->
            </div>
        </div>
        <div id='pys_ajax_events'></div>        <script>
            var node = document.getElementsByClassName('woocommerce-message')[0];
            if(node && document.getElementById('pys_late_event')) {
                var messageText = node.textContent.trim();
                if(!messageText) {
                    node.style.display = 'none';
                }
            }
        </script>
        			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<link rel='stylesheet' id='woo-conditional-shipping-blocks-style-css' href='https://sedapsangat.com/wp-content/plugins/conditional-shipping-for-woocommerce/frontend/css/woo-conditional-shipping.css' media='all' />
<!-- start Simple Custom CSS and JS -->
<style>
/* ========================================
   PAYMENT METHOD SECTION (NO JS / NO :has)
======================================== */

/* (Saranan) Urus font Poppins melalui Astra/Functions.php, bukan @import */

/* Payment Section */
.woocommerce-checkout #payment,
body.woocommerce-checkout #payment{
  font-family:'Poppins',sans-serif!important;
  padding:0!important;
  margin:1.5rem 0 0 0!important;
}

/* Payment Methods Container */
.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment ul.wc_payment_methods{
  margin:0 0 1rem 0!important;
  padding:0!important;
  list-style:none!important;
  background:transparent!important;
}

/* Wrapper LI: jadikan neutral (border pada LABEL) */
.woocommerce-checkout #payment ul.payment_methods li,
body.woocommerce-checkout #payment .wc_payment_method{
  list-style:none!important;
  position:relative!important;
  margin:0 0 .6rem 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

/* Radio */
.woocommerce-checkout #payment input[type="radio"]{
  width:18px!important;
  height:18px!important;
  margin:0 .7rem 0 0!important;
  accent-color:#F7D275!important;
  cursor:pointer!important;
  flex-shrink:0!important;
}

/* Label sebagai "kad" yang boleh di-highlight dengan :checked + label */
.woocommerce-checkout #payment ul.payment_methods li > label{
  display:flex!important;
  align-items:center!important;
  gap:.5rem!important;
  width:100%!important;
  margin:0!important;
  cursor:pointer!important;

  background:#FFFFFF!important;
  border:2px solid #e5e7eb!important;
  border-radius:8px!important;
  padding:.75rem 1rem!important;

  font-weight:600!important;
  color:#2D4129!important;
  font-size:14px!important;
  transition:all .2s ease!important;
}
.woocommerce-checkout #payment ul.payment_methods li > label:hover{
  border-color:#F7D275!important;
}
.woocommerce-checkout #payment ul.payment_methods li > label > span{
  flex:1!important;
}

/* State TERPILIH: tanpa :has, guna input:checked + label */
.woocommerce-checkout #payment input[type="radio"]:checked + label{
  border-color:#2D4129!important;
  box-shadow:0 2px 8px rgba(45,65,41,.08)!important;
}

/* Payment Icons – hadkan pada label supaya logo dalam .payment_box tak terkesan */
.woocommerce-checkout #payment ul.payment_methods li > label img{
  max-height:24px!important;
  height:24px!important;
  width:auto!important;
  margin:0 0 0 .3rem!important;
  display:inline-block!important;
  vertical-align:middle!important;
  flex-shrink:0!important;
}
.woocommerce-checkout #payment ul.payment_methods li > label img + img{
  margin-left:.3rem!important;
}

/* Verified Badge – target ikut gateway, BUKAN :first-child */
/* Contoh: billplz = online banking (tukar ke slug gateway sebenar site anda) */
.woocommerce-checkout #payment .payment_method_billplz > label::after{
  content:"✓"!important;
  background:#10b981!important;
  color:#FFF!important;
  width:16px!important;height:16px!important;
  border-radius:50%!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  font-size:10px!important;font-weight:700!important;
  margin-left:.3rem!important;flex-shrink:0!important;
}

/* Payment Description Box */
.woocommerce-checkout #payment .payment_box{
  background:#f8f9fa!important;
  border:none!important;
  border-radius:6px!important;
  padding:.6rem .8rem!important;
  margin:.6rem 0 0 0!important;
  font-size:12px!important;line-height:1.4!important;color:#6b7280!important;
}
.woocommerce-checkout #payment .payment_box p{
  margin:0!important;font-size:12px!important;color:#6b7280!important;
}

/* Instruction Text */
.woocommerce-checkout #payment > p{
  font-size:12px!important;color:#6b7280!important;
  margin:.8rem 0!important;line-height:1.4!important;
}

/* Notices – bezakan error vs info/success */
.woocommerce-checkout form.checkout .woocommerce-error{
  background:#E3142F!important;color:#FFF!important;border:none!important;
  border-radius:8px!important;padding:.7rem .9rem!important;margin:0 0 1rem 0!important;
  font-size:12px!important;line-height:1.4!important;
  box-shadow:0 2px 8px rgba(227,20,47,.2)!important;
}
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message{
  background:#f0fdf4!important;color:#14532d!important;
  border:1px solid #bbf7d0!important;border-radius:8px!important;
  padding:.7rem .9rem!important;margin:0 0 1rem 0!important;font-size:12px!important;
}

/* Secure Message */
.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;
  background:#f0fdf4!important;border:1px solid #d1fae5!important;border-radius:6px!important;
  padding:.6rem .8rem!important;margin:1rem 0 0 0!important;font-size:12px!important;color:#2D4129!important;font-weight:500!important;
}
.woocommerce-checkout .woocommerce-privacy-policy-text::before{
  content:"🔒"!important;font-size:14px!important;
}

/* Place Order Button */
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout #place_order{
  width:100%!important;padding:.9rem 1.5rem!important;
  background:#2D4129!important;color:#FFF!important;border:none!important;border-radius:8px!important;
  font-size:.95rem!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;
  box-shadow:0 3px 12px rgba(45,65,41,.2)!important;margin-top:1rem!important;
  font-family:'Poppins',sans-serif!important;
}
.woocommerce-checkout #place_order:hover{
  background:#3d5a35!important;transform:translateY(-1px)!important;
  box-shadow:0 4px 16px rgba(45,65,41,.3)!important;
}
.woocommerce-checkout #place_order:active{transform:translateY(0)!important;}

/* Terms & Conditions */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  background:rgba(247,210,117,.1)!important;border-radius:6px!important;
  padding:.6rem .8rem!important;margin:.8rem 0!important;font-size:12px!important;line-height:1.4!important;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox input[type="checkbox"]{
  accent-color:#2D4129!important;width:15px!important;height:15px!important;margin-right:.4rem!important;
}

/* Responsive */
@media(max-width:768px){
  .woocommerce-checkout #payment ul.payment_methods li > label{
    padding:.65rem .85rem!important;font-size:13px!important;
  }
  .woocommerce-checkout #payment input[type="radio"]{
    width:16px!important;height:16px!important;
  }
  .woocommerce-checkout #payment ul.payment_methods li > label img{
    max-height:20px!important;height:20px!important;
  }
  .woocommerce-checkout #place_order{
    padding:.8rem 1.2rem!important;font-size:.9rem!important;
  }
}

/* Order review */
#order_review{
    padding-left:10px !important;
    padding-right:10px !important;
    transform:translatex(0px) translatey(0px);
}

/* Remove */
.cart_item .product-name .remove{
    color:#ffffff;
    border-color:#ff0f0f;
    background-repeat:repeat;
    background-color:#ff0000;
    margin-right:5px;
    padding-left:5px;
    padding-top:0px;
    display:block;
    align-self:auto;
    float:none;
    visibility:visible;
    opacity:1;
}
</style>
<!-- end Simple Custom CSS and JS -->
		<script type="text/javascript">
			(function() {
				window.wcAnalytics = window.wcAnalytics || {};
				const wcAnalytics = window.wcAnalytics;

				// Set the assets URL for webpack to find the split assets.
				wcAnalytics.assets_url = 'https://sedapsangat.com/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/src/../build/';

				// Set the REST API tracking endpoint URL.
								wcAnalytics.trackEndpoint = "https://sedapsangat.com/wp-json/woocommerce-analytics/v1/track";

				// Set common properties for all events.
				wcAnalytics.commonProps = {"session_id":null,"landing_page":null,"is_engaged":null,"ui":0,"blog_id":221906167,"store_id":"6f93adea-f2d9-428a-896b-4082a18c1045","url":"https://sedapsangat.com","woo_version":"10.7.0","wp_version":"7.0","store_admin":0,"device":"desktop","store_currency":"MYR","timezone":"Asia/Kuala_Lumpur","is_guest":1,"_via_ua":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","_via_ip":"216.73.217.129","_lg":"","_dr":"","_dl":"https://sedapsangat.com/my-account/","_via_ref":""};

				// Set the event queue.
				wcAnalytics.eventQueue = [];

				// Features.
				wcAnalytics.features = {
					ch: false,
					sessionTracking: false,
					proxy: false,
				};

				wcAnalytics.breadcrumbs = ["My account"];

				// Page context flags.
				wcAnalytics.pages = {
					isAccountPage: true,
					isCart: false,
				};
			})();
		</script>
		
</body>
</html>