/* Typography Scale ok */

* {
  font-family: 
    -apple-system, BlinkMacSystemFont, 
    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 
    sans-serif !important;
}

/* Override Tachyons spesifik */
.f1, .f2, .f3, .f4, .f5, .f6, .f7 { 
  font-family: 'Poppins', sans-serif !important; 
}

h1 {
  font-size: 2.5rem !important;    /* 40px */
  line-height: 1.1 !important;
  font-weight: 700 !important;
  margin-bottom: 1.5rem !important;
}

h2 {
  font-size: 2rem !important;      /* 32px */
  line-height: 1.2 !important;
  font-weight: 600 !important;
  margin: 2rem 0 1rem 0 !important;
}

h3 {
  font-size: 1.5rem !important;    /* 24px */
  line-height: 1.3 !important;
  margin: 1.5rem 0 1rem 0 !important;
}

h4 {
  font-size: 1.25rem !important;   /* 20px */
  margin: 1.25rem 0 0.75rem 0 !important;
}

p {
  font-size: 1.1rem !important;    /* Body text 18px */
  line-height: 1.6 !important;
  margin-bottom: 1.25rem !important;
}

/* Homepage khusus lebih besar */
.home h1 {
  font-size: 3rem !important;  /* 48px di frontpage */
}

@media (max-width: 479px) {
  footer, .footer, .copyright-section {  /* sesuaikan class footer-mu */
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    padding: 15px 10px !important;
  }
  
  .copyright, footer p {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    font-size: 12px !important;
    white-space: normal !important;  /* biar wrap */
    order: 1;  /* text duluan */
  }
  
  /* Icons social di bawah */
  footer ul, .social-icons {
    order: 2;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
  }
  
  footer ul li {
    margin: 0 5px;
    font-size: 20px;  /* kurangi ukuran icon */
  }
}