/* ===== Navbar bersama RS Adhyaksa Banten =====
   Tampilan & dropdown disalin dari index.html (kelas rsab-*). Dipakai di semua halaman selain beranda. */
.rp-topbar{background:#f3f4f1;border-bottom:1px solid #e6e9e0;color:#5b6657;font-size:11px;line-height:1.5;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.rp-topbar .rp-wrap{display:flex;justify-content:space-between;align-items:center;gap:6px 24px;flex-wrap:wrap;max-width:1140px;margin:0 auto;padding:6px 20px}
.rp-topbar-info{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap}
.rp-topbar a{color:inherit;text-decoration:none}
.rp-topbar a:hover{color:#52752b;text-decoration:underline}
@media (max-width:900px){
.rp-topbar .rp-wrap{justify-content:center;text-align:center;padding:6px 14px}
.rp-topbar-info{justify-content:center}
}

.rsab-nav{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08);position:relative;z-index:100;font-family:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
.rsab-nav *,.rsab-nav *::before,.rsab-nav *::after{box-sizing:border-box}
.rsab-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1140px;margin:0 auto;padding:0 15px;min-height:80px}
.rsab-brand{display:block;flex:0 1 auto;line-height:0;min-width:0}
.rsab-brand img{display:block;height:65px;width:auto;max-width:100%;-webkit-user-drag:none;user-select:none}
.rsab-collapse{display:flex;justify-content:flex-end;flex:1}
.rsab-menu{display:flex;align-items:center;gap:1px;list-style:none;margin:0;padding:0}
.rsab-menu>li{margin:0;padding:0;list-style:none}
.rsab-menu>li>a{display:block;padding:10px 15px;font-size:15px;font-weight:500;line-height:1.5;color:#555;text-decoration:none;transition:color .2s}
.rsab-menu>li>a:hover,.rsab-menu>li>a:focus,.rsab-menu>li.rsab-open>a{color:#52752b}
.rsab-menu>li.rsab-current>a{color:#1f2a1f;box-shadow:inset 0 -2px 0 #52752b}
.rsab-menu>li.rsab-cta>a{background:#88b44e;color:#fff;padding:10px 25px;border-radius:4px;font-weight:600;box-shadow:none}
.rsab-menu>li.rsab-cta>a:hover{background:#7aa443;color:#fff}
.rsab-menu>li.rsab-cta{margin-left:4px}
.rsab-nav a:focus-visible,.rsab-nav button:focus-visible{outline:2px solid #52752b;outline-offset:2px;border-radius:4px}
.rsab-facilities-menu li.rsab-sub-current>a{font-weight:700}
.rsab-burger{display:none;width:44px;height:40px;padding:0;margin:0;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.rsab-burger span{display:block;width:22px;height:2px;background:#888;border-radius:1px;transition:transform .2s,opacity .2s}
.rsab-nav.rsab-open .rsab-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.rsab-nav.rsab-open .rsab-burger span:nth-child(2){opacity:0}
.rsab-nav.rsab-open .rsab-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ----- Dropdown & submenu (disalin dari index.html) ----- */
    .rsab-nav-facilities { position: relative; }
    .rsab-nav-facilities-toggle { white-space: nowrap; }
    .rsab-nav-caret { font-size: 11px; margin-left: 3px; }
    .rsab-facilities-menu, .rsab-facilities-submenu {
        display: none; position: absolute; z-index: 9999; list-style: none; margin: 0; padding: 8px 12px;
        width: 245px; background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 8px 18px rgba(0,0,0,.14);
    }
    .rsab-facilities-menu { top: 100%; left: 0; }
    .rsab-facilities-submenu { top: -8px; left: 100%; }
    .rsab-facilities-menu li, .rsab-facilities-submenu li { position: relative; margin: 0; padding: 0; }
    .rsab-facilities-menu li > a, .rsab-facilities-submenu li > a {
        display: flex !important; align-items: center; justify-content: space-between; width: 100%;
        padding: 9px 4px !important; color: #0098cf !important; font-size: 12px !important; line-height: 1.35 !important;
        background: #fff !important; border-bottom: 1px solid #cbe6f0; text-decoration: none; white-space: normal;
    }
    .rsab-facilities-menu li:last-child > a, .rsab-facilities-submenu li:last-child > a { border-bottom: 0; }
    .rsab-nav-facilities:hover > .rsab-facilities-menu, .rsab-nav-facilities.rsab-open > .rsab-facilities-menu,
    .rsab-has-submenu:hover > .rsab-facilities-submenu, .rsab-has-submenu.rsab-open > .rsab-facilities-submenu { display: block; }
    .rsab-facilities-menu li > a:hover, .rsab-facilities-submenu li > a:hover { color: #52752b !important; background: #f7fbfc !important; }

    .rsab-nav-facilities:not(.rsab-nav-information) > .rsab-facilities-menu li > a,
    .rsab-nav-facilities:not(.rsab-nav-information) > .rsab-facilities-menu .rsab-facilities-submenu li > a {
        color: #111111 !important;
        border-bottom-color: #e0e0e0 !important;
    }
    .rsab-nav-facilities:not(.rsab-nav-information) > .rsab-facilities-menu li > a:hover,
    .rsab-nav-facilities:not(.rsab-nav-information) > .rsab-facilities-menu li > a:focus,
    .rsab-nav-facilities:not(.rsab-nav-information) > .rsab-facilities-menu .rsab-facilities-submenu li > a:hover,
    .rsab-nav-facilities:not(.rsab-nav-information) > .rsab-facilities-menu .rsab-facilities-submenu li > a:focus {
        color: #52752b !important;
        background: #f3f8ef !important;
    }
    .rsab-has-submenu.rsab-open > a,
    .rsab-has-submenu:hover > a {
        color: #52752b !important;
        background: #f3f8ef !important;
        font-weight: 600;
    }

    .rsab-facilities-submenu li.rsab-service-available > a:hover,
    .rsab-facilities-submenu li.rsab-service-available > a:focus {
        color: #52752b !important;
        background: #f3f8ef !important;
        font-weight: 400;
    }
    .rsab-facilities-submenu li.rsab-service-unavailable {
        cursor: not-allowed !important;
    }
    .rsab-facilities-submenu li.rsab-service-unavailable > a,
    .rsab-facilities-submenu li.rsab-service-unavailable > a:hover,
    .rsab-facilities-submenu li.rsab-service-unavailable > a:focus {
        color: #9a9a9a !important;
        background: #f5f5f5 !important;
        cursor: not-allowed !important;
        font-weight: 400;
        pointer-events: none;
    }
    .rsab-submenu-long { max-height: 600px; overflow-y: auto; }
    @media (max-width: 991px) {
        .rsab-facilities-menu, .rsab-facilities-submenu { position: static; width: 100%; box-shadow: none; border: 0; padding-left: 14px; }
        .rsab-nav-facilities:hover > .rsab-facilities-menu, .rsab-has-submenu:hover > .rsab-facilities-submenu { display: none; }
        .rsab-nav-facilities.rsab-open > .rsab-facilities-menu, .rsab-has-submenu.rsab-open > .rsab-facilities-submenu { display: block; }
    }

        .rsab-nav-information .rsab-information-menu li > a,
        .rsab-nav-information .rsab-information-menu li > a:hover,
        .rsab-nav-information .rsab-information-menu li > a:focus {
            color: #9a9a9a !important;
            background: #f5f5f5 !important;
            font-weight: 400 !important;
        }

        .rsab-nav-information .rsab-information-menu li.rsab-info-linked > a,
        .rsab-nav-information .rsab-information-menu li.rsab-info-linked > a:hover,
        .rsab-nav-information .rsab-information-menu li.rsab-info-linked > a:focus {
            color: #52752b !important;
            background: #f3f8ef !important;
            font-weight: 600 !important;
            cursor: pointer !important;
        }
        .rsab-facilities-submenu li.rsab-service-available > a {
            color: #111 !important;
            background: #fff !important;
            font-weight: 400 !important;
        }
        .rsab-facilities-submenu li.rsab-service-available > a:hover,
        .rsab-facilities-submenu li.rsab-service-available > a:focus,
        .rsab-facilities-submenu li.rsab-service-available > a:active,
        .rsab-facilities-submenu li.rsab-service-available.rsab-selected > a {
            color: #52752b !important;
            background: #f3f8ef !important;
            font-weight: 400 !important;
        }
.rsab-submenu-long{max-height:600px;overflow-y:auto}

/* ===== Tampilan HP & tablet (menu burger) ===== */
@media (max-width:991px){
.rsab-nav{position:sticky;top:0}
.rsab-nav-inner{min-height:56px;padding:8px 14px;flex-wrap:wrap}
.rsab-brand{flex:1 1 auto;min-width:0;padding:4px 0}
.rsab-brand img{height:auto;max-height:42px;width:auto;max-width:100%}
.rsab-burger{display:flex;flex:0 0 auto;width:52px;height:42px;margin-left:8px;background:#fff;border:1px solid #cfcfcf;border-radius:6px;-webkit-tap-highlight-color:transparent}
.rsab-burger span{width:22px;background:#222}
.rsab-burger:hover,.rsab-burger:focus{background:#fff;border-color:#52752b}
.rsab-collapse{display:none;flex:0 0 100%;order:3;margin:8px -14px 0;padding:0 14px;border-top:1px solid #eee;
  max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.rsab-nav.rsab-open .rsab-collapse{display:block}
.rsab-menu{flex-direction:column;align-items:stretch;gap:0;width:100%;padding:4px 0 14px}
.rsab-menu>li>a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:12px 4px;font-size:15px;border-bottom:1px solid #f0f0f0}
.rsab-menu>li.rsab-current>a{box-shadow:none;color:#52752b}
.rsab-nav-caret{font-size:12px;transition:transform .2s}
.rsab-nav-facilities.rsab-open>a .rsab-nav-caret{transform:rotate(180deg)}
.rsab-facilities-menu,.rsab-facilities-submenu{margin:0;padding:2px 0 6px 12px!important;border:0!important;border-left:3px solid #e3eed6!important;background:#fff;box-shadow:none}
.rsab-facilities-menu li>a,.rsab-facilities-submenu li>a{min-height:44px;padding:11px 8px!important;font-size:13.5px!important}
.rsab-has-submenu>a span{display:inline-block;transition:transform .2s}
.rsab-has-submenu.rsab-open>a span{transform:rotate(90deg)}
.rsab-submenu-long{max-height:none;overflow:visible}
.rsab-menu>li.rsab-cta{margin:14px 0 0}
.rsab-menu>li.rsab-cta>a{justify-content:center;min-height:48px;border-bottom:0}
}
@media (max-width:575px){
.rsab-nav-inner{padding:8px 12px}
.rsab-brand img{max-height:38px}
}

/* =====================================================================
   BERANDA (index.html) - samakan navbar dengan navbar halaman lain
   (mis. tentang-kami.html). Hanya aktif jika <body class="rsab-home">.
   Ubah ukuran cukup lewat 6 variabel di bawah ini.
   Selektor sengaja panjang + !important agar menang atas CSS index.html
   (font Sora global, ukuran 14px/600, panah tersembunyi) dan atas
   header yang dibuat js/site-shell.js (.site-header / .site-menu).
   ===================================================================== */
html body.rsab-home{
  --nv-font:'Poppins',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --nv-h:76px;          /* tinggi bar utama, sama dengan halaman lain */
  --nv-logo:52px;       /* tinggi logo */
  --nv-fs:13px;         /* ukuran huruf menu */
  --nv-fw:500;          /* ketebalan huruf menu */
  --nv-caret:#2e7d46;   /* warna panah dropdown */
  --nv-caret-fs:12px;   /* ukuran panah dropdown */
}

/* 1) Jenis huruf: Poppins di bar atas + navbar (bukan Sora) */
html body.rsab-home #rsabTopbar,
html body.rsab-home #rsabTopbar *:not(i):not([class*="fa-"]):not(.fa),
html body.rsab-home #rsabNav,
html body.rsab-home #rsabNav *:not(i):not([class*="fa-"]):not(.fa),
html body.rsab-home .site-header,
html body.rsab-home .site-header *:not(i):not([class*="fa-"]):not(.fa){
  font-family:var(--nv-font)!important;
}

/* 2) Huruf menu: ukuran & ketebalan sama dengan halaman lain */
html body.rsab-home #rsabNav .rsab-menu>li>a,
html body.rsab-home .site-header .site-menu>li>a,
html body.rsab-home .site-header .site-nav-main>a,
html body.rsab-home .site-header .site-nav-toggle{
  font-size:var(--nv-fs)!important;
  font-weight:var(--nv-fw)!important;
  line-height:1.35!important;
  letter-spacing:normal!important;
  padding:9px 7px!important;
}
html body.rsab-home .site-header .site-nav-toggle{
  width:26px!important;
  height:36px!important;
  padding:0!important;
}
/* halaman aktif (Beranda): tebal + hijau, seperti item aktif di halaman lain */
html body.rsab-home #rsabNav .rsab-menu>li.rsab-current>a,
html body.rsab-home .site-header .site-menu>li.active>a,
html body.rsab-home .site-header .site-menu>li.is-active>a,
html body.rsab-home .site-header .site-menu>li.current>a,
html body.rsab-home .site-header .site-menu>li>a[aria-current="page"]{
  font-weight:600!important;
}

/* 3) Panah dropdown: selalu terlihat */
html body.rsab-home #rsabNav .rsab-nav-caret,
html body.rsab-home .site-header .rsab-nav-caret,
html body.rsab-home .site-header .site-nav-caret,
html body.rsab-home .site-header .site-caret{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  margin-left:4px!important;
  font-size:var(--nv-caret-fs)!important;
  line-height:1!important;
  color:var(--nv-caret)!important;
  -webkit-text-fill-color:var(--nv-caret)!important;
  font-family:'Segoe UI Symbol','Noto Sans Symbols 2','DejaVu Sans',Arial,sans-serif!important;
}
/* cadangan: jika header baru tidak punya elemen panah sama sekali, gambar lewat ::after */
html body.rsab-home .site-header .site-nav-toggle:not(:has(.rsab-nav-caret,.site-nav-caret,.site-caret,span,svg,i))::after{
  content:"\25BE"!important;
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  margin-left:4px!important;
  font-size:var(--nv-caret-fs)!important;
  line-height:1!important;
  color:var(--nv-caret)!important;
  font-family:'Segoe UI Symbol','Noto Sans Symbols 2','DejaVu Sans',Arial,sans-serif!important;
}

/* 4) Ukuran bar utama + logo (desktop). HP/tablet tetap memakai aturan burger di atas. */
@media (min-width:1191px){
  html body.rsab-home #rsabNav .rsab-nav-inner,
  html body.rsab-home .site-header .site-nav-row{
    min-height:var(--nv-h)!important;
    height:auto!important;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
  }
  html body.rsab-home #rsabNav .rsab-brand img,
  html body.rsab-home .site-header .site-brand img,
  html body.rsab-home .site-header .navbar-brand img,
  html body.rsab-home .site-header a[href="index.html"] img{
    height:var(--nv-logo)!important;
    max-height:none!important;
    width:auto!important;
    max-width:100%!important;
  }
}