/* ============================================================
   Azadel My Account — WooCommerce forms reskin (v1.2.0)
   ------------------------------------------------------------
   Skop: halaman WooCommerce NATIVE yang masih tak dielak —
     .woocommerce-account  → edit-address, edit-account, orders,
                              view-order, downloads, payment-methods
     .woocommerce-cart     → /cart/
     .woocommerce-checkout → /checkout/
   Semua diskop dengan body class WC sendiri (wc_body_class()) —
   TIDAK sentuh .woocommerce bare (dipakai meluas di shop/produk/
   widget mini-cart, bukan skop reka bentuk ini).

   CSS SAHAJA. Tiada perubahan struktur borang, nama field, atau
   tingkah laku JS WooCommerce/gateway (checkout ialah laluan
   bayaran sebenar — lihat CLAUDE.md, bersikap konservatif).
   Nilai warna guna var(--azadel-*, fallback) terus — TIDAK
   bergantung pada #ama-dashboard/.ama-scope (halaman ini tiada
   wrapper itu, kecuali sidebar .ama-wc-side yang bawa .ama-scope
   sendiri — lihat class-ama-wc-shell.php).
   ============================================================ */

:root {
  --awf-blue:      var(--azadel-blue,     #0095d3);
  --awf-blue-700:  var(--azadel-blue-700, #006a99);
  --awf-blue-100:  var(--azadel-blue-100, #e1f3fb);
  --awf-blue-50:   var(--azadel-blue-50,  #f1f9fd);
  --awf-gold:      var(--azadel-gold,     #ffb800);
  --awf-ink:       var(--azadel-ink,      #1a1a2e);
  --awf-font-d:    var(--font-display, 'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", sans-serif);
  --awf-font-b:    var(--font-body,    'DM Sans', system-ui, -apple-system, "Segoe UI", sans-serif);
  --awf-border:    #eef2f7;
  --awf-line:      #f1f5f9;
  --awf-text:      #1e293b;
  --awf-text2:     #475569;
  --awf-muted:     #94a3b8;
  --awf-radius:    12px;
}

/* ============================================================
   1. LAYOUT: sidebar akaun + kandungan bersebelahan
   ------------------------------------------------------------
   .ama-wc-side hanya wujud pada halaman .woocommerce-account
   (disuntik AMA_WC_Shell pada hook woocommerce_account_navigation).
   :has() jadi geran keselamatan tambahan atas skop body class —
   grid HANYA terpakai pada bekas .woocommerce yang benar-benar ada
   sidebar kita sebagai anak, jadi mini-cart/.woocommerce lain pada
   halaman sama (jika ada) tak terjejas.
   ============================================================ */
body.woocommerce-account .woocommerce:has(> .ama-wc-side) {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 900px) {
  body.woocommerce-account .woocommerce:has(> .ama-wc-side) { grid-template-columns: 1fr; }
}

.ama-wc-side {
  background: #fff;
  border-radius: var(--awf-radius);
  padding: 14px;
  position: sticky;
  top: 24px;
}
@media (max-width: 900px) { .ama-wc-side { position: static; } }
.ama-wc-side .ama-avatar-img {
  width: 52px; height: 52px; border-radius: 50%; object-fit: cover; display: block;
  border: 2px solid #fff; box-shadow: 0 2px 8px rgba(0,149,211,.22);
}

.woocommerce-account .woocommerce-MyAccount-content { min-width: 0; }

/* ============================================================
   2. KAD KANDUNGAN + TAJUK
   ============================================================ */
body.woocommerce-account .woocommerce-MyAccount-content > form,
body.woocommerce-account .woocommerce-MyAccount-content > table,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-Addresses,
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  background: #fff;
  border: 1px solid var(--awf-border);
  border-radius: var(--awf-radius);
  padding: 22px 24px;
}
body.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  padding: 14px 20px;
  color: var(--awf-text2);
  font-size: 13px;
  margin-bottom: 14px;
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3 {
  font: 800 18px/1.3 var(--awf-font-d);
  color: var(--awf-ink);
  letter-spacing: -0.01em;
  margin: 0 0 18px;
}
body.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
  font: 700 12px/1 var(--awf-font-d);
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--awf-text2);
  padding: 0;
  margin: 22px 0 14px;
  width: 100%;
  border-bottom: 1px solid var(--awf-line);
  padding-bottom: 10px;
}

/* Alamat (my-address.php): dua kad bersebelahan */
body.woocommerce-account .woocommerce-Addresses.col2-set { display: flex; gap: 16px; flex-wrap: wrap; padding: 0; background: none; border: none; }
body.woocommerce-account .woocommerce-Address {
  flex: 1 1 260px;
  background: #fff; border: 1px solid var(--awf-border); border-radius: var(--awf-radius);
  padding: 18px 20px;
}
body.woocommerce-account .woocommerce-Address-title.title {
  display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;
}
body.woocommerce-account .woocommerce-Address-title h2 { font-size: 14px; margin: 0; }
body.woocommerce-account .woocommerce-Address a.edit {
  font: 700 12px/1 var(--awf-font-d); color: var(--awf-blue); text-decoration: none;
}
body.woocommerce-account .woocommerce-Address a.edit:hover { color: var(--awf-blue-700); }
body.woocommerce-account .woocommerce-Address address { font-style: normal; font-size: 13px; color: var(--awf-text2); line-height: 1.7; }

/* ============================================================
   3. BORANG (edit-address, edit-account)
   ============================================================ */
body.woocommerce-account .form-row,
body.woocommerce-checkout .form-row {
  margin: 0 0 14px;
}
body.woocommerce-account .form-row label,
body.woocommerce-checkout .form-row label {
  display: block;
  font: 700 11.5px/1 var(--awf-font-d);
  text-transform: uppercase; letter-spacing: .04em;
  color: var(--awf-text2);
  margin-bottom: 7px;
}
body.woocommerce-account .form-row label .required,
body.woocommerce-checkout .form-row label .required {
  color: #dc2626; text-decoration: none;
}
body.woocommerce-account .form-row input.input-text,
body.woocommerce-account .form-row select,
body.woocommerce-account .form-row textarea,
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea,
body.woocommerce-checkout .select2-selection {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid #d2d7df;
  border-radius: 9px;
  font: 500 14px/1.4 var(--awf-font-b);
  color: var(--awf-ink);
  background: #fff;
  box-shadow: none;
  height: auto;
}
body.woocommerce-account .form-row input.input-text:focus,
body.woocommerce-account .form-row select:focus,
body.woocommerce-account .form-row textarea:focus,
body.woocommerce-checkout .form-row input.input-text:focus,
body.woocommerce-checkout .form-row textarea:focus {
  outline: none;
  border-color: var(--awf-blue);
  box-shadow: 0 0 0 3px rgba(0,149,211,.18);
}
body.woocommerce-account #account_display_name_description {
  display: block; margin-top: 6px; font-size: 11.5px; color: var(--awf-muted);
}
body.woocommerce-account #account_display_name_description em { font-style: normal; }

/* ============================================================
   4. BUTANG
   ============================================================ */
body.woocommerce-account .button,
body.woocommerce-account button[type="submit"],
body.woocommerce-cart .button,
body.woocommerce-checkout .button,
body.woocommerce-checkout #place_order {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  background: var(--awf-blue);
  color: #fff;
  border: 1px solid var(--awf-blue);
  border-radius: 9px;
  padding: 12px 22px;
  font: 700 13px/1 var(--awf-font-d);
  cursor: pointer;
  text-decoration: none;
  transition: background .15s, border-color .15s;
}
body.woocommerce-account .button:hover,
body.woocommerce-cart .button:hover,
body.woocommerce-checkout .button:hover,
body.woocommerce-checkout #place_order:hover {
  background: var(--awf-blue-700);
  border-color: var(--awf-blue-700);
  color: #fff;
}
body.woocommerce-checkout #place_order {
  background: var(--awf-gold);
  border-color: var(--awf-gold);
  color: var(--awf-ink);
  width: 100%;
  padding: 15px 22px;
  font-size: 14.5px;
}
body.woocommerce-checkout #place_order:hover { background: #e6a600; border-color: #e6a600; color: var(--awf-ink); }
body.woocommerce-account .woocommerce-orders-table .button,
body.woocommerce-account .woocommerce-Button {
  padding: 8px 14px; font-size: 12px; border-radius: 7px;
}
body.woocommerce-account .woocommerce-Button--previous,
body.woocommerce-account .woocommerce-Button--next {
  background: #fff; color: var(--awf-text2); border-color: #e2e8f0;
}
body.woocommerce-account .woocommerce-Button--previous:hover,
body.woocommerce-account .woocommerce-Button--next:hover { border-color: var(--awf-blue); color: var(--awf-blue-700); }

/* ============================================================
   5. JADUAL PESANAN (orders.php)
   ============================================================ */
body.woocommerce-account .woocommerce-orders-table.shop_table { border-collapse: collapse; width: 100%; }
body.woocommerce-account .woocommerce-orders-table__header {
  text-align: left;
  font: 700 10.5px/1 var(--awf-font-d);
  text-transform: uppercase; letter-spacing: .05em;
  color: var(--awf-muted);
  padding: 0 12px 12px;
  border-bottom: 1px solid var(--awf-line);
}
body.woocommerce-account .woocommerce-orders-table__cell {
  padding: 14px 12px;
  border-bottom: 1px solid var(--awf-line);
  font-size: 13px;
  color: var(--awf-text);
}
body.woocommerce-account .woocommerce-orders-table__row:last-child .woocommerce-orders-table__cell { border-bottom: none; }
body.woocommerce-account .woocommerce-orders-table__cell-order-number a { color: var(--awf-blue); font-weight: 700; text-decoration: none; }
body.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover { color: var(--awf-blue-700); }

/* Status — badge pill ikut palet semantik */
body.woocommerce-account .woocommerce-orders-table__cell-order-status { font-weight: 700; }
body.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
  color: #166534;
}
body.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status::before,
body.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status::before {
  content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #16a34a; margin-right: 6px;
}
body.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
  color: #92400e;
}
body.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status::before,
body.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status::before {
  content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #f59e0b; margin-right: 6px;
}
body.woocommerce-account .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
  color: #b91c1c;
}

/* Notis "Belum ada pesanan" */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error {
  background: var(--awf-blue-50);
  border: 1px solid #cfe9f6;
  border-left: 4px solid var(--awf-blue);
  border-radius: 9px;
  padding: 14px 18px;
  font-size: 13px;
  color: var(--awf-text2);
  list-style: none;
  margin: 0 0 16px;
}
body.woocommerce-checkout .woocommerce-error {
  background: #fde8e8; border-color: #fecaca; border-left-color: #dc2626;
}
body.woocommerce-checkout .woocommerce-NoticeGroup-checkout ~ * .form-row.woocommerce-validated input.input-text { border-color: #16a34a; }

/* ============================================================
   6. TROLI (/cart/)
   ============================================================ */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals {
  background: #fff;
  border: 1px solid var(--awf-border);
  border-radius: var(--awf-radius);
  overflow: hidden;
}
body.woocommerce-cart .shop_table.cart { border-collapse: collapse; width: 100%; }
body.woocommerce-cart .shop_table.cart thead th {
  text-align: left;
  font: 700 10.5px/1 var(--awf-font-d);
  text-transform: uppercase; letter-spacing: .05em;
  color: var(--awf-muted);
  padding: 16px 14px;
  border-bottom: 1px solid var(--awf-line);
  background: #fafbfc;
}
body.woocommerce-cart .shop_table.cart td { padding: 14px; border-bottom: 1px solid var(--awf-line); font-size: 13px; vertical-align: middle; }
body.woocommerce-cart .shop_table.cart tr:last-child td { border-bottom: none; }
body.woocommerce-cart .shop_table.cart td.product-remove { width: 40px; }
body.woocommerce-cart .shop_table.cart td.product-thumbnail { width: 80px; }
body.woocommerce-cart .shop_table.cart td.product-price,
body.woocommerce-cart .shop_table.cart td.product-quantity,
body.woocommerce-cart .shop_table.cart td.product-subtotal { min-width: 110px; }
body.woocommerce-cart .product-thumbnail img { width: 64px; height: 64px; object-fit: cover; border-radius: 8px; display: block; }
body.woocommerce-cart .product-name a { color: var(--awf-ink); font-weight: 700; text-decoration: none; }
body.woocommerce-cart .product-name a:hover { color: var(--awf-blue); }
/* v1.2.1 — Enfold woocommerce-mod.css punya `a.remove{ text-indent:-9999px;
   background:url(images/remove.png) #cccccc; }` TANPA media query (terpakai
   pada semua lebar skrin). text-indent:-9999px sorok teks "×" (kandungan
   sebenar × dalam templat WC) walau warna/latar kita menang — kena
   reset EXPLISIT, bukan cuma tetapkan warna. !important sebab nilai Enfold
   bukan !important tapi kita tak nak bergantung pada tertib cetak <head>. */
body.woocommerce-cart .product-remove a.remove {
  display: grid !important; place-items: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: #fde8e8 !important; color: #dc2626 !important;
  font-size: 16px; font-weight: 700; text-decoration: none !important;
  line-height: 1; text-indent: 0 !important; overflow: visible;
}
body.woocommerce-cart .product-remove a.remove:hover { background: #dc2626 !important; color: #fff !important; }
body.woocommerce-cart .quantity .qty {
  width: 64px; padding: 8px 10px; border: 1px solid #d2d7df; border-radius: 7px;
  font: 600 13px/1.4 var(--awf-font-b); text-align: center;
}
body.woocommerce-cart td.actions { background: #fafbfc; padding: 16px 14px; }
body.woocommerce-cart td.actions .button { background: #fff; color: var(--awf-text2); border-color: #e2e8f0; }
body.woocommerce-cart td.actions .button:hover { border-color: var(--awf-blue); color: var(--awf-blue-700); }

body.woocommerce-cart .cart_totals { padding: 20px 22px; margin-top: 18px; }
body.woocommerce-cart .cart_totals h2 { font: 800 16px/1.2 var(--awf-font-d); color: var(--awf-ink); margin: 0 0 14px; }
body.woocommerce-cart .cart_totals table.shop_table tr { border-bottom: 1px solid var(--awf-line); }
body.woocommerce-cart .cart_totals table.shop_table tr:last-child { border-bottom: none; }
body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td { padding: 10px 4px; font-size: 13px; color: var(--awf-text2); }
body.woocommerce-cart .cart_totals tr.order-total th,
body.woocommerce-cart .cart_totals tr.order-total td { font: 800 15px/1 var(--awf-font-d); color: var(--awf-ink); padding-top: 14px; }
body.woocommerce-cart .wc-proceed-to-checkout { margin-top: 16px; }
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button {
  display: block; text-align: center; width: 100%;
  background: var(--awf-gold); border-color: var(--awf-gold); color: var(--awf-ink);
  padding: 14px; font-size: 14px;
}
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover { background: #e6a600; border-color: #e6a600; color: var(--awf-ink); }

/* ============================================================
   7. CHECKOUT — 2 lajur (v1.2.5)
   ------------------------------------------------------------
   Wan (rujuk azadel-checkout-layout-bug.md): "Your order" (tajuk+jadual)
   MESTI satu kotak putih yang SAMA dengan "Billing details", bukan cuma
   berdekatan. Sebab #order_review_heading dan #order_review ialah SIBLING
   kepada .col2-set dalam struktur WooCommerce sebenar (BUKAN anak .col-1)
   — CSS Grid/display:contents (v1.2.2–v1.2.4) boleh susun LAJUR dengan
   betul tapi TAK BOLEH "cantumkan" dua kotak berasingan jadi satu kotak
   fizikal tanpa bekas DOM sebenar yang sama.

   Fix v1.2.5: `ama-checkout-layout.js` ALIHKAN (appendChild — pindah nod
   sedia ada, bukan cipta/salin, semua event listener WC kekal terikat)
   #order_review_heading + jadual semakan pesanan MASUK ke dalam `.col-1`
   (kad bil sebenar), dan `#payment` (kaedah bayaran + Place Order) ke
   bekas lajur kanan baharu `#ama-checkout-payment-col`. Dijalankan semula
   pada `updated_checkout` (WC cetus ini lepas AJAX segar #order_review).
   Selepas ini `form.checkout` cuma ada DUA anak tahap-atas relevan untuk
   grid — #customer_details (kiri) dan #ama-checkout-payment-col (kanan)
   — jadi TIADA lagi keperluan grid-row span/min-content (punca pepijat
   jurang v1.2.3/v1.2.4 hilang terus sebab strukturnya dah betul-betul
   2 lajur mudah, bukan span merentasi baris).
   ============================================================ */
body.woocommerce-checkout form.checkout.woocommerce-checkout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}
@media (max-width: 900px) {
  body.woocommerce-checkout form.checkout.woocommerce-checkout { grid-template-columns: 1fr; }
}
body.woocommerce-checkout #customer_details { grid-column: 1; }
/* #order_review disorok oleh ama-checkout-layout.js SENDIRI (inline
   style) SELEPAS ia berjaya alihkan isi keluar — sengaja TIADA
   `display:none` di sini dalam CSS: kalau JavaScript pelawat gagal/
   dimatikan, #order_review (jadual + kaedah bayaran + Place Order) MESTI
   kekal kelihatan (walau tak tersusun cantik) — lebih baik drpd checkout
   yang tak boleh siap langsung sebab kotak bayaran hilang. */

/* Lajur kanan — kaedah bayaran sahaja (dicipta JS, lihat fail .js) */
body.woocommerce-checkout #ama-checkout-payment-col {
  grid-column: 2;
  position: sticky;
  top: 24px;
  background: #fff;
  border: 1px solid var(--awf-border);
  border-radius: var(--awf-radius);
  padding: 20px 22px;
}
@media (max-width: 900px) {
  body.woocommerce-checkout #ama-checkout-payment-col { grid-column: 1; position: static; }
}

/* Borang bil/hantar — .col-1/.col-2 susun MENEGAK dalam satu lajur kiri
   (bukan lagi bersebelahan — itulah dulu punca kotak kosong bila produk
   tak perlu penghantaran, lihat nota di bawah). */
body.woocommerce-checkout .col2-set#customer_details {
  display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 20px;
}
/* Enfold woocommerce-mod.css binakan #customer_details atas LAYOUT FLOAT
   (.col-1{float:left;width:48%} .col-2{float:right;width:48%}), bukan
   grid/flex. display:grid pada bekas induk dah cukup buat float diabaikan
   (spesifikasi CSS Grid), TAPI width:48% Enfold masih terpakai PADA saiz
   item grid itu sendiri (48% drpd lebar SEL, bukan bekas penuh) — punca
   kad bil pernah nampak sempit. Reset eksplisit. */
body.woocommerce-checkout .col2-set#customer_details .col-1,
body.woocommerce-checkout .col2-set#customer_details .col-2 {
  float: none; width: auto;
}
/* `.col-2` (medan penghantaran) HANYA papar bila cart betul-betul
   perlukannya DAN "Ship to a different address?" ditanda (lihat
   checkout/form-shipping.php) — form-shipping.php SENTIASA cetak DUA div
   wrapper (`.woocommerce-shipping-fields`, `.woocommerce-additional-fields`)
   walau kosong dalam, jadi `:has(*)` (semak SEBARANG elemen) SENTIASA
   true (wrapper tu sendiri "elemen") — kena semak kandungan SEBENAR
   (`.form-row` — medan borang tulen, atau `#ship-to-different-address` —
   checkbox). Tajuk borang Wan papar "Billing & Shipping" (bukan "Billing
   details" berasingan) — bermakna tapak diset "Ship to billing address
   only" di Tetapan WooCommerce, jadi `.col-2` MEMANG sentiasa kosong isi
   untuk laman ni, selamanya (bukan situasi sekali-sekala). */
body.woocommerce-checkout .col2-set#customer_details .col-2:not(:has(.form-row, #ship-to-different-address)) {
  display: none;
}
body.woocommerce-checkout .col2-set#customer_details .col-1,
body.woocommerce-checkout .col2-set#customer_details .col-2 {
  background: #fff;
  border: 1px solid var(--awf-border);
  border-radius: var(--awf-radius);
  padding: 20px 22px;
}
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-shipping-fields h3 {
  font: 800 15px/1.2 var(--awf-font-d); color: var(--awf-ink); margin: 0 0 16px;
  display: flex; align-items: center; gap: 8px;
}
body.woocommerce-checkout .woocommerce-billing-fields h3::before { content: '📋'; font-size: 14px; }
body.woocommerce-checkout .woocommerce-shipping-fields h3::before { content: '🚚'; font-size: 14px; }
body.woocommerce-checkout .woocommerce-additional-fields { margin-top: 4px; }
body.woocommerce-checkout .woocommerce-additional-fields h3 { font: 800 15px/1.2 var(--awf-font-d); color: var(--awf-ink); margin: 4px 0 16px; }

/* "Your order" — kini DI DALAM .col-1 (dipindah JS), SATU kad yang sama
   dgn borang bil. Garis pemisah halus sahaja, BUKAN kad berasingan. */
body.woocommerce-checkout .col2-set#customer_details .col-1 #order_review_heading {
  margin: 24px 0 12px; padding-top: 20px; border-top: 1px solid var(--awf-line);
  font: 800 15px/1.2 var(--awf-font-d); color: var(--awf-ink);
  display: flex; align-items: center; gap: 8px;
}
body.woocommerce-checkout .col2-set#customer_details .col-1 #order_review_heading::before { content: '🧾'; font-size: 14px; }
body.woocommerce-checkout .col2-set#customer_details .col-1 table.woocommerce-checkout-review-order-table {
  width: 100%; border-collapse: collapse; margin: 0;
}

/* Jadual semakan pesanan — padding sebelum ini "10px 0" (0 kiri/kanan —
   pepijat taip, bukan sengaja) punca teks terhimpit tepi sel tanpa ruang
   mendatar. */
body.woocommerce-checkout table.shop_table { width: 100%; }
body.woocommerce-checkout table.shop_table thead th {
  text-align: left; font: 700 10.5px/1 var(--awf-font-d); text-transform: uppercase; letter-spacing: .05em;
  color: var(--awf-muted); padding: 0 4px 10px; border-bottom: 1px solid var(--awf-line);
}
body.woocommerce-checkout table.shop_table td,
body.woocommerce-checkout table.shop_table tr:not(.order-total) th {
  padding: 12px 4px; font-size: 13px; vertical-align: middle; border-bottom: 1px solid var(--awf-line);
}
body.woocommerce-checkout table.shop_table tr.order-total th,
body.woocommerce-checkout table.shop_table tr.order-total td { font: 800 15px/1 var(--awf-font-d); color: var(--awf-ink); padding-top: 14px; border-bottom: none; }
body.woocommerce-checkout table.shop_table .product-name { font-weight: 600; color: var(--awf-text); }

/* Kaedah bayaran — senarai radio jadi kad boleh pilih */
body.woocommerce-checkout ul.wc_payment_methods { list-style: none; margin: 0; padding: 0; }
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method {
  border: 1.5px solid #e2e8f0; border-radius: 10px; padding: 12px 14px; margin-bottom: 8px; background: #fff;
}
body.woocommerce-checkout ul.wc_payment_methods li.wc_payment_method:has(input:checked) {
  border-color: var(--awf-blue); background: var(--awf-blue-50);
}
body.woocommerce-checkout ul.wc_payment_methods label { font: 700 13px/1.4 var(--awf-font-d); color: var(--awf-ink); cursor: pointer; }
body.woocommerce-checkout ul.wc_payment_methods .payment_box { margin-top: 12px; font-size: 13px; color: var(--awf-text2); }

/* Terma & syarat + hint sebelum Place Order */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin: 14px 0; font-size: 12.5px; color: var(--awf-text2); }
body.woocommerce-checkout .woocommerce-form__label-for-checkbox { display: flex; align-items: flex-start; gap: 8px; }
body.woocommerce-checkout .woocommerce-form__input-checkbox { margin-top: 3px; }


/* ============================================================
   8. AZADEL DUITNOW PAY — selaraskan ke warna jenama
   ------------------------------------------------------------
   Selektor asal (frontend.css ADP) guna gradient merah/oren generik
   (#E8003D→#FF6B00). Tulis ganti ikut warna jenama biru/emas —
   CSS SAHAJA, plugin ADP & logik bayaran langsung tak disentuh.
   Spesifisiti body-class menang tanpa perlu !important.
   ============================================================ */
body.woocommerce-checkout .adp-inline-amount {
  background: linear-gradient(135deg, var(--awf-blue), var(--awf-blue-700));
}
body.woocommerce-checkout .adp-input:focus {
  outline: none; border-color: var(--awf-blue); box-shadow: 0 0 0 3px rgba(0,149,211,.18);
}