/* =====================================================
   MONFIN UI — variables, header, footer, responsive
   Load ở: home_layout, news_layout, page_layout
   ===================================================== */

/* VARIABLES */
:root {
  --mf-blue:       #0052CC;
  --mf-blue-dark:  #003D99;
  --mf-blue-light: #E8F0FF;
  --mf-teal:       #00B8A9;
  --mf-gold:       #F5A623;
  --mf-gold-light: #FFF4E0;
  --mf-green:      #00A651;
  --mf-green-light:#E6F7EE;
  --mf-text:       #0D1B3E;
  --mf-text-2:     #4A5568;
  --mf-text-3:     #718096;
  --mf-bg:         #F7F9FC;
  --mf-bg-white:   #fff;
  --mf-border:     #E2E8F0;
  --mf-radius:     10px;
  --mf-radius-lg:  16px;
  --mf-shadow:     0 2px 12px rgba(0,82,204,.08);
  --mf-shadow-lg:  0 8px 32px rgba(0,82,204,.12);
  --font: 'Plus Jakarta Sans','Be Vietnam Pro',system-ui,sans-serif;
}

/* RESET */
body { padding-top:0!important; background:var(--mf-bg)!important; }
body, body * { font-family:var(--font)!important; }

/* ẨN header/footer CŨ */
.header.header-sticky, .header.default, .header.header,
nav.navbar, .navbar-expand-xl, .navbar-expand-lg, .navbar-static-top, .topbar,
footer.space-pt, footer.bg-dark, footer.bg-light, footer.footer,
#back-to-top, .back-to-top { display:none!important; }

/* HEADER */
.mf-header { position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--mf-border); }
.mf-nav { display:flex;align-items:center;height:64px;max-width:1200px;margin:0 auto;padding:0 24px; }
.mf-logo { display:flex;align-items:center;margin-right:32px;text-decoration:none;flex-shrink:0; }
.mf-logo img { height:38px;width:auto; }
.mf-nav-links { display:flex;align-items:center;gap:2px;flex:1; }
.mf-nav-links a { padding:8px 12px;font-size:14px;font-weight:500;color:var(--mf-text-2)!important;border-radius:8px;transition:all .15s;white-space:nowrap;text-decoration:none!important; }
.mf-nav-links a:hover { color:var(--mf-blue)!important;background:var(--mf-blue-light); }
.mf-nav-cta { display:flex;align-items:center;gap:10px;margin-left:16px; }
.mf-hamburger { display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:8px; }
.mf-hamburger span { display:block;width:22px;height:2px;background:var(--mf-text);border-radius:2px; }

/* BUTTONS */
.mf-btn { display:inline-flex!important;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--mf-radius);font-size:14px!important;font-weight:600!important;cursor:pointer;transition:all .2s;border:none;text-decoration:none!important;white-space:nowrap; }
.mf-btn-primary { background:var(--mf-blue)!important;color:#fff!important; }
.mf-btn-primary:hover { background:var(--mf-blue-dark)!important; }
.mf-btn-outline { background:transparent!important;color:var(--mf-blue)!important;border:2px solid var(--mf-blue)!important; }
.mf-btn-outline:hover { background:var(--mf-blue-light)!important; }
.mf-btn-white { background:#fff!important;color:var(--mf-blue)!important;font-weight:700!important; }
.mf-btn-ghost { background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.4)!important; }

/* FOOTER */
.mf-footer { background:#0D1B3E;color:rgba(255,255,255,.8); }
.mf-footer-grid { display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;max-width:1200px;margin:0 auto;padding:44px 24px 28px; }
.mf-footer-brand-desc { font-size:14px;color:rgba(255,255,255,.5);line-height:1.7;margin:12px 0 0; }
.mf-footer-col h4 { font-size:12px;font-weight:700!important;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:12px; }
.mf-footer-col ul { list-style:none!important;padding:0!important;margin:0!important; }
.mf-footer-col li { margin-bottom:9px!important; }
.mf-footer-col li a { font-size:14px!important;color:rgba(255,255,255,.65)!important;text-decoration:none!important;transition:color .15s; }
.mf-footer-col li a:hover { color:#fff!important; }
.mf-footer-bottom { padding:16px 24px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;gap:14px;max-width:1200px;margin:0 auto; }
.mf-footer-copy { font-size:13px;color:rgba(255,255,255,.35); }
.mf-footer-legal { display:flex;gap:18px; }
.mf-footer-legal a { font-size:13px;color:rgba(255,255,255,.35)!important;text-decoration:none!important; }
.mf-footer-legal a:hover { color:rgba(255,255,255,.7)!important; }
.mf-footer-mobile { display:none;padding:24px; }
.mf-footer-mobile-links { display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:12px 0 16px; }
.mf-footer-mobile-links a { font-size:14px;color:rgba(255,255,255,.6)!important;text-decoration:none!important; }

/* RESPONSIVE */
@media(max-width:1024px) {
  .mf-nav-links { display:none; }
  .mf-hamburger { display:flex; }
}
@media(max-width:768px) {
  .mf-footer-grid { display:none!important; }
  .mf-footer-mobile { display:block!important; }
}