/* v5.27.9 — Global public header/footer consistency
   The visual chrome is intentionally shared across all SiHulk public pages so
   page-specific styles cannot resize or reposition the header/footer. */

body.sihulk-front-page .site-header,
body.sihulk-front-page.sihulk-quran-page .site-header,
body.sihulk-front-page.sihulk-education-page .site-header,
body.sihulk-front-page.sihulk-foundation-page .site-header,
body.sihulk-front-page.sihulk-governance-page .site-header,
body.sihulk-front-page.sihulk-mission-page .site-header,
body.sihulk-front-page.sihulk-leadership-page .site-header,
body.sihulk-front-page.sihulk-members-theme-page .site-header,
body.sihulk-front-page.sihulk-contact-page .site-header,
body.sihulk-front-page.sihulk-event-page .site-header,
body.sihulk-front-page.sihulk-finance-page .site-header,
body.sihulk-front-page.sihulk-about-page .site-header{
  z-index:100!important;
  width:min(calc(100% - 48px),1296px)!important;
  min-width:0!important;
  margin:14px auto 0!important;
  border:0!important;
  border-radius:14px!important;
  background:rgba(4,13,12,.82)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  backdrop-filter:blur(20px)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.56)!important;
}

/* Keep the landing page overlaid; inner pages use the same chrome in normal flow. */
body.home.sihulk-front-page .site-header{position:absolute!important;left:50%!important;top:14px!important;transform:translateX(-50%)!important;margin:0!important}
body.sihulk-front-page:not(.home) .site-header{position:relative!important;left:auto!important;top:auto!important;transform:none!important}

body.sihulk-front-page .header-inner,
body.sihulk-front-page.sihulk-quran-page .header-inner,
body.sihulk-front-page.sihulk-education-page .header-inner{
  width:100%!important;
  max-width:none!important;
  min-height:66px!important;
  padding:0 22px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:20px!important;
}
body.sihulk-front-page .site-branding{flex:0 0 52px!important;width:52px!important;min-width:52px!important}
body.sihulk-front-page .custom-logo-link,
body.sihulk-front-page .brand-link{display:grid!important;place-items:center!important;width:52px!important;height:52px!important;margin:0!important}
body.sihulk-front-page .custom-logo,
body.sihulk-front-page .brand-logo{
  display:block!important;width:52px!important;height:52px!important;
  max-width:52px!important;max-height:52px!important;margin:0!important;object-fit:contain!important
}
body.sihulk-front-page .main-navigation{margin-left:auto!important}
body.sihulk-front-page .main-navigation>.sihulk-primary-menu,
body.sihulk-front-page .main-navigation>ul{gap:clamp(24px,3.25vw,54px)!important}
body.sihulk-front-page .main-navigation a{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:.98rem!important;font-weight:500!important;color:#eee3d2!important
}
body.sihulk-front-page .main-navigation a:hover,
body.sihulk-front-page .main-navigation .current-menu-item>a{color:#e8ad35!important}
body.sihulk-front-page .member-menu{flex:0 0 auto!important;margin-left:0!important}

/* One footer treatment everywhere — same spacing, columns, logo and type. */
body.sihulk-front-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-quran-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-education-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-foundation-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-governance-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-mission-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-leadership-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-members-theme-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-contact-page .sihulk-footer.site-footer,
body.sihulk-front-page.sihulk-event-page .sihulk-footer.site-footer{
  position:relative!important;overflow:hidden!important;
  padding:26px 0 14px!important;
  border-top:1px solid rgba(211,157,50,.26)!important;
  background:radial-gradient(circle at 8% 30%,rgba(25,86,62,.12),transparent 25%),linear-gradient(145deg,#03120f,#010907)!important;
  color:#bdb8ae!important
}
body.sihulk-front-page .sihulk-footer .footer-main{
  display:grid!important;grid-template-columns:minmax(330px,1.25fr) minmax(360px,1fr) auto!important;
  gap:clamp(28px,4vw,64px)!important;align-items:center!important
}
body.sihulk-front-page .sihulk-footer .footer-logo{width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;object-fit:contain!important}
body.sihulk-front-page .sihulk-footer .footer-identity-copy strong{font-size:1rem!important;line-height:1.35!important}
body.sihulk-front-page .sihulk-footer .footer-identity-copy p{font-size:.78rem!important;margin-top:6px!important}
body.sihulk-front-page .sihulk-footer .footer-bottom{margin-top:18px!important;padding-top:12px!important}

@media(max-width:1050px){
  body.sihulk-front-page .site-header,
  body.home.sihulk-front-page .site-header{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    width:auto!important;margin:10px 16px!important
  }
  body.sihulk-front-page .header-inner{min-height:64px!important;padding:6px 12px!important}
  body.sihulk-front-page .sihulk-footer .footer-main{grid-template-columns:1.15fr 1fr!important}
  body.sihulk-front-page .sihulk-footer .footer-essentials{grid-column:1/-1!important}
}

@media(max-width:900px){
  body.sihulk-front-page .site-header{z-index:1100!important}
  body.sihulk-front-page .site-branding{order:1!important}
  body.sihulk-front-page .member-menu,
  body.sihulk-front-page .member-avatar-visitor{order:2!important;margin-left:auto!important}
  body.sihulk-front-page .menu-toggle{order:3!important;flex:0 0 auto!important}
  body.sihulk-front-page .main-navigation{margin-left:0!important}
}

@media(max-width:700px){
  body.sihulk-front-page .site-header,
  body.home.sihulk-front-page .site-header{margin:10px 16px!important;border-radius:14px!important}
  body.sihulk-front-page .header-inner{min-height:78px!important;padding:8px 12px!important;gap:12px!important}
  body.sihulk-front-page .site-branding{flex-basis:58px!important;width:58px!important;min-width:58px!important}
  body.sihulk-front-page .custom-logo-link,
  body.sihulk-front-page .brand-link,
  body.sihulk-front-page .custom-logo,
  body.sihulk-front-page .brand-logo{width:58px!important;height:58px!important;max-width:58px!important;max-height:58px!important}

  body.sihulk-front-page .sihulk-footer.site-footer{padding:26px 0 16px!important}
  body.sihulk-front-page .sihulk-footer .footer-main{grid-template-columns:1fr!important;gap:22px!important}
  body.sihulk-front-page .sihulk-footer .footer-identity{gap:14px!important}
  body.sihulk-front-page .sihulk-footer .footer-logo{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important}
  body.sihulk-front-page .sihulk-footer .footer-navigation{padding-block:16px!important}
  body.sihulk-front-page .sihulk-footer .footer-navigation nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 14px!important}
  body.sihulk-front-page .sihulk-footer .footer-essentials{grid-column:auto!important;align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  body.sihulk-front-page .sihulk-footer .footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:5px!important;margin-top:18px!important}
}