/* ===================================================================
   HNM vCard — Global Brand Theme  (admin dashboard + front site)
   Font: Poppins  ·  Cyan #45C7EA → Indigo #4453B8 · Ink #11152E
   Loaded last in every layout so it overrides theme defaults.
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root{
  /* Brand palette */
  --hnm-cyan:#45C7EA;
  --hnm-indigo:#4453B8;
  --hnm-ink:#11152E;
  --hnm-cloud:#F4F6FB;
  --hnm-slate:#656B82;
  --hnm-gradient:linear-gradient(135deg,#45C7EA 0%,#4453B8 100%);

  /* Bootstrap / Metronic (admin) variable overrides — recolours the
     whole dashboard from a single place */
  --bs-font-sans-serif:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --bs-body-font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --bs-primary:#4453B8;
  --bs-primary-rgb:68,83,184;
  --bs-primary-active:#37418f;
  --bs-link-color:#4453B8;
  --bs-link-hover-color:#37418f;
  --kt-primary:#4453B8;
}

/* ---------- Poppins everywhere (icon fonts left untouched) ---------- */
body,h1,h2,h3,h4,h5,h6,p,a,span,li,ul,ol,td,th,label,small,blockquote,
button,input,textarea,select,.btn,.form-control,.form-select,.form-label,
.menu-link,.nav-link,.card,.card-title,.modal,.modal-title,.dropdown-menu,
.table,.badge,.alert,.breadcrumb{
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
}

/* ================= ADMIN (Bootstrap / Metronic) ================= */
.btn-primary{background-color:var(--hnm-indigo)!important;border-color:var(--hnm-indigo)!important}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{background-color:#37418f!important;border-color:#37418f!important}
.btn-light-primary{color:var(--hnm-indigo)!important;background-color:#EAECF9!important}
.btn-light-primary:hover{color:#fff!important;background-color:var(--hnm-indigo)!important}
.text-primary{color:var(--hnm-indigo)!important}
.bg-primary{background-color:var(--hnm-indigo)!important}
.bg-light-primary{background-color:#EAECF9!important}
.border-primary{border-color:var(--hnm-indigo)!important}
.badge-primary,.badge.bg-primary{background-color:var(--hnm-indigo)!important}
.form-check-input:checked{background-color:var(--hnm-indigo)!important;border-color:var(--hnm-indigo)!important}
.form-control:focus,.form-select:focus{border-color:#9aa3e0!important;box-shadow:0 0 0 .2rem rgba(68,83,184,.15)!important}
.page-item.active .page-link,.pagination .active>.page-link{background-color:var(--hnm-indigo)!important;border-color:var(--hnm-indigo)!important}
.menu-item .menu-link.active,.menu-state-bg .menu-item .menu-link.active{color:var(--hnm-indigo)!important}
.symbol.symbol-primary .symbol-label{background-color:var(--hnm-indigo)!important}
a.text-primary:hover{color:#37418f!important}

/* ================= FRONT (theme 4 / Tailwind) ================= */
/* Signature gradient only on the dark gradient elements (buttons, badges,
   CTAs, gradient headings) — light pastel section backgrounds untouched. */
[class*="from-blue-600"],[class*="from-blue-700"],
[class*="from-purple-600"],[class*="from-purple-700"],
[class*="from-indigo-600"]{background-image:var(--hnm-gradient)!important}

.text-blue-600,.text-blue-700,.text-blue-800,
.text-purple-600,.text-purple-800{color:var(--hnm-indigo)!important}
.border-blue-600,.border-blue-500,.border-blue-400{border-color:var(--hnm-indigo)!important}
.bg-blue-600,.bg-blue-700{background-color:var(--hnm-indigo)!important}
.hover\:bg-blue-700:hover,.hover\:bg-blue-600:hover{background-color:#37418f!important}
.bg-gray-900{background-color:var(--hnm-ink)!important}
.bg-gray-800{background-color:#1a2046!important}
.text-gray-900,.text-gray-800,.text-gray-700{color:var(--hnm-ink)!important}
.text-gray-600,.text-gray-500,.text-gray-400{color:var(--hnm-slate)!important}

/* ---------- Logo sizing + compact spacing (front) ---------- */
footer img[alt="company-logo"]{height:44px!important;width:auto!important;max-width:170px!important;object-fit:contain!important}
header img[alt="company-logo"]{height:48px!important;width:auto!important;max-width:60px!important;object-fit:contain!important}
.py-20{padding-top:3.25rem!important;padding-bottom:3.25rem!important}
.py-16{padding-top:2.75rem!important;padding-bottom:2.75rem!important}