/*
 * KiSTARP: standard header dan kawasan tajuk halaman.
 * Fail ini hanya menyelaras header serta hero/tajuk halaman.
 * Fungsi, kandungan, data, borang dan komponen lain tidak disentuh.
 */

/* Header rasmi: kunci ukuran supaya semua halaman menggunakan rupa yang sama. */
.site-header{position:relative!important;z-index:100!important;background:#fff!important}
.utility-inner,
.brand-band .header-inner{width:min(1180px,calc(100% - 40px))!important;margin-inline:auto!important}
.utility-inner{min-height:42px!important}
.brand-band .header-inner{min-height:126px!important;padding:0!important}
.brand-band .identity{gap:17px!important}
.brand-band .identity-logo{width:78px!important;height:78px!important}
.brand-band .identity small{margin-bottom:5px!important;font-size:.76rem!important;line-height:1.25!important}
.brand-band .identity strong{font-size:clamp(1.45rem,2.4vw,2rem)!important;line-height:1.13!important}
.brand-band .identity em{margin-top:7px!important;font-size:.78rem!important;line-height:1.35!important}
.brand-motto{padding-left:25px!important}
.primary-nav .navigation{width:min(1180px,100%)!important;margin-inline:auto!important}
.primary-nav .navigation>a,
.nav-dropdown>summary{min-height:58px!important}

/* Semua hero/tajuk halaman: tinggi, ruang dan tipografi yang konsisten. */
.t6-hero,
.department-hero,
.package-hero,
.exam-hero,
.warga-hero,
.alumni-hero,
.pibg-hero,
.activity-hero,
.system-hero,
.counselling-hero,
.gallery-page-hero{
  box-sizing:border-box!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border-bottom:5px solid var(--gold-500,#ffd100)!important;
}

.t6-hero-inner,
.department-hero .department-container,
.package-hero-inner,
.exam-hero-inner,
.warga-hero-inner,
.alumni-hero-inner,
.pibg-hero-inner,
.activity-hero .hero-inner,
.system-hero-inner,
.counselling-hero-inner,
.gallery-page-hero .hero-inner{
  box-sizing:border-box!important;
  width:min(1180px,calc(100% - 40px))!important;
  min-height:300px!important;
  margin-inline:auto!important;
  padding-top:46px!important;
  padding-bottom:46px!important;
}

.t6-hero h1,
.department-hero h1,
.package-hero h1,
.exam-hero h1,
.warga-hero h1,
.alumni-hero h1,
.pibg-hero h1,
.activity-hero h1,
.system-hero h1,
.counselling-hero h1,
.gallery-page-hero h1{
  margin-top:0!important;
  margin-bottom:16px!important;
  font-size:clamp(2.45rem,4.6vw,4.15rem)!important;
  font-weight:800!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
}

.t6-hero .eyebrow,
.department-hero .eyebrow,
.package-hero .package-eyebrow,
.exam-hero .exam-eyebrow,
.warga-hero .eyebrow,
.alumni-hero .eyebrow,
.pibg-hero .eyebrow,
.activity-hero .eyebrow,
.system-hero .system-kicker,
.counselling-hero .eyebrow,
.gallery-page-hero .eyebrow{
  margin-bottom:13px!important;
  font-size:.75rem!important;
  line-height:1.4!important;
  letter-spacing:.12em!important;
}

.t6-hero p,
.department-hero p,
.package-hero p,
.exam-hero p,
.warga-hero p,
.alumni-hero p,
.pibg-hero p,
.activity-hero .hero-copy,
.system-hero p,
.counselling-hero p,
.gallery-page-hero .subtitle{
  max-width:760px!important;
  margin-top:0!important;
  margin-bottom:0!important;
  font-size:1rem!important;
  line-height:1.65!important;
}

/* Tajuk halaman dalaman pentadbir/pelajar kekal ringkas dan sepadan. */
.student-page-heading{
  box-sizing:border-box!important;
  width:100%!important;
  margin-bottom:26px!important;
  padding:0!important;
}
.student-page-heading h1{
  margin:4px 0 8px!important;
  font-size:clamp(2rem,3.5vw,3rem)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}

@media(max-width:820px){
  .brand-band .header-inner{min-height:105px!important}
  .brand-band .identity-logo{width:68px!important;height:68px!important}
  .t6-hero-inner,
  .department-hero .department-container,
  .package-hero-inner,
  .exam-hero-inner,
  .warga-hero-inner,
  .alumni-hero-inner,
  .pibg-hero-inner,
  .activity-hero .hero-inner,
  .system-hero-inner,
  .counselling-hero-inner,
  .gallery-page-hero .hero-inner{
    min-height:250px!important;
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
}

@media(max-width:560px){
  .utility-inner,
  .brand-band .header-inner{width:min(100% - 24px,1180px)!important}
  .brand-band .header-inner{min-height:96px!important}
  .brand-band .identity-logo{width:62px!important;height:62px!important}
  .brand-band .identity strong{font-size:1.02rem!important}
  .t6-hero-inner,
  .department-hero .department-container,
  .package-hero-inner,
  .exam-hero-inner,
  .warga-hero-inner,
  .alumni-hero-inner,
  .pibg-hero-inner,
  .activity-hero .hero-inner,
  .system-hero-inner,
  .counselling-hero-inner,
  .gallery-page-hero .hero-inner{
    width:min(100% - 28px,1180px)!important;
    min-height:210px!important;
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .t6-hero h1,
  .department-hero h1,
  .package-hero h1,
  .exam-hero h1,
  .warga-hero h1,
  .alumni-hero h1,
  .pibg-hero h1,
  .activity-hero h1,
  .system-hero h1,
  .counselling-hero h1,
  .gallery-page-hero h1{font-size:2.25rem!important}
}