/* =========================================================================
   NURFA — WooCommerce Cart + Checkout (Divi) → gaya Flatsome
   Tampal dalam: Divi → Theme Options → Custom CSS
                 ATAU  Appearance → Customize → Additional CSS
   Tukar warna butang & step aktif kat --ncs-accent di bawah.
   ========================================================================= */

:root{
  --ncs-accent: #c0612a;   /* warna butang Place Order + bulatan step aktif */
  --ncs-border: #e3e3e3;
  --ncs-line:   #f0f0f0;
  --ncs-text:   #333;
  --ncs-label:  #666;   /* label kecil atas field */
}

/* Hadkan lebar & center borang (tak sentuh header/footer).
   Nota: kalau tak nak besar, row/section Divi mungkin had ~1080px —
   set Row → Sizing → Width/Max Width ke 1280px atau 90%. */
.woocommerce-checkout form.checkout{
  max-width: 1280px;
  margin: 0 auto;
}

/* =========================================================================
   1) STEP BAR — Shopping Cart › Checkout details › Order Complete
   (HTML dijana oleh snippet PHP)
   ========================================================================= */
.nurfa-checkout-steps{
  display:flex; justify-content:center; align-items:center;
  flex-wrap:wrap; gap:14px;
  max-width:1280px; margin:0 auto 38px; padding-bottom:24px;
  border-bottom:1px solid var(--ncs-line);
  font-size:17px; color:#bbb;
}
.nurfa-checkout-steps .ncs-step{
  display:inline-flex; align-items:center; gap:9px; font-weight:600;
}
.nurfa-checkout-steps .ncs-step i{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; border-radius:50%;
  background:#e7e7e7; color:#999;
  font-size:13px; font-style:normal; font-weight:700;
}
.nurfa-checkout-steps .ncs-step.done{ color:#bbb; }
.nurfa-checkout-steps .ncs-step.active{ color:#222; }
.nurfa-checkout-steps .ncs-step.active i{ background:var(--ncs-accent); color:#fff; }
.nurfa-checkout-steps .ncs-sep{ color:#ccc; font-size:18px; line-height:1; }

/* =========================================================================
   2) LAYOUT 2 KOLUM — kiri: Billing + Additional | kanan: Your Order
   ========================================================================= */
@media (min-width:850px){
  .woocommerce-checkout form.checkout{ overflow:hidden; }   /* contain float */
  .woocommerce-checkout #customer_details{ float:left;  width:54%; }
  .woocommerce-checkout #order_review_heading{ float:right; width:42%; clear:right; margin-top:0; }
  .woocommerce-checkout #order_review{ float:right; width:42%; clear:right; }
}

/* col-1 (billing) & col-2 (additional) bertindih menegak, bukan sebelah-menyebelah */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
  width:100%; float:none; max-width:100%; padding:0; margin:0 0 8px;
}

/* =========================================================================
   3) TAJUK SEKSYEN — center + uppercase
   ========================================================================= */
.woocommerce-checkout .woocommerce-billing-fields > h3,
.woocommerce-checkout #customer_details .col-1 > h3,
.woocommerce-checkout .woocommerce-additional-fields > h3,
.woocommerce-checkout #order_review_heading{
  text-align:center; text-transform:uppercase;
  letter-spacing:1.5px; font-size:18px; font-weight:600;
  color:#444; margin:0 0 22px;
}

/* =========================================================================
   4) FIELD — kotak berlabel kecil (gaya Flatsome)
   ========================================================================= */
.woocommerce-checkout .woocommerce-billing-fields .form-row,
.woocommerce-checkout .woocommerce-additional-fields .form-row{
  position:relative;
  border:1px solid var(--ncs-border); border-radius:5px;
  background:#fff; padding:7px 14px 8px; margin:0 0 14px;
}
.woocommerce-checkout .woocommerce-billing-fields .form-row > label,
.woocommerce-checkout .woocommerce-additional-fields .form-row > label{
  display:block; margin:0;
  font-size:11px; font-weight:400; line-height:1.4; color:var(--ncs-label);
}
.woocommerce-checkout .form-row abbr.required,
.woocommerce-checkout .form-row .required{
  color:var(--ncs-accent); border:none; text-decoration:none;
}
.woocommerce-checkout .woocommerce-input-wrapper{ display:block; width:100%; }

/* nilai input */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea{
  border:none !important; background:transparent !important; box-shadow:none !important;
  padding:0 !important; height:auto !important; min-height:0 !important;
  font-size:15px; color:var(--ncs-text) !important; width:100%; line-height:1.5;
}
.woocommerce-checkout .form-row textarea{ min-height:90px; resize:vertical; }
.woocommerce-checkout .form-row input::placeholder,
.woocommerce-checkout .form-row textarea::placeholder{ color:#999; opacity:1; }

/* dropdown native (State/County) */
.woocommerce-checkout .form-row select{
  border:none !important; box-shadow:none !important;
  padding:0 18px 0 0 !important; height:auto !important; min-height:0 !important;
  font-size:15px; color:var(--ncs-text) !important; width:100%; line-height:1.6; cursor:pointer;
  background-color:transparent !important;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23999' d='M6 8L0 0h12z'/></svg>") !important;
  background-repeat:no-repeat !important; background-position:right center !important;
}

/* kalau guna select2 untuk State */
.woocommerce-checkout .form-row .select2-container{ width:100% !important; }
.woocommerce-checkout .form-row .select2-container--default .select2-selection--single{
  border:none; background:transparent; height:auto; padding:0;
}
.woocommerce-checkout .form-row .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding:0; line-height:1.6; color:var(--ncs-text); font-size:15px;
}
.woocommerce-checkout .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{
  top:0; right:0; height:100%;
}

/* Nama depan/belakang sebaris; Street/Apartment sebaris */
@media (min-width:560px){
  .woocommerce-checkout p.form-row-first,
  .woocommerce-checkout p#billing_address_1_field{ float:left;  width:calc(50% - 8px); clear:left; }
  .woocommerce-checkout p.form-row-last,
  .woocommerce-checkout p#billing_address_2_field{ float:right; width:calc(50% - 8px); clear:right; }
  .woocommerce-checkout p#billing_city_field{ clear:both; }
}

/* Samakan tinggi semua kotak field (Apartment tiada label -> lebih pendek) */
.woocommerce-checkout .woocommerce-billing-fields .form-row:not(#billing_country_field),
.woocommerce-checkout .woocommerce-shipping-fields .form-row:not(#shipping_country_field),
.woocommerce-checkout .woocommerce-additional-fields .form-row{
  box-sizing:border-box; min-height:56px;
}
/* Field tanpa label (Apartment) — tengahkan placeholder supaya sejajar */
.woocommerce-checkout #billing_address_2_field,
.woocommerce-checkout #shipping_address_2_field{
  display:flex; flex-direction:column; justify-content:center;
}

/* Country/Region — teks "Malaysia" center, bukan kotak */
.woocommerce-checkout #billing_country_field{
  border:none !important; background:transparent !important; padding:0 !important;
  text-align:center; margin:0 0 18px; float:none; width:100%; clear:both;
}
.woocommerce-checkout #billing_country_field > label{
  display:block; font-size:13px; font-weight:700; color:#444; letter-spacing:.5px;
}
.woocommerce-checkout #billing_country_field strong{
  display:block; font-weight:400; font-size:16px; color:var(--ncs-text); margin-top:4px;
}

/* =========================================================================
   5) RINGKASAN ORDER (kanan)
   ========================================================================= */
.woocommerce-checkout-review-order-table{ width:100%; border:none; margin:0 0 24px; }
.woocommerce-checkout-review-order-table thead th{
  text-transform:uppercase; font-size:12px; letter-spacing:.6px; font-weight:700;
  color:#555; border:none; border-bottom:1px solid var(--ncs-border); padding:10px 0;
}
.woocommerce-checkout-review-order-table tbody td,
.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{
  border:none; border-bottom:1px solid var(--ncs-line);
  padding:14px 0; font-size:14px; color:var(--ncs-text); background:transparent;
}
.woocommerce-checkout-review-order-table th:last-child,
.woocommerce-checkout-review-order-table td:last-child{ text-align:right; }
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td .amount{ font-size:16px; font-weight:700; }

/* Order review: SINGLE COLUMN penuh (product atas, subtotal bawah) */
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-review-order-table thead,
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot,
.woocommerce-checkout .woocommerce-checkout-review-order-table tr,
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td{
  display:block; width:100%; background:transparent !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table thead th.product-total{ display:none; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody tr.cart_item{
  padding:14px 0; border-bottom:1px solid var(--ncs-line) !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-name{
  border:none !important; padding:0 !important; text-align:left !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total{
  border:none !important; padding:8px 0 0 !important; text-align:left !important;
  font-weight:700; color:var(--ncs-text);
}
/* Label "Subtotal" sebelum harga tiap item */
.woocommerce-checkout .woocommerce-checkout-review-order-table tbody td.product-total::before{
  content:"Subtotal: "; font-weight:600; color:#888;
}

/* Kotak ringkasan (tfoot) — grey, berjarak, garis penuh */
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot{
  box-sizing:border-box; margin-top:22px;
  background:#f7f7f7 !important; border-radius:8px; padding:6px 18px;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr{
  display:flex; justify-content:space-between; align-items:flex-start; gap:16px;
  padding:13px 0; border-bottom:1px solid #e6e6e6;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr:last-child{ border-bottom:none; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td{
  width:auto; border:none !important; padding:0 !important; background:transparent !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th{ text-align:left; }
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td{ text-align:right; }

/* Payment box bersih (buang background kelabu Divi) */
.woocommerce-checkout #payment{ background:transparent; border:none; border-radius:0; }
.woocommerce-checkout #payment ul.payment_methods{ border:none; padding:0; margin:0 0 8px; }
.woocommerce-checkout #payment ul.payment_methods li{
  list-style:none; padding:12px 0; border-bottom:1px solid var(--ncs-line);
}
.woocommerce-checkout #payment ul.payment_methods li input[type=radio]{ margin-right:8px; }
.woocommerce-checkout #payment div.payment_box{
  background:transparent; box-shadow:none; margin:10px 0 0; padding:6px 0 0;
}
.woocommerce-checkout #payment div.payment_box::before{ display:none; }
.woocommerce-checkout #payment .place-order{ padding:0; border:none; }

/* Logo gateway (banner CHIP/FPX) — papar penuh, buang margin -2px yang potong atas */
.woocommerce-checkout #payment ul.payment_methods li img{
  margin:0 0 0 .5em !important; max-width:100%; height:auto; vertical-align:middle; padding-right:12px;
}

/* terms checkbox center */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{ text-align:center; margin:18px 0; }

/* Butang PLACE ORDER */
.woocommerce-checkout #place_order{
  display:block; width:100%;
  background:var(--ncs-accent) !important; color:#fff !important;
  border:none; border-radius:5px;
  text-transform:uppercase; font-weight:700; letter-spacing:1px;
  padding:16px 20px; font-size:15px; line-height:1.2;
  transition:filter .2s ease;
}
.woocommerce-checkout #place_order:hover{ filter:brightness(.92); }

/* teks privacy bawah */
.woocommerce-checkout .woocommerce-privacy-policy-text{ margin-top:16px; }
.woocommerce-checkout .woocommerce-privacy-policy-text p{
  text-align:center; font-size:12px; line-height:1.6; color:#999; margin:0;
}


/* =========================================================================
   ===============  HALAMAN CART (TROLI)  =================================
   ========================================================================= */

/* Lebar & center. Kalau row Divi had ~1080px, set Row Width 1280px / 90% */
.woocommerce-cart .woocommerce{ max-width:1280px; margin:0 auto; }

/* Layout 2 kolum — jadual kiri, totals kanan */
@media (min-width:850px){
  .woocommerce-cart .woocommerce::after{ content:""; display:table; clear:both; }
  .woocommerce-cart .woocommerce-cart-form{ float:left;  width:62%; }
  .woocommerce-cart .cart-collaterals{ float:right; width:34%; }
  .woocommerce-cart .cart-collaterals .cart_totals{ width:100%; float:none; }
}

/* Jadual cart */
.woocommerce-cart table.cart{ border:none; margin:0; }
.woocommerce-cart table.cart thead th{
  text-transform:uppercase; font-size:12px; letter-spacing:.6px; font-weight:700;
  color:#555; border:none; border-bottom:1px solid var(--ncs-border);
  padding:10px 8px; text-align:left;
}
.woocommerce-cart table.cart td{
  border:none; border-bottom:1px solid var(--ncs-line);
  padding:18px 8px; background:transparent; vertical-align:middle;
}
/* Buang striping baris genap Divi */
.woocommerce-cart table.cart tbody tr,
.woocommerce-cart table.cart tbody tr td{ background:transparent !important; }
.woocommerce-cart table.cart td.product-thumbnail img{
  width:64px; height:auto; border-radius:4px;
}
.woocommerce-cart table.cart td.product-name a{
  color:var(--ncs-accent); font-weight:600; text-decoration:none;
}
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal{ font-weight:600; color:var(--ncs-text); }

/* Butang remove (×) — bulat gaya Flatsome */
.woocommerce-cart table.cart td.product-remove a.remove{
  display:inline-flex; align-items:center; justify-content:center;
  width:26px; height:26px; line-height:1; font-size:18px;
  border:1px solid #ddd; border-radius:50%; color:#bbb !important; text-decoration:none;
}
.woocommerce-cart table.cart td.product-remove a.remove:hover{
  background:var(--ncs-accent); border-color:var(--ncs-accent); color:#fff !important;
}

/* Kotak kuantiti */
.woocommerce-cart table.cart td.product-quantity .quantity input.qty{
  width:52px; text-align:center;
  border:1px solid var(--ncs-border); border-radius:5px;
  padding:7px 2px; background:#fff; color:var(--ncs-text);
}

/* Baris actions (Update cart / coupon) */
.woocommerce-cart table.cart td.actions{ padding:18px 0; border-bottom:none; }
.woocommerce-cart table.cart td.actions .button{
  background:#fff !important; color:var(--ncs-text) !important;
  border:1px solid var(--ncs-border) !important; border-radius:5px;
  text-transform:uppercase; font-weight:600; letter-spacing:.5px; padding:12px 18px;
}
.woocommerce-cart table.cart td.actions .button:hover{
  border-color:var(--ncs-accent) !important; color:var(--ncs-accent) !important;
}
.woocommerce-cart table.cart td.actions .coupon input.input-text{
  border:1px solid var(--ncs-border); border-radius:5px; padding:11px 14px;
}

/* Cart totals (kanan) */
.woocommerce-cart .cart_totals h2{
  text-align:center; text-transform:uppercase; letter-spacing:1.5px;
  font-size:18px; font-weight:600; color:#444; margin:0 0 22px;
}
.woocommerce-cart .cart_totals table{ border:none; width:100%; margin:0; }
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  border:none; border-bottom:1px solid var(--ncs-line);
  padding:14px 0; background:transparent; font-size:14px; color:var(--ncs-text);
}
.woocommerce-cart .cart_totals table td{ text-align:right; }
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td .amount{ font-size:16px; font-weight:700; }

/* Butang PROCEED TO CHECKOUT (oren penuh) */
.woocommerce-cart .wc-proceed-to-checkout{ padding-top:18px; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display:block; width:100%; text-align:center;
  background:var(--ncs-accent) !important; color:#fff !important;
  border:none; border-radius:5px; text-transform:uppercase;
  font-weight:700; letter-spacing:1px; padding:16px 20px; font-size:15px;
}
.woocommerce-cart #page-container .wc-proceed-to-checkout a.checkout-button:hover,
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
  background-color:var(--ncs-accent) !important;
  background-image:none !important;
  border:none !important;
  color:#fff !important;
  padding:16px 20px !important;   /* kekalkan saiz, jangan resize */
  transform:none !important;
  filter:brightness(.92);
}
/* buang arrow Divi yang tolak padding masa hover */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover::after,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before{
  content:"" !important; display:none !important; margin:0 !important; opacity:0 !important;
}


/* =========================================================================
   ===============  NOTICES + LOGIN + ORDER BOX FIX  =====================
   ========================================================================= */

/* --- Notis WooCommerce (info / message / error) — samakan tema --- */
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message{
  background:#faf4ef !important;
  color:#6d4526 !important;
  border:1px solid var(--ncs-border) !important;
  border-top:3px solid var(--ncs-accent) !important;
  border-radius:5px !important;
  box-shadow:none !important;
}
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before{ color:var(--ncs-accent) !important; }
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-message a{ color:var(--ncs-accent) !important; }
/* Buttons inside notices (e.g. Continue shopping) — readable, on-theme */
.woocommerce .woocommerce-info a.button,
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-error a.button{
  background-color:var(--ncs-accent) !important;
  background-image:none !important;
  border:none !important;
  color:#fff !important;
  border-radius:5px; padding:10px 18px; font-weight:600; text-transform:none;
}
.woocommerce .woocommerce-info a.button:hover,
.woocommerce .woocommerce-message a.button:hover,
.woocommerce .woocommerce-error a.button:hover{ filter:brightness(.92); color:#fff !important; }
.woocommerce .woocommerce-error{
  background:#fbeeee !important; color:#8a1f1f !important;
  border:1px solid #f0c9c9 !important; border-top:3px solid #c0392b !important;
  border-radius:5px !important; box-shadow:none !important;
}
.woocommerce .woocommerce-error::before{ color:#c0392b !important; }

/* --- Form login checkout --- */
.woocommerce-checkout form.woocommerce-form-login{
  border:1px solid var(--ncs-border); border-radius:6px;
  padding:22px 24px 8px; margin-bottom:26px; background:#fff;
}
.woocommerce-checkout form.woocommerce-form-login .form-row-first,
.woocommerce-checkout form.woocommerce-form-login .form-row-last{
  position:relative; border:1px solid var(--ncs-border); border-radius:5px;
  background:#fff; padding:7px 14px 8px; margin:0 0 14px;
}
.woocommerce-checkout form.woocommerce-form-login .form-row-first > label,
.woocommerce-checkout form.woocommerce-form-login .form-row-last > label{
  display:block; margin:0; font-size:11px; font-weight:400; line-height:1.4; color:var(--ncs-label);
}
.woocommerce-checkout form.woocommerce-form-login .form-row-first input.input-text,
.woocommerce-checkout form.woocommerce-form-login .form-row-last input.input-text{
  border:none !important; background:transparent !important; box-shadow:none !important;
  padding:0 !important; height:auto !important; min-height:0 !important;
  font-size:15px; color:var(--ncs-text) !important; width:100%; line-height:1.5;
}
.woocommerce-checkout form.woocommerce-form-login button[name="login"],
.woocommerce-checkout form.woocommerce-form-login .woocommerce-form-login__submit{
  background:var(--ncs-accent) !important; color:#fff !important;
  border:none !important; border-radius:5px;
  text-transform:uppercase; font-weight:700; letter-spacing:.5px; padding:12px 24px;
}
.woocommerce-checkout form.woocommerce-form-login button[name="login"]:hover{ filter:brightness(.92); }
.woocommerce-checkout form.woocommerce-form-login .lost_password a{ color:var(--ncs-accent); }

/* --- Buang border kotak Divi pada order review (samakan preview) --- */
.woocommerce-checkout #order_review,
.woocommerce-checkout table.woocommerce-checkout-review-order-table,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr{
  border:none !important; box-shadow:none !important; background:transparent !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table td{
  border-left:0 !important; border-right:0 !important; border-top:0 !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{
  border-bottom:1px solid var(--ncs-border) !important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{
  border-bottom:1px solid var(--ncs-line) !important;
}

/* --- Country: kalau dropdown (banyak negara) → jadikan kotak biasa --- */
.woocommerce-checkout #billing_country_field:has(select){
  border:1px solid var(--ncs-border) !important; background:#fff !important;
  border-radius:5px; padding:7px 14px 8px !important; text-align:left; margin:0 0 14px;
}
.woocommerce-checkout #billing_country_field:has(select) > label{
  font-size:11px; font-weight:400; color:var(--ncs-label); text-align:left; letter-spacing:0;
}


/* =========================================================================
   ===============  MOBILE (≤ 849px)  ====================================
   ========================================================================= */
@media (max-width:849px){

  /* Step bar lebih kecil di telefon */
  .nurfa-checkout-steps{ font-size:15px; gap:8px 12px; }

  /* --- CART: kad bertindan, guna float supaya teks tak tindih thumbnail --- */
  .woocommerce-cart table.cart,
  .woocommerce-cart table.cart tbody{ display:block; width:100%; }
  .woocommerce-cart table.cart thead{ display:none; }

  .woocommerce-cart table.cart tr.cart_item{
    display:block; position:relative; overflow:hidden;
    border:1px solid var(--ncs-line); border-radius:8px;
    padding:14px; margin:0 0 14px;
  }
  .woocommerce-cart table.cart tr.cart_item td{
    display:block; width:auto; border:none; padding:0; text-align:left;
  }

  /* Thumbnail float kiri — nama & variation mengalir di kanan/bawahnya */
  .woocommerce-cart table.cart tr.cart_item td.product-thumbnail{
    float:left; width:66px; margin:0 12px 6px 0;
  }
  .woocommerce-cart table.cart tr.cart_item td.product-thumbnail img{ width:66px !important; height:auto; }

  /* Nama + variation */
  .woocommerce-cart table.cart tr.cart_item{ background:#fff !important; }
  .woocommerce-cart table.cart tr.cart_item td{ background:transparent !important; }
  .woocommerce-cart table.cart tr.cart_item td.product-name,
  .woocommerce-cart table.cart tr.cart_item td.product-name *{ text-align:left !important; }
  .woocommerce-cart table.cart tr.cart_item td.product-name{
    overflow:hidden; padding-right:40px; font-size:13px; line-height:1.45;
  }
  .woocommerce-cart table.cart tr.cart_item td.product-name > a{ font-weight:600; color:var(--ncs-accent); }
  .woocommerce-cart table.cart tr.cart_item td.product-name dl.variation{
    margin:6px 0 0; font-size:12px; color:#666;
  }
  .woocommerce-cart table.cart tr.cart_item td.product-name dl.variation dt{
    display:inline; font-weight:600; margin:0 4px 0 0; float:none; clear:none;
  }
  .woocommerce-cart table.cart tr.cart_item td.product-name dl.variation dd{ display:inline; margin:0; }
  .woocommerce-cart table.cart tr.cart_item td.product-name dl.variation dd p{ display:inline; margin:0; }
  .woocommerce-cart table.cart tr.cart_item td.product-name dl.variation dd::after{ content:""; display:block; }

  /* Butang remove kanan atas */
  .woocommerce-cart table.cart tr.cart_item td.product-remove{
    position:absolute; top:12px; right:12px; padding:0; width:auto;
  }
  .woocommerce-cart table.cart tr.cart_item td.product-remove a.remove{
    width:22px; height:22px; font-size:15px;
  }

  /* Price / Quantity / Subtotal — baris label kiri, nilai kanan */
  .woocommerce-cart table.cart tr.cart_item td.product-price,
  .woocommerce-cart table.cart tr.cart_item td.product-quantity,
  .woocommerce-cart table.cart tr.cart_item td.product-subtotal{
    clear:both; display:flex; align-items:center; justify-content:space-between;
    margin-top:8px; padding-top:8px; border-top:1px solid #f5f5f5; font-size:13px;
  }
  .woocommerce-cart table.cart tr.cart_item td.product-price::before,
  .woocommerce-cart table.cart tr.cart_item td.product-quantity::before,
  .woocommerce-cart table.cart tr.cart_item td.product-subtotal::before{
    content:attr(data-title); color:#999; font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:.4px;
  }
  .woocommerce-cart table.cart tr.cart_item td.product-name::before,
  .woocommerce-cart table.cart tr.cart_item td.product-thumbnail::before,
  .woocommerce-cart table.cart tr.cart_item td.product-remove::before{ display:none; }
  /* qty box kecil dalam kad */
  .woocommerce-cart table.cart tr.cart_item td.product-quantity .quantity input.qty{ width:50px; padding:6px 2px; }

  /* Baris actions penuh */
  .woocommerce-cart table.cart td.actions{ display:block; padding:8px 0; border-bottom:none; }
  .woocommerce-cart table.cart td.actions .button{ width:100%; }

  /* Cart totals penuh */
  .woocommerce-cart .cart-collaterals,
  .woocommerce-cart .cart-collaterals .cart_totals{ width:100%; float:none; }
}


/* =========================================================================
   HIDE EASYPARCEL COURIER LOGOS in shipping method rows (cart + checkout)
   (overrides the inline display:inline-block on those <img>)
   ========================================================================= */
.woocommerce #shipping_method li img,
.woocommerce ul.woocommerce-shipping-methods li img,
.woocommerce tr.shipping img,
.woocommerce tr.woocommerce-shipping-totals img,
.woocommerce-checkout-review-order-table .woocommerce-shipping-methods img{
  display:none !important;
}

/* Nota bila poskod tak padan negeri (Malaysia postcode<->state) */
.nfcc-region-note{ display:block; margin:-6px 0 12px; color:#c0392b; font-size:12px; line-height:1.4; }


/* =========================================================================
   ===============  MY ACCOUNT PAGE  =====================================
   ========================================================================= */
.woocommerce-account .woocommerce{ max-width:1120px; margin:0 auto; }
.woocommerce-account .woocommerce::after{ content:""; display:table; clear:both; }

@media (min-width:850px){
  .woocommerce-account .nfcc-account-user{ float:left; width:240px; clear:left; }
  .woocommerce-account .woocommerce-MyAccount-navigation{ float:left; width:240px; clear:left; }
  .woocommerce-account .woocommerce-MyAccount-content{ float:right; width:calc(100% - 288px); margin:0; }
}

/* User block (avatar + name) */
.nfcc-account-user{ display:flex; align-items:center; gap:12px; margin:0 0 20px; }
.nfcc-account-user img{ width:56px; height:56px; border-radius:50%; }
.nfcc-account-user__name{ font-weight:700; color:#333; font-size:15px; }

/* Sidebar nav */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0; padding:0; border:1px solid var(--ncs-line); border-radius:8px; overflow:hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{ margin:0; border-bottom:1px solid var(--ncs-line); }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{ border-bottom:none; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block; padding:13px 18px; color:#444 !important; text-decoration:none;
  font-weight:600; font-size:13px; text-transform:uppercase; letter-spacing:.4px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{ background:#faf4ef; color:var(--ncs-accent) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:#faf4ef; color:var(--ncs-accent) !important; box-shadow:inset 3px 0 0 var(--ncs-accent);
}

/* Orders / tables */
.woocommerce-account table.shop_table{ border:none; width:100%; margin:0; }
.woocommerce-account table.shop_table thead th{
  text-transform:uppercase; font-size:12px; letter-spacing:.6px; font-weight:700; color:#555;
  border:none; border-bottom:1px solid var(--ncs-border); padding:12px 10px; text-align:left; background:transparent;
}
.woocommerce-account table.shop_table tbody td{
  border:none; border-bottom:1px solid var(--ncs-line); padding:16px 10px;
  background:transparent; vertical-align:middle;
}
.woocommerce-account table.shop_table tbody tr:last-child td{ border-bottom:none; }
.woocommerce-account .woocommerce-orders-table__cell-order-actions{ text-align:right; }

/* Action buttons — no overlap */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{
  display:inline-block; position:static !important; float:none !important;
  margin:3px 0 3px 6px; padding:8px 14px;
  background:var(--ncs-accent) !important; color:#fff !important; border:none !important; border-radius:5px;
  font-size:12px; text-transform:uppercase; font-weight:600; letter-spacing:.4px; line-height:1.3;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button:hover{ filter:brightness(.92); color:#fff !important; }
/* Secondary (cancel) as ghost */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.cancel{
  background:#fff !important; color:#333 !important; border:1px solid var(--ncs-border) !important;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions .button.cancel:hover{
  border-color:var(--ncs-accent) !important; color:var(--ncs-accent) !important; filter:none;
}

/* Account edit forms (Account details / Address) */
.woocommerce-account .woocommerce-MyAccount-content h3{
  font-size:18px; font-weight:600; color:#444; margin:0 0 16px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label,
.woocommerce-account .woocommerce-MyAccount-content .form-row label{ font-weight:600; font-size:13px; color:#444; }
.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea{
  border:1px solid var(--ncs-border); border-radius:5px; padding:11px 14px; width:100%; font-size:14px; background:#fff;
}

/* Mobile */
@media (max-width:849px){
  .woocommerce-account .woocommerce{ display:block; }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{ width:100%; margin-bottom:20px; }
  .woocommerce-account table.shop_table thead{ display:none; }
  .woocommerce-account table.shop_table tbody tr{
    display:block; border:1px solid var(--ncs-line); border-radius:8px; margin-bottom:12px; padding:8px 12px;
  }
  .woocommerce-account table.shop_table tbody td{
    display:block; border:none; padding:6px 0; text-align:left;
  }
  .woocommerce-account table.shop_table tbody td::before{
    content:attr(data-title); display:block; font-weight:700; font-size:11px; text-transform:uppercase; color:#999;
  }
  .woocommerce-account td.woocommerce-orders-table__cell-order-actions{ text-align:left; }
  .woocommerce-account td.woocommerce-orders-table__cell-order-actions::before{ display:none; }
  .woocommerce-account .woocommerce-orders-table__cell-order-actions .button{ margin:4px 8px 4px 0; }
}