/**
 * Portal — header sticky + shell hero/subhero full-width (satu lebar alur dokumen).
 * Beranda, Profil, Layanan, Dokumen, Berita, Galeri, Informasi, E-Organisasi, …
 */

html.sg-portal-html,
html.sg-portal-html-home {
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: auto !important;
}

body.sg-portal-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: visible;
    box-sizing: border-box;
}

body.sg-homepage.sg-portal-page {
    background-color: #07325a;
}

body.sg-portal-page .site-layout-main {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
    overflow-x: hidden;
    overflow-y: visible;
}

body.sg-homepage.sg-portal-page .site-layout-main {
    background: transparent;
}

/* Header navbar: fixed — Beranda & menu tetap saat scroll */
body.sg-portal-page .site-header--sg-portal {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    z-index: 1100 !important;
    box-sizing: border-box;
}

body.sg-portal-page .site-header--sg-portal .site-header__gradient {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Beranda — #sg-hero di dalam .site-layout-main (index.php) */
body.sg-homepage.sg-portal-page > section#sg-hero.hero-section,
body.sg-homepage.sg-portal-page > #sg-hero.hero-section,
body.sg-homepage.sg-portal-page > #sg-hero.sg-hero,
body.sg-homepage.sg-portal-page .site-layout-main > section#sg-hero.hero-section,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero.hero-section,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero.sg-hero {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 0 !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
    box-sizing: border-box;
}

@supports not (overflow: clip) {
    body.sg-homepage.sg-portal-page > section#sg-hero.hero-section,
    body.sg-homepage.sg-portal-page > #sg-hero.hero-section,
    body.sg-homepage.sg-portal-page > #sg-hero.sg-hero,
    body.sg-homepage.sg-portal-page .site-layout-main > section#sg-hero.hero-section,
    body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero.hero-section,
    body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero.sg-hero {
        overflow-x: hidden !important;
    }
}

body.sg-homepage.sg-portal-page > #sg-hero .sg-hero__bg,
body.sg-homepage.sg-portal-page > #sg-hero .sg-hero__grid-floor,
body.sg-homepage.sg-portal-page > #sg-hero .sg-ambient-layer,
body.sg-homepage.sg-portal-page > #sg-hero.hero-section::before,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero .sg-hero__bg,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero .sg-hero__grid-floor,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero .sg-ambient-layer,
body.sg-homepage.sg-portal-page .site-layout-main > #sg-hero.hero-section::before {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

/* Subhalaman — subhero full-width + offset di bawah navbar (selaras portal-nav.css) */
body.sg-portal-page:not(.sg-homepage) .site-layout-main > .org-hero.sg-subhero,
body.sg-portal-page:not(.sg-homepage) .site-layout-main > .sg-subhero,
body.sg-portal-page:not(.sg-homepage) .site-layout-main > .org-hero.org-hero--sub.sg-subhero:first-child {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    /* Padding vertikal subhero — selaras portal-nav + subpages.css (bukan padding main) */
    padding-top: calc(var(--sg-portal-header-offset, 5.5rem) + clamp(0.25rem, 0.65vw, 0.4rem)) !important;
    padding-bottom: clamp(0.5rem, 1.1vw, 0.75rem) !important;
    min-height: 0 !important;
    box-sizing: border-box;
}

body.sg-portal-page .org-hero.sg-subhero .org-hero__bg,
body.sg-portal-page .org-hero.sg-subhero .sg-subhero__bg,
body.sg-portal-page .sg-subhero .sg-subhero__bg {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

body.sg-portal-page .sg-portal-main-inner,
body.sg-portal-page .sg-portal-main {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}