/* Shared MROJ navigation: a compact header with grouped disclosures. */
.mroj-nav { color: #f8fafc; z-index: 60; }
.mroj-nav .nav-shell { display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; margin-inline: auto; max-width: 1280px; min-height: 80px; padding: 12px 24px; border: 1px solid rgba(197,160,89,.28); border-radius: 22px; background: rgba(5,22,18,.96); box-shadow: 0 10px 36px rgba(0,0,0,.14); backdrop-filter: blur(18px); }
.mroj-nav .nav-brand { display: inline-flex; flex-shrink: 0; align-items: center; border-radius: 8px; }
.mroj-nav .nav-brand img { width: 132px; height: auto; object-fit: contain; }
.mroj-nav .nav-desktop { flex: 1; min-width: 0; }
.mroj-nav .nav-list { display: flex; align-items: center; justify-content: center; gap: 3px; margin: 0; padding: 0; list-style: none; }
.mroj-nav .nav-item { position: relative; }
.mroj-nav .nav-link, .mroj-nav .nav-summary { display: flex; align-items: center; justify-content: space-between; gap: 7px; min-height: 44px; padding: 10px 12px; border-radius: 10px; font-size: 13px; font-weight: 700; color: #e2e8e5; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background .18s, color .18s; }
.mroj-nav .nav-summary { list-style: none; }
.mroj-nav .nav-summary::-webkit-details-marker { display: none; }
.mroj-nav .nav-summary::marker { content: ''; }
.mroj-nav .nav-chevron { width: 14px; height: 14px; flex-shrink: 0; color: #c5a059; transition: transform .18s; }
.mroj-nav .nav-group[open] > .nav-summary .nav-chevron { transform: rotate(180deg); }
.mroj-nav .nav-link:hover, .mroj-nav .nav-summary:hover, .mroj-nav .nav-group[open] > .nav-summary { background: rgba(197,160,89,.1); color: #e8c97a; }
.mroj-nav .nav-current, .mroj-nav .nav-active, .mroj-nav [aria-current] { color: #e8c97a; }
.mroj-nav .nav-dropdown { position: absolute; inset-inline-start: 0; top: calc(100% + 12px); width: 312px; max-width: calc(100vw - 40px); margin: 0; padding: 10px; border: 1px solid rgba(197,160,89,.3); border-radius: 18px; background: #0b241d; box-shadow: 0 22px 60px rgba(0,0,0,.35); max-height: calc(100dvh - 150px); overflow-y: auto; z-index: 70; }
.mroj-nav .nav-item:last-child .nav-dropdown { inset-inline-start: auto; inset-inline-end: 0; }
.mroj-nav .nav-group:not([open]) > .nav-dropdown { display: none; }
.mroj-nav .nav-sublink { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 11px; text-decoration: none; text-align: start; transition: background .18s; }
.mroj-nav .nav-sublink:hover, .mroj-nav .nav-sublink:focus-visible, .mroj-nav .nav-sublink[aria-current] { background: rgba(197,160,89,.11); }
.mroj-nav .nav-sublabel { font-size: 14px; font-weight: 700; color: #f1f5f3; line-height: 1.7; }
.mroj-nav .nav-subdesc { font-size: 11px; color: #aebeb7; line-height: 1.7; }
.mroj-nav .nav-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.mroj-nav .nav-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border-radius: 12px; background: #c5a059; color: #051612; white-space: nowrap; font-size: 13px; font-weight: 800; text-decoration: none; transition: background .18s, transform .18s; }
.mroj-nav .nav-cta:hover { background: #e0bd77; transform: translateY(-1px); }
.mroj-nav .nav-toggle { display: none; align-items: center; justify-content: center; flex-direction: column; gap: 6px; width: 44px; height: 44px; border: 1px solid rgba(197,160,89,.25); border-radius: 12px; color: #f8fafc; background: transparent; cursor: pointer; }
.mroj-nav .nav-toggle span { width: 20px; height: 2px; background: currentColor; transition: transform .18s, opacity .18s; }
.mroj-nav .nav-toggle[aria-expanded="true"] span:first-child { transform: translateY(8px) rotate(45deg); }
.mroj-nav .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.mroj-nav .nav-toggle[aria-expanded="true"] span:last-child { transform: translateY(-8px) rotate(-45deg); }
.mroj-nav .nav-mobile { display: none; }
.mroj-nav .nav-mobile[hidden] { display: none; }
.mroj-nav :focus-visible { outline: 2px solid #e8c97a; outline-offset: 3px; }
.mroj-nav .nav-language { position: relative; }
.mroj-nav #lang-dropdown-toggle { display: flex; gap: 5px; align-items: center; justify-content: center; height: 44px; padding: 0 10px; border-radius: 12px; font-size: 11px; }
.mroj-nav .lang-icon { height: 16px; width: 16px; color: #c5a059; }
.mroj-nav #lang-dropdown-menu { inset-inline-end: 0; inset-inline-start: auto; top: calc(100% + 12px); }
@media (min-width: 1200px) and (max-width: 1399px) {
  .mroj-nav .nav-shell { gap: 14px; padding-inline: 20px; }
  .mroj-nav .nav-link, .mroj-nav .nav-summary { padding-inline: 9px; font-size: 12px; }
  .mroj-nav .nav-brand img { width: 118px; }
  .mroj-nav .nav-cta { padding-inline: 14px; }
}
@media (max-width: 1199px) {
  .mroj-nav .nav-desktop { display: none; }
  .mroj-nav .nav-toggle { display: flex; }
  .mroj-nav .nav-shell { min-height: 72px; padding: 10px 16px; gap: 12px; border-radius: 18px; }
  .mroj-nav .nav-brand img { width: 112px; }
  .mroj-nav .nav-mobile { display: block; position: absolute; top: calc(100% + 10px); inset-inline: 0; padding: 12px; max-height: calc(100dvh - 116px); overflow-y: auto; overscroll-behavior: contain; background: #081e18; border: 1px solid rgba(197,160,89,.28); border-radius: 18px; box-shadow: 0 20px 45px rgba(0,0,0,.35); }
  .mroj-nav .nav-mobile .nav-list { display: block; }
  .mroj-nav .nav-mobile .nav-item + .nav-item { border-top: 1px solid rgba(255,255,255,.06); }
  .mroj-nav .nav-mobile .nav-link, .mroj-nav .nav-mobile .nav-summary { padding: 14px; min-height: 50px; font-size: 14px; }
  .mroj-nav .nav-mobile .nav-dropdown { position: static; width: auto; max-width: none; max-height: none; margin: 0 8px 10px; padding: 4px; border: 0; border-inline-start: 2px solid rgba(197,160,89,.35); border-radius: 0 0 12px 12px; background: rgba(255,255,255,.025); box-shadow: none; overflow: visible; }
  .mroj-nav .nav-mobile .nav-subdesc { display: none; }
  .mroj-nav .nav-mobile .nav-sublink { padding-block: 10px; }
}
@media (max-width: 479px) {
  .mroj-nav .nav-shell { padding: 10px; gap: 8px; }
  .mroj-nav .nav-brand img { width: 100px; }
  .mroj-nav .nav-actions { gap: 7px; }
  .mroj-nav .nav-cta { font-size: 12px; padding-inline: 11px; }
  .mroj-nav #lang-display { display: none; }
  .mroj-nav #lang-dropdown-toggle { padding-inline: 9px; }
  .mroj-nav #lang-dropdown-toggle .nav-chevron { display: none; }
}
@media (max-width: 359px) { .mroj-nav .nav-actions > .nav-cta { display: none; } }
@media (prefers-reduced-motion: reduce) { .mroj-nav *, .mroj-nav *::before, .mroj-nav *::after { transition: none !important; } }

/* The original wordmark stays legible on the forest-green navigation. */
.mroj-nav .nav-brand { padding: 6px 10px; background: #f5f7ee; border: 1px solid #dce3d0; border-radius: 12px; }
.mroj-nav .nav-shell { -webkit-backdrop-filter: blur(18px); }
.mroj-nav .nav-dropdown { max-height: calc(100vh - 150px); max-height: calc(100dvh - 150px); }
@media (max-width: 1199px) {
  .mroj-nav .nav-mobile { max-height: calc(100vh - 116px); max-height: calc(100dvh - 116px); -webkit-overflow-scrolling: touch; padding-bottom: max(12px, env(safe-area-inset-bottom)); }
  .mroj-nav .nav-mobile .nav-dropdown { max-height: none; }
}
@media (max-width: 479px) {
  .mroj-nav .nav-brand { padding: 6px 8px; }
  .mroj-nav .nav-brand img { width: 88px; }
  .mroj-nav .nav-shell { min-height: 64px; }
}
@media (max-height: 500px) and (max-width: 1199px) {
  .mroj-nav .nav-mobile { max-height: calc(100vh - 100px); max-height: calc(100dvh - 100px); }
}