/* ========== TOP BAR (logo yellow ribbon) ========== */
.topbar{background:var(--yellow);padding:9px 0;font-size:.8rem;font-weight:600;color:var(--pine)}
.topbar-item{display:inline-flex;align-items:center;gap:8px;color:var(--pine);font-size: 16px}
.topbar-item:hover{color:var(--blue-deep)}
.topbar .gold{color:var(--blue-deep)}
.topbar .dot-gold{background:var(--blue)}

/* ========== NAVBAR (deep pine + tri-color logo stripe) ========== */
.mob-logo{width: 50%}
.navbar .navbar-collapse .nav-item .nav-link {font-size: 18px}
.mn-nav{background:rgba(11,51,34,.94);backdrop-filter:blur(14px);padding:14px 0;transition:all .4s var(--ease);position:relative}
.mn-nav::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--yellow) 0 33.3%,var(--blue) 33.3% 66.6%,var(--green) 66.6% 100%)}
.mn-nav.scrolled{padding:8px 0;background:rgba(8,37,25,.98);box-shadow:0 8px 30px rgba(0,0,0,.35)}
.brand-mark{width:46px;height:46px;border:1.5px solid var(--yellow);border-radius:50%;display:grid;place-items:center;color:var(--yellow);flex-shrink:0;box-shadow:inset 0 0 0 3px rgba(245,194,39,.15)}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text strong{font-size:1.25rem;color:var(--white)}
.brand-text em{color:var(--yellow)}
.brand-text small{font-size:.58rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-light)}
.mn-nav .nav-link{color:rgba(255,255,255,.85);font-size:.92rem;font-weight:500;padding:8px 16px;border-radius:8px;transition:.3s}
.mn-nav .nav-link:hover,.mn-nav .nav-link.active{color:var(--yellow)}
.mn-offcanvas{background:var(--pine)}
.m-link{color:var(--white);font-family:var(--font-02);font-size:1.3rem;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);display:block}
.m-link:hover{color:var(--yellow)}
.navbar-expand-lg .navbar-nav .dropdown-menu h6{font-size: 14px}
.th-admin-edit{position: absolute;}
@media(max-width: 767.98px){
  .mob-logo{width: 110px}
}