/* Árkádia site menu, shared by every /arkadia/ page (card c3b7a5d0, Zoltán TG 50774).
   One dark bar on all pages so the visitor always knows they are in the same country, whichever view they picked. */
.am {
  --am-h: 60px;               /* bar height; the chamber and the map subtract it from 100svh (set 2026-10-09) */
  --am-bg: #101316;
  --am-fg: #EFE8D8;
  --am-halvany: #A9A497;
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; gap: 20px;
  height: var(--am-h); padding: 0 24px;
  background: var(--am-bg); color: var(--am-fg);
  border-bottom: 1px solid #2a2f35;
  font: 400 15px/1 'Public Sans', system-ui, sans-serif;
}
.am a { color: inherit; text-decoration: none; }
.am-marka { display: flex; align-items: center; gap: 10px; flex: none; }
.am-marka img { width: 42px; height: 28px; display: block; }
.am-nev { font: 700 23px/1 'Newsreader', Georgia, serif; letter-spacing: -0.01em; }
.am-al { font: 500 12px/1 'Public Sans', system-ui, sans-serif; color: var(--am-halvany); padding-left: 10px; border-left: 1px solid #3a4047; }
.am-nav { margin-left: auto; }
.am-nav ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; list-style: none; }
.am-nav a { display: flex; align-items: center; min-height: 44px; padding: 0 12px; font-weight: 600; color: var(--am-halvany); position: relative; }
.am-nav a:hover { color: var(--am-fg); }
.am-nav a[aria-current] { color: var(--am-fg); }
.am-nav a[aria-current]::after { content: ''; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 2px; background: var(--am-fg); }
.am-nav .am-cta { margin-left: 8px; padding: 0 16px; background: var(--am-fg); color: #101316; border-radius: 2px; }
.am-nav .am-cta:hover { background: #fff; color: #101316; }
.am-gomb { display: none; }

/* six items since the "Hogyan működik?" page (TG 50801): the bar folds below 1100 px, measured 2026-10-09 */
@media (max-width: 1279px) { .am-al { display: none; } }
@media (max-width: 1099px) {
  .am { padding: 0 14px; gap: 10px; }
  .am-al { display: none; }
  .am-gomb { display: block; margin-left: auto; min-height: 44px; padding: 0 16px; border: 1px solid #5C636B; background: transparent;
    color: var(--am-fg); font: 600 15px/1 'Public Sans', system-ui, sans-serif; cursor: pointer; }
  .am-gomb[aria-expanded="true"] { background: var(--am-fg); color: #101316; }
  .am-nav { position: absolute; left: 0; right: 0; top: var(--am-h); margin: 0; background: var(--am-bg); border-bottom: 1px solid #2a2f35;
    display: none; }
  .am.nyitva .am-nav { display: block; }
  .am-nav ul { flex-direction: column; align-items: stretch; gap: 0; padding: 6px 14px 14px; }
  .am-nav a { min-height: 52px; padding: 0 4px; font-size: 18px; border-bottom: 1px solid #23282e; }
  .am-nav a[aria-current]::after { left: auto; right: 4px; top: 50%; bottom: auto; width: 8px; height: 8px; border-radius: 50%; transform: translateY(-50%); }
  .am-nav .am-cta { margin: 12px 0 0; justify-content: center; border-bottom: 0; }
}