.elementor-1097 .elementor-element.elementor-element-5f03508f > .elementor-container{max-width:1000px;}.elementor-1097 .elementor-element.elementor-element-5f03508f:not(.elementor-motion-effects-element-type-background), .elementor-1097 .elementor-element.elementor-element-5f03508f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1097 .elementor-element.elementor-element-5f03508f{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-1097 .elementor-element.elementor-element-5f03508f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-1097 .elementor-element.elementor-element-5c43eff2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1097 .elementor-element.elementor-element-5c43eff2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1097 .elementor-element.elementor-element-35ef0f6{text-align:left;}.elementor-1097 .elementor-element.elementor-element-35ef0f6 img{width:50%;}.elementor-bc-flex-widget .elementor-1097 .elementor-element.elementor-element-153f632c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1097 .elementor-element.elementor-element-153f632c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1097 .elementor-element.elementor-element-153f632c.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-1097 .elementor-element.elementor-element-4d0449e3{width:auto;max-width:auto;}.elementor-1097 .elementor-element.elementor-element-4d0449e3 .elementor-button{font-family:"Inter", Sans-serif;font-weight:700;background-color:#FF0000;}.elementor-1097 .elementor-element.elementor-element-8f74680{width:auto;max-width:auto;}.elementor-1097 .elementor-element.elementor-element-8f74680 > .elementor-widget-container{margin:0px 0px 0px 15px;}.elementor-1097 .elementor-element.elementor-element-8f74680 .elementor-heading-title{color:#D2232A;font-family:"Inter", Sans-serif;font-size:17px;font-weight:500;}.elementor-1097 .elementor-element.elementor-element-395715d{width:auto;max-width:auto;}.elementor-1097 .elementor-element.elementor-element-395715d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1097 .elementor-element.elementor-element-395715d .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF;}.elementor-1097 .elementor-element.elementor-element-395715d .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-1097 .elementor-element.elementor-element-395715d .elementor-nav-menu--main .elementor-item{color:#3A3A3A;fill:#3A3A3A;}.elementor-1097 .elementor-element.elementor-element-395715d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1097 .elementor-element.elementor-element-395715d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1097 .elementor-element.elementor-element-395715d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1097 .elementor-element.elementor-element-395715d .elementor-nav-menu--main .elementor-item:focus{color:#C52C2F;fill:#C52C2F;}.elementor-1097 .elementor-element.elementor-element-395715d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C52C2F;}.elementor-1097 .elementor-element.elementor-element-395715d div.elementor-menu-toggle{color:#000000;}.elementor-1097 .elementor-element.elementor-element-395715d div.elementor-menu-toggle svg{fill:#000000;}@media(max-width:767px){.elementor-1097 .elementor-element.elementor-element-5c43eff2{width:35%;}.elementor-1097 .elementor-element.elementor-element-35ef0f6 img{width:100%;}.elementor-1097 .elementor-element.elementor-element-153f632c{width:65%;}.elementor-1097 .elementor-element.elementor-element-4d0449e3 > .elementor-widget-container{margin:0px 5px 0px 0px;}.elementor-1097 .elementor-element.elementor-element-4d0449e3 .elementor-button{padding:10px 20px 10px 20px;}.elementor-1097 .elementor-element.elementor-element-8f74680 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1097 .elementor-element.elementor-element-5c43eff2{width:40.3%;}.elementor-1097 .elementor-element.elementor-element-153f632c{width:59.7%;}}/* Start custom CSS for button, class: .elementor-element-4d0449e3 */body.logged-in .elementor-element-4d0449e3 {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8f74680 *//* =========================================================
   SHORTCODE LOGIN / LOGOUT — DROP-IN CSS
   ========================================================= */

/* 0) HIDE BILA USER DAH LOGIN (kalau shortcode sentiasa render) */
body.logged-in .login-logout-link {
  display: none !important;
}

/* 1) Wrapper & Link Asas */
.login-logout-link { margin: 0; }
.login-logout-link a {
  position: relative;
  display: inline-block;
  line-height: 1.5;
  padding-left: 35px;             /* ruang untuk ikon kiri (desktop) */
  color: inherit;                 /* ikut warna parent/menu */
  text-decoration: none;
  transition: color .2s ease, opacity .2s ease;
  transform: none !important;     /* elak pointer animation translate */
}
.login-logout-link a:hover { opacity: .9; }
.login-logout-link a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
  border-radius: 8px;
}

/* 2) Asas Ikon (pseudo-element) */
.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-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
}

/* 3) SVG untuk LOGIN (Heroicons user-circle — ikut currentColor) */
.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");
}

/* 4) SVG untuk LOGOUT (Feather log-out — stroke ikut currentColor) */
.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");
}

/* 5) Neutralize underline/pointer animation Elementor utk item ni */
.login-logout-link a.elementor-item:after { content: none !important; }

/* 6) Mobile: ikon sahaja (teks disembunyi tapi masih accessible) */
@media (max-width: 767px) {
  .login-logout-link a {
    padding-left: 0;               /* buang ruang ikon kiri */
    width: 36px; height: 36px;     /* mudah ditekan ibu jari */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;            /* optional: bucu lembut */
    /* background-color: #f6f7f9;  // optional: chip background */
  }
  .login-logout-link a .label {
    position: absolute;
    width: 1px; height: 1px;       /* visually hidden tapi dibaca screen reader */
    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;              /* ikon align center ikut flex */
    transform: none;
    width: 35px; height: 35px;     /* ikon sedikit lebih besar di mobile */
  }
}

/* 7) (Opsyen) Warna default & mod gelap ikut sistem */
.login-logout-link a { color: #111; }
@media (prefers-color-scheme: dark) {
  .login-logout-link a { color: #f5f5f7; }
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-395715d *//* Pastikan link logout + ikon align cantik di semua page */
a[href*="/customer-logout"]{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transform: none !important; /* elak pointer translate dari tema */
}
a[href*="/customer-logout"] .nav-logout-icon svg{
  width: 16px; height: 16px; display: block;
}

/* Tunjuk menu HANYA bila user LOGIN */
body:not(.logged-in) .elementor-element-395715d {
  display: none !important; /* hide bila logout */
}

/* (Opsyenal) Paksa nampak bila login, in case ada CSS lain yang hide */
body.logged-in .elementor-element-395715d {
  display: block !important;
}







/* 🎨 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: #f5f5f5 !important; 
    border-radius: 4px !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 */