.elementor-1314 .elementor-element.elementor-element-2106432 > .elementor-container{max-width:1000px;}.elementor-1314 .elementor-element.elementor-element-2106432:not(.elementor-motion-effects-element-type-background), .elementor-1314 .elementor-element.elementor-element-2106432 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1314 .elementor-element.elementor-element-2106432{box-shadow:0px 5px 10px -7px rgba(0, 0, 0, 0.15);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1314 .elementor-element.elementor-element-2106432 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1314 .elementor-element.elementor-element-b7fd5ab.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1314 .elementor-element.elementor-element-b7fd5ab.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1314 .elementor-element.elementor-element-d6d59b2{text-align:left;}.elementor-1314 .elementor-element.elementor-element-d6d59b2 img{width:50%;}.elementor-bc-flex-widget .elementor-1314 .elementor-element.elementor-element-53c8c263.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1314 .elementor-element.elementor-element-53c8c263.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1314 .elementor-element.elementor-element-53c8c263.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1314 .elementor-element.elementor-element-b3fdfe5{width:auto;max-width:auto;}.elementor-1314 .elementor-element.elementor-element-b3fdfe5 .elementor-button{font-family:"Inter", Sans-serif;font-weight:900;background-color:#FF0000;}.elementor-1314 .elementor-element.elementor-element-ab8ef7a{width:auto;max-width:auto;}.elementor-1314 .elementor-element.elementor-element-ab8ef7a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1314 .elementor-element.elementor-element-ab8ef7a .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF;}.elementor-1314 .elementor-element.elementor-element-ab8ef7a .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-1314 .elementor-element.elementor-element-ab8ef7a .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1314 .elementor-element.elementor-element-ab8ef7a .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1314 .elementor-element.elementor-element-ab8ef7a .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1314 .elementor-element.elementor-element-ab8ef7a .elementor-nav-menu--main .elementor-item:focus{color:#C52C2F;fill:#C52C2F;}.elementor-1314 .elementor-element.elementor-element-ab8ef7a .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C52C2F;}.elementor-1314 .elementor-element.elementor-element-ab8ef7a div.elementor-menu-toggle{color:#000000;}.elementor-1314 .elementor-element.elementor-element-ab8ef7a div.elementor-menu-toggle svg{fill:#000000;}.elementor-1314 .elementor-element.elementor-element-0e4f4c7{width:auto;max-width:auto;}.elementor-1314 .elementor-element.elementor-element-0e4f4c7 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-1314 .elementor-element.elementor-element-0e4f4c7 .elementor-heading-title{color:#D2232A;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;}@media(max-width:767px){.elementor-1314 .elementor-element.elementor-element-b7fd5ab{width:35%;}.elementor-1314 .elementor-element.elementor-element-d6d59b2 img{width:100%;}.elementor-1314 .elementor-element.elementor-element-53c8c263{width:65%;}}@media(min-width:768px){.elementor-1314 .elementor-element.elementor-element-b7fd5ab{width:40.2%;}.elementor-1314 .elementor-element.elementor-element-53c8c263{width:59.8%;}}/* Start custom CSS for button, class: .elementor-element-b3fdfe5 */body.logged-in .elementor-element-4d0449e3 {
    display: none !important;
}

body.woocommerce-account .elementor-element-b3fdfe5 {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-ab8ef7a *//* Hide menu widget ni bila user LOG OUT */
body:not(.logged-in) .elementor-element-ab8ef7a {
  display: none !important;
}

/* Pastikan link logout stabil & ikon align tengah */
body.woocommerce-account a[href*="/my-account/customer-logout/"]{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transform: none !important; /* block pointer translate */
}
body.woocommerce-account a[href*="/my-account/customer-logout/"] .nav-logout-icon svg{
  width: 16px; height: 16px; display: block;
}













/* 🎨 STYLING DROPDOWN MENU ELEMENTOR & PEMBETULAN JURANG BAWAH */

/* === 0. PEMBETULAN JURANG PUTIH/MARGIN BAWAH === */
/* Membuang sebarang ruang putih yang tidak perlu di bawah widget menu */
.elementor-widget-nav-menu {
    margin-bottom: 0 !important; /* Membuang margin pada widget */
}
.elementor-widget-nav-menu .elementor-widget-container {
    padding-bottom: 0 !important; /* Membuang padding pada container */
}
.elementor-widget-nav-menu .elementor-nav-menu__container {
    margin-bottom: 0 !important;
}

/* === 1. STYLING DROPDOWN MENU === */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown {
    /* Latar belakang dan Bayangan Dropdown */
    background-color: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    border-radius: 6px !important;
    padding: 0px 0 !important;
    
    /* Pembetulan kedudukan */
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  transform: none !important;
  border-radius: 0 !important;
  z-index: 99999 !important;
  top: var(--header-height, 60px) !important; /* default fallback 60px */
}


/* Hover state */
.elementor-nav-menu--dropdown .elementor-item:hover {
  color: #fff !important;       /* tukar ikut brand */
  background: #C52C2F !important;  /* highlight hover */
}

/* Active state (current page) */
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .elementor-item.highlighted,
.elementor-nav-menu--dropdown .elementor-item:focus {
  color: #ffffff !important;       /* teks bila active */
  background: #C52C2F !important;  /* bg bila active */
}



/* Targetkan senarai UL/OL di dalam dropdown */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-nav-menu {
    width: 100% !important; 
    padding: 0 !important;
    margin: 0 !important;
}

/* Penjajaran Teks Item Menu di dalam dropdown */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown .menu-item {
    width: 100% !important;
    text-align: center !important; 
}

/* Target link A dan pastikan ia berpusat */
.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item {
    justify-content: center !important; 
    text-align: center !important; 
    padding-left: 15px !important; 
    padding-right: 15px !important;
}

/* Padding untuk item LI yang aktif */
.elementor-widget-nav-menu .elementor-item-active {
    background-color: #c52c2f !important; 
    color:#fff!important;
    border-radius: 8px !important;
}




/* === 2. Pembetulan Item 'Sign out' === */

/* Target link A untuk Sign out (menggunakan ID item menu yang stabil) */
.elementor-widget-nav-menu .menu-item-1323 .elementor-item {
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important; 
    margin: 0 auto !important; 
    width: 100%; 
    max-width: none !important;
}

/* Ikon Logout */
.elementor-widget-nav-menu .menu-item-1323 .nav-logout-icon svg {
    width: 16px !important; 
    height: 16px !important;
    vertical-align: middle !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0e4f4c7 *//* === Base (desktop/tablet): ikon + teks === */
.login-logout-link a {
  position: relative;
  padding-left: 35px; /* ruang untuk ikon kiri */
  display: inline-block;
  line-height: 1.5;
}

/* Login icon (Heroicons user-circle) */
.login-logout-link.login-link a::before,
.login-logout-link.logout-link a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px; height: 30px;
  transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* SVG untuk LOGIN */
.login-logout-link.login-link a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M18.685 19.097A9.723 9.723 0 0021.75 12c0-5.385-4.365-9.75-9.75-9.75S2.25 6.615 2.25 12a9.723 9.723 0 003.065 7.097A9.716 9.716 0 0012 21.75a9.716 9.716 0 006.685-2.653zm-12.54-1.285A7.486 7.486 0 0112 15a7.486 7.486 0 015.855 2.812A8.224 8.224 0 0112 20.25a8.224 8.224 0 01-5.855-2.438zM15.75 9a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* SVG untuk LOGOUT (Feather log-out) */
.login-logout-link.logout-link a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E");
}

/* === Mobile: ikon sahaja (hide text) === */
@media (max-width: 767px) {
  .login-logout-link a {
    padding-left: 0;               /* buang ruang teks */
    width: 36px; height: 36px;     /* jadikan butang mudah di-tap */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;            /* optional */
    /* background-color: #f6f7f9;  // optional */
  }
  .login-logout-link a .label {
    position: absolute;
    width: 1px; height: 1px;       /* visually hidden tapi masih accessible */
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0);
    white-space: nowrap; border: 0;
  }
  .login-logout-link.login-link a::before,
  .login-logout-link.logout-link a::before {
       display: inline-flex;          /* jadikan flex container */
    align-items: center;           /* center vertical */
    justify-content: center;
    position: static;              /* center ikut flex */
    transform: none;
    width: 35px; height: 35px;     /* ikon sedikit lebih besar di mobile */
  }
}


/* Hide bila USER DAH LOGIN */
body.logged-in .login-logout-link {
  display: none !important;
}

/* Pastikan nampak bila USER LOGOUT */
body:not(.logged-in) .login-logout-link {
  display: inline-flex !important; /* atau block ikut layout kau */
}/* End custom CSS */