/* Poppins Font - Using Google Fonts CDN */
/* Google Fonts CDN link harus ditambahkan di HTML head sebelum file ini di-load */
/* Font akan di-load dari Google Fonts, file ini hanya untuk styling */

/* Apply Poppins to body and text elements, but exclude Font Awesome icons */
body {
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.875rem !important; /* 14px - lebih kecil dari default 16px */
}

/* Ensure Font Awesome icons use their own font-family and are not affected by Poppins */
.fas, .far, .fab, .fal, .fad, .fa,
[class*="fa-"],
[class^="fa-"],
[class*=" icon-"],
[class^="icon-"],
.svg-inline--fa,
i[class*="fa"],
i[class^="fa"] {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 5 Pro" !important;
  font-weight: 900 !important;
}

.far {
  font-weight: 400 !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}

/* Perkecil ukuran font untuk berbagai elemen */
html {
  font-size: 14px !important; /* Base font size */
}

h1, .h1 {
  font-size: 1.75rem !important; /* 28px */
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

h2, .h2 {
  font-size: 1.5rem !important; /* 24px */
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

h3, .h3 {
  font-size: 1.25rem !important; /* 20px */
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

h4, .h4 {
  font-size: 1.1rem !important; /* 17.6px */
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

h5, .h5 {
  font-size: 1rem !important; /* 16px */
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

h6, .h6 {
  font-size: 0.9rem !important; /* 14.4px */
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Exclude icons from Poppins font in headings */
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i,
.h1 i, .h2 i, .h3 i, .h4 i, .h5 i, .h6 i {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 5 Pro" !important;
}

p, span, div, td, th, label, input, select, textarea, button {
  font-size: 0.875rem !important; /* 14px */
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Exclude icons from Poppins font in buttons and other elements */
button i, .btn i, label i, span i, div i, p i, td i, th i {
  font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 5 Pro" !important;
}

small, .small {
  font-size: 0.8rem !important; /* 12.8px */
}

.card-title {
  font-size: 1.1rem !important; /* 17.6px */
}

.navbar-brand, .brand-text {
  font-size: 1.1rem !important;
}

.breadcrumb {
  font-size: 0.85rem !important; /* 13.6px */
}

.table {
  font-size: 0.875rem !important; /* 14px */
}

.btn {
  font-size: 0.875rem !important; /* 14px */
}

.form-control, .input-group-text {
  font-size: 0.875rem !important; /* 14px */
}

.nav-link {
  font-size: 0.875rem !important; /* 14px */
}

.sidebar .nav-link p {
  font-size: 0.875rem !important;
}

/* Additional Poppins font weight classes if needed */
.font-poppins-light {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 300 !important;
}

.font-poppins-regular {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
}

.font-poppins-medium {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500 !important;
}

.font-poppins-semibold {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

.font-poppins-bold {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
}
