/**
 * FBE — Blok Hero (SATU SUMBER gaya hero) — v1.2.0 · 13 Okt 2026
 * Berkas BARU dengan sengaja: WP Rocket meminify dari nol (menyunting isi berkas yang
 * sudah diminify tidak sampai ke pengunjung).
 * Di-enqueue dari snippet Angie 5004 — handle `fbe-hero-blok`, prioritas 99 (terakhir).
 *
 * ISI
 *   A. BLOK DEKLARASI BERSAMA → hero berjangkar (#top/#hero) + 5 band dosen/tendik
 *      (data-id 4daf6432, /dosen-akuntansi/ /dosen-manajemen/ /dosen-ilmu-ekonomi/
 *      /dosen-sarjana-terapan/ /tenaga-kependidikan/). Palet hero ada di SATU tempat;
 *      setiap perubahan di blok ini otomatis ikut ke kelima band.
 *   B. GEOMETRI BAND → padding memakai token yang SAMA dengan hero
 *      (--sectionSpace/--pageGutter/--sectionSpaceTablet/--sectionSpaceMobile/
 *      --pageGutterMobile), jadi band mengikuti perubahan jarak hero.
 *   C. TIPOGRAFI BAND → h1 54/42/32px (sama dengan hero), eyebrow emas 700.
 *
 * KEPUTUSAN PEMILIK SITUS (13 Okt 2026): padding = 56px (token --sectionSpace),
 * eyebrow emas, h1 band 54px.
 *
 * CATATAN TEKNIS
 *  - Warna SENGAJA TANPA !important: cukup menang lewat spesifisitas (0,4,0) >
 *    gaya lokal ".elementor .e-xxx" (0,2,0) karena berkas ini dimuat terakhir.
 *    Tanpa !important, 8 hero SEMI-TRANSPARAN di frontend.css (data-id 5de32e94 dst)
 *    tetap tidak terusik oleh blok ini.
 *  - Padding & font-size h1 band WAJIB !important: gaya lokal band memakai properti
 *    panjang (padding-block-*) dan h1 band membawa "font-size:2.75rem !important".
 *    Terukur: tanpa !important padding tetap 40px/24px.
 *  - Escape hatch: beri kelas `fbe-hero-light` pada elemen band → tidak diubah.
 *  - Kill-switch : nonaktifkan snippet 5004; tidak ada nilai tersimpan di halaman.
 */

:root{
  --fbe-hero-bg:       var(--facultygray-500);                                 /* #3A3A3B */
  --fbe-hero-grad:     linear-gradient(150deg, #484848 0%, var(--text-500) 100%); /* DS */
  --fbe-hero-accent:   var(--accent-500);                                      /* #F7CA26 */
  --fbe-hero-accent-w: 4px;
  --fbe-hero-h1:       3.375rem;  /* 54px — sama dengan h1 hero DS */
  --fbe-hero-h1-tab:   2.625rem;  /* 42px */
  --fbe-hero-h1-mob:   2rem;      /* 32px */
}

/* ===== A. BLOK DEKLARASI BERSAMA: hero berjangkar + 5 band (satu sumber palet) =====
   Hanya properti yang memang sama pada semua hero: latar + warna garis aksen.
   Lebar/gaya garis atas untuk band dilengkapi di blok B (band belum punya border-top). */
.page-content > .elementor > .e-con[id="top"]:not(.fbe-hero-light),
.page-content > .elementor > .e-con[id="hero"]:not(.fbe-hero-light),
.page-content > .elementor > .e-con[data-id="4daf6432"]:not(.fbe-hero-light){
  background-color: var(--fbe-hero-bg);
  background-image: var(--fbe-hero-grad);
  border-top-color: var(--fbe-hero-accent);
}

/* ===== B. 5 BAND: garis atas aksen + geometri mengikuti token hero ===== */
.page-content > .elementor > .e-con[data-id="4daf6432"]:not(.fbe-hero-light){
  border-top-width: var(--fbe-hero-accent-w) !important;
  border-top-style: solid !important;
  border-bottom-width: 0 !important;               /* mematikan garis magenta warisan */
  padding-block: var(--sectionSpace) !important;   /* = 3.5rem = 56px, sama seperti hero */
  padding-inline: var(--pageGutter) !important;    /* = 1.5rem = 24px */
}
@media (max-width: 1024px){
  .page-content > .elementor > .e-con[data-id="4daf6432"]:not(.fbe-hero-light){
    padding-block: var(--sectionSpaceTablet) !important;
  }
}
@media (max-width: 767px){
  .page-content > .elementor > .e-con[data-id="4daf6432"]:not(.fbe-hero-light){
    padding-block: var(--sectionSpaceMobile) !important;
    padding-inline: var(--pageGutterMobile) !important;
  }
}

/* ===== C. 5 BAND: tipografi selaras hero ===== */
/* eyebrow: pink warisan #F24E66 / 600 → emas DS / 700 (seperti eyebrow hero) */
.page-content > .elementor > .e-con[data-id="4daf6432"]:not(.fbe-hero-light) .e-5f99e244-49dd{
  color: var(--fbe-hero-accent) !important;
  font-weight: 700 !important;
}
/* h1: 44px → 54px (tablet 42px, mobile 32px) sama dengan h1 hero */
.page-content > .elementor > .e-con[data-id="4daf6432"]:not(.fbe-hero-light) .e-2b298991-662e{
  font-size: var(--fbe-hero-h1) !important;
}
@media (max-width: 1024px){
  .page-content > .elementor > .e-con[data-id="4daf6432"]:not(.fbe-hero-light) .e-2b298991-662e{
    font-size: var(--fbe-hero-h1-tab) !important;
  }
}
@media (max-width: 767px){
  .page-content > .elementor > .e-con[data-id="4daf6432"]:not(.fbe-hero-light) .e-2b298991-662e{
    font-size: var(--fbe-hero-h1-mob) !important;
  }
}

/* Cakupan yang SENGAJA tidak disentuh: panel CTA navy, kartu dosen (grid 4 kolom),
   blok contoh token di halaman Design FBE, hero terang id="ekonomi"/"manajemen"/
   "akuntansi"/"atas", serta 8 hero semi-transparan (tetap di frontend.css). */