/* Shared public navigation for berita.php and dokumen.php. */
body.public-nav-page { background:#f6f9fd; }
body.public-nav-page .modern-navbar { min-height:70px; padding:11px 0; background:rgba(255,255,255,.98) !important; border-bottom:1px solid #e4ebf4; box-shadow:0 6px 22px rgba(18,40,79,.07); }
body.public-nav-page .modern-navbar .container-fluid { width:100%; max-width:none; padding-left:20px !important; padding-right:20px !important; }
body.public-nav-page .modern-navbar .ppid-brand { display:inline-flex; align-items:center; gap:10px; min-width:225px; margin-right:12px; flex-shrink:0; color:#0b2b63 !important; text-decoration:none; line-height:1; }
body.public-nav-page .modern-navbar .ppid-brand-mark { width:46px !important; height:46px !important; object-fit:contain; background:transparent !important; padding:0 !important; box-shadow:none !important; }
body.public-nav-page .modern-navbar .ppid-brand-copy { display:grid !important; grid-template-columns:max-content max-content; align-items:baseline; column-gap:5px; row-gap:3px; max-width:none; }
body.public-nav-page .modern-navbar .ppid-brand-copy strong { color:#0d63cf; font-size:1.12rem; line-height:1; }
body.public-nav-page .modern-navbar .ppid-brand-government { color:#102b5e; font-size:.9rem; font-weight:850; line-height:1; }
body.public-nav-page .modern-navbar .ppid-brand-copy small { display:block !important; grid-column:1/-1; color:#6a7890; font-size:.56rem; font-weight:500; white-space:nowrap; }
body.public-nav-page .modern-navbar .navbar-collapse { flex:1 1 auto; min-width:0; justify-content:center !important; }
body.public-nav-page .modern-navbar .navbar-nav { align-items:center; justify-content:center; flex-wrap:nowrap; gap:1px; }
body.public-nav-page .modern-navbar .nav-link { min-height:40px; padding:8px 9px !important; color:#1b3157 !important; font-size:.78rem !important; font-weight:700; border-radius:9px; white-space:nowrap; }
body.public-nav-page .modern-navbar .nav-link:hover, body.public-nav-page .modern-navbar .nav-link:focus, body.public-nav-page .modern-navbar .nav-link.active { color:#1265d4 !important; background:#eef5ff !important; }
body.public-nav-page .modern-navbar .dropdown-menu { min-width:255px; margin-top:10px !important; padding:8px !important; border:1px solid #dfe8f3 !important; border-radius:14px !important; background:#fff !important; box-shadow:0 18px 42px rgba(18,40,79,.16) !important; }
body.public-nav-page .modern-navbar .dropdown-item { display:flex; align-items:center; gap:9px; min-height:40px; padding:10px 12px !important; border-radius:9px; color:#19345f !important; font-size:.82rem; font-weight:650; white-space:normal; }
body.public-nav-page .modern-navbar .dropdown-item::before { content:"›"; display:inline-grid; width:20px; height:20px; place-items:center; border-radius:50%; color:#1265d4; background:#edf5ff; font-weight:800; }
body.public-nav-page .modern-navbar .dropdown-item:hover, body.public-nav-page .modern-navbar .dropdown-item:focus { color:#0b58bc !important; background:#eef6ff !important; }
body.public-nav-page .modern-navbar .dropdown-toggle::after { margin-left:7px; border-top-color:#55708f !important; }
@media(max-width:991.98px){ body.public-nav-page .modern-navbar .navbar-collapse { justify-content:flex-start !important; margin-top:10px; padding:8px; background:#fff; border:1px solid #e1e9f3; border-radius:10px; } body.public-nav-page .modern-navbar .navbar-nav { justify-content:flex-start; flex-wrap:wrap; } body.public-nav-page .modern-navbar .ppid-brand { min-width:0; } body.public-nav-page .modern-navbar .dropdown-menu { min-width:0; margin-top:4px !important; box-shadow:none !important; } }
@media(max-width:575.98px){ body.public-nav-page .modern-navbar .ppid-brand-mark { width:42px !important; height:42px !important; } body.public-nav-page .modern-navbar .ppid-brand-copy { grid-template-columns:max-content; } body.public-nav-page .modern-navbar .ppid-brand-government { font-size:.8rem; } body.public-nav-page .modern-navbar .ppid-brand-copy small { grid-column:1; white-space:normal; } }