.swnav,.swnav *{box-sizing:border-box}
.swnav{--swnav-primary:#8b0000;--swnav-text:#1f2937;--swnav-top:0px;
  position:sticky;top:var(--swnav-top);z-index:99000;width:100%;margin:0;padding:0;background:#fff;border-bottom:1px solid #e5e7eb;transition:box-shadow .2s}
.swnav.is-scrolled{box-shadow:0 4px 18px rgba(0,0,0,.08)}
body.admin-bar .swnav{--swnav-top:32px}
@media (max-width:782px){body.admin-bar .swnav{--swnav-top:46px}}
@media (max-width:600px){body.admin-bar .swnav{--swnav-top:0px}}

.swnav__bar{position:relative;display:flex;align-items:center;gap:16px;max-width:1200px;min-height:68px;margin:0 auto;padding:8px 24px}

/* Brand */
.swnav .swnav__brand{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:#1f2a44!important}
.swnav .swnav__logo{display:block;height:var(--swnav-logo-h,44px);width:auto;max-width:180px;object-fit:contain}
.swnav .swnav__name{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:1.25rem;line-height:1.2;color:#1f2a44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Menu */
.swnav__menu{margin-left:auto}
.swnav .swnav__menu ul{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.swnav .swnav__menu li{margin:0;padding:0;list-style:none}
.swnav .swnav__menu a{display:block;padding:8px 16px;border-radius:999px;color:var(--swnav-text)!important;font-size:.95rem;font-weight:500;line-height:1.3;text-decoration:none!important;transition:background .2s,color .2s}
.swnav .swnav__menu a:hover,.swnav .swnav__menu a:focus,.swnav .swnav__menu a:active,.swnav .swnav__menu a.is-active{color:var(--swnav-primary)!important;background:#fbeaea}
.swnav .swnav__menu a.is-active{font-weight:600}
.swnav a:focus-visible,.swnav button:focus-visible{outline:2px solid var(--swnav-primary);outline-offset:2px}

/* Kanan: ikon + hamburger */
.swnav__right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.swnav__icons{display:flex;align-items:center}
.swnav .swnav__toggle{display:none;position:relative;width:42px;height:42px;padding:0;margin:0;border:0;border-radius:50%;background:transparent!important;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.swnav .swnav__toggle:hover,.swnav .swnav__toggle:focus,.swnav .swnav__toggle:active{background:#fbeaea!important}
.swnav .swnav__toggle span{position:absolute;left:11px;right:11px;height:2px;border-radius:2px;background:var(--swnav-text);transition:transform .25s,opacity .2s,top .25s}
.swnav .swnav__toggle span:nth-child(1){top:14px}
.swnav .swnav__toggle span:nth-child(2){top:20px}
.swnav .swnav__toggle span:nth-child(3){top:26px}
.swnav .swnav__toggle:hover span{background:var(--swnav-primary)}
.swnav.is-open .swnav__toggle span:nth-child(1){top:20px;transform:rotate(45deg)}
.swnav.is-open .swnav__toggle span:nth-child(2){opacity:0}
.swnav.is-open .swnav__toggle span:nth-child(3){top:20px;transform:rotate(-45deg)}

/* Mobile / tablet */
@media (max-width:860px){
  .swnav__bar{min-height:60px;padding:6px 14px;gap:8px}
  .swnav .swnav__brand{flex:1;margin-right:auto}
  .swnav .swnav__logo{height:min(var(--swnav-logo-h,44px),38px);max-width:130px}
  .swnav .swnav__name{font-size:1.05rem}
  .swnav .swnav__toggle{display:inline-block}

  .swnav__menu{display:none;position:absolute;top:100%;left:0;right:0;margin:0;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 12px 24px rgba(0,0,0,.10)}
  .swnav.is-open .swnav__menu{display:block}
  .swnav .swnav__menu ul{flex-direction:column;align-items:stretch;gap:0;padding:6px 0 10px}
  .swnav .swnav__menu a{padding:14px 20px;border-radius:0;font-size:1rem}
}
@media (max-width:380px){
  .swnav .swnav__name{font-size:.95rem}
  .swnav__right{gap:0}
}