/* =========================================================
   MEGA PRINTING MALAYSIA - GLOBAL PORTAL CSS
   Version: V1 / 2026-10-07

   TUJUAN:
   - Fail ini dimuatkan PALING AKHIR selepas CSS asal setiap page.
   - Jadi perubahan global boleh dibuat di SATU tempat.
   - CSS lama setiap page masih dikekalkan sebagai fallback supaya
     portal tidak pecah semasa migration.

   EDIT UTAMA: bahagian "CONTROL PANEL" di bawah.
   ========================================================= */


/* =========================================================
   1) CONTROL PANEL - UBAH GLOBAL KAT SINI
   ========================================================= */
:root {
  /* BRAND */
  --mega-global-navy: #0f2d4a;
  --mega-global-cyan: #2aa6df;
  --mega-global-magenta: #e61b8d;
  --mega-global-yellow: #ffd12a;
  --mega-global-green: #25d366;

  /* UI */
  --mega-global-page-bg: #f5f7fb;
  --mega-global-card-bg: #ffffff;
  --mega-global-text: #10243a;
  --mega-global-muted: #667085;
  --mega-global-line: #e6ebf2;

  /* SHAPE / SPACING */
  --mega-global-radius-sm: 10px;
  --mega-global-radius-md: 14px;
  --mega-global-radius-lg: 18px;

  /* FONT */
  --mega-global-font: Arial, Helvetica, sans-serif;

  /* COMMON BUTTON */
  --mega-global-btn-pad-y: 11px;
  --mega-global-btn-pad-x: 14px;

  /* ---------------------------------------------------------
     Alias untuk page lama.
     Banyak page portal guna nama variable berlainan.
     Mapping ini membolehkan satu theme control semua sekali.
     --------------------------------------------------------- */
  --mega-navy: var(--mega-global-navy);
  --mega-cyan: var(--mega-global-cyan);
  --mega-magenta: var(--mega-global-magenta);
  --mega-yellow: var(--mega-global-yellow);
  --mega-white: #ffffff;
  --mega-bg: var(--mega-global-page-bg);
  --mega-text: var(--mega-global-text);
  --mega-muted: var(--mega-global-muted);
  --mega-line: var(--mega-global-line);

  --navy: var(--mega-global-navy);
  --cyan: var(--mega-global-cyan);
  --magenta: var(--mega-global-magenta);
  --yellow: var(--mega-global-yellow);
  --bg: var(--mega-global-page-bg);
  --text: var(--mega-global-text);
  --muted: var(--mega-global-muted);
  --line: var(--mega-global-line);
}


/* =========================================================
   2) GLOBAL BASE
   ========================================================= */
html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--mega-global-font);
}


/* =========================================================
   3) COMMON NAVIGATION / HEADER
   ========================================================= */

/* Main dark navigation used by product/order pages */
.nav,
nav.nav {
  /* Edit navbar colour globally here if required */
}

/* Standard navigation links */
.nav a,
.nav-link {
  text-decoration: none;
}

/* Header buttons */
.btn {
  /* Global button shape can be changed here later.
     Existing page padding/colour is intentionally preserved V1. */
}


/* =========================================================
   4) COMMON CARDS / PANELS
   ========================================================= */
.card {
  /* Put common card overrides here later.
     Example:
     border-radius: var(--mega-global-radius-md) !important;
  */
}


/* =========================================================
   5) COMMON FORMS
   ========================================================= */
input,
select,
textarea,
button {
  font-family: var(--mega-global-font);
}


/* =========================================================
   6) COMMON TABLES
   ========================================================= */
table {
  /* Shared table adjustments can be placed here later. */
}


/* =========================================================
   7) MOBILE GLOBAL OVERRIDES
   ========================================================= */
@media (max-width: 760px) {
  /* MOBILE / PWA: REGISTER BUTTON sentiasa dipaparkan */
  .header-actions .btn-register {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
}


/* =========================================================
   8) QUICK GLOBAL OVERRIDE AREA
   =========================================================

   Letak perubahan sementara/global di bawah ini.
   Sebab fail ini load PALING AKHIR, rule di sini boleh override
   CSS lama menggunakan selector sama. Gunakan !important hanya
   bila CSS page asal masih menang.

   CONTOH:

   Tukar semua navbar:
   .nav { background:#123456 !important; }

   Tukar semua button register:
   .btn-register {
     background:#ffd12a !important;
     color:#0f2d4a !important;
   }

   Tukar radius semua card:
   .card { border-radius:20px !important; }

   ========================================================= */