/* ============================================================
   ProfiRuleta.cz — globální navigace v4 (dropdown / mega-menu).
   Sdílená komponenta nasazovaná na všechny stránky přes build
   (_apply-nav.cjs). Tokeny jsou ZÁMĚRNĚ scoped na .pr-header,
   aby neunikly do obsahu stránek (zejm. zelený motiv simulátoru
   a průvodce, které mají vlastní --gold/--line).
   Burger má třídu .prn-burger (NE .pr-burger) kvůli izolaci od
   starého inline JS na některých stránkách.
   ============================================================ */
.pr-header{
  --ink:#0B1118;--felt:#101822;--felt-2:#15202C;--chalk:#EDF2F6;--ash:#8C99A7;
  --line:rgba(237,242,246,.08);--gold:#8B6CFF;--gold-soft:rgba(139,108,255,.14);--ruby:#E0565B;
  --r:13px;--body:'Montserrat',system-ui,sans-serif;
}
.pr-header *{box-sizing:border-box}
.pr-header a{color:inherit;text-decoration:none}
.pr-header button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
.pr-header :focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}

/* ── Wrapper ─────────────────────────────────────────── */
.pr-header{
  position:sticky;top:0;z-index:200;
  background:rgba(11,17,24,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
  font-family:var(--body);
}
.pr-nav{
  width:min(1240px,92%);margin:0 auto;
  display:flex;align-items:center;gap:4px;min-height:72px;
}

/* ── Logo ─────────────────────────────────────────────── */
.pr-logo{display:inline-flex;align-items:center;gap:12px;flex:none;margin-right:12px;color:var(--chalk);white-space:nowrap}

/* ── Desktop menu ─────────────────────────────────────── */
.pr-menu{display:flex;align-items:center;gap:2px;margin-left:auto;list-style:none}
.pr-item{position:relative}
.pr-top{display:flex;align-items:center;border-radius:11px;transition:background .15s}
.pr-top:hover,.pr-item.open .pr-top{background:var(--felt-2)}
.pr-link{display:inline-flex;align-items:center;gap:7px;padding:9px 4px 9px 13px;font:600 13.5px var(--body);color:var(--chalk);transition:color .15s;white-space:nowrap}
.pr-link svg{flex:none;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:opacity .15s,stroke .15s}
.pr-top:hover .pr-link svg,.pr-item.open .pr-link svg{opacity:1}
.pr-top:hover .pr-link,.pr-item.open .pr-link{color:var(--chalk)}
.pr-link.active{color:var(--gold)}
.pr-link.active svg{opacity:1;stroke:var(--gold)}
.pr-chevron{display:flex;align-items:center;justify-content:center;width:28px;height:36px;color:rgba(237,242,246,.45);transition:color .15s,transform .2s;flex:none;border-radius:8px}
.pr-top:hover .pr-chevron,.pr-item.open .pr-chevron{color:var(--chalk)}
.pr-item.open .pr-chevron svg{transform:rotate(180deg)}
.pr-item.no-drop .pr-top{padding-right:4px}

/* ── Dropdown panel ───────────────────────────────────── */
.pr-drop{
  position:absolute;top:calc(100% + 10px);left:0;min-width:220px;
  background:var(--felt);border:1px solid rgba(237,242,246,.1);border-radius:16px;
  box-shadow:0 16px 48px rgba(0,0,0,.55);padding:8px;display:none;z-index:300;
}
.pr-drop.mega{min-width:460px;display:none;grid-template-columns:1fr 1fr;gap:0;left:50%;transform:translateX(-50%)}
.pr-item.open .pr-drop{display:block}
.pr-item.open .pr-drop.mega{display:grid}
.pr-group-label{padding:10px 12px 4px;font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--ash)}
.pr-drop.mega .pr-col + .pr-col{border-left:1px solid var(--line)}
.pr-sub{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font:500 14px var(--body);color:var(--ash);transition:background .14s,color .14s;white-space:nowrap}
.pr-sub:hover{background:var(--felt-2);color:var(--chalk)}
.pr-sub svg{flex:none;width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:var(--ash);transition:color .14s}
.pr-sub:hover svg{color:var(--gold)}
.pr-soon{margin-left:auto;padding:2px 8px;border-radius:999px;background:var(--gold-soft);color:var(--gold);font:700 9.5px var(--body);letter-spacing:.1em;text-transform:uppercase}
.pr-sub.all{color:var(--gold);font-weight:700;border-top:1px solid var(--line);border-radius:0 0 10px 10px;margin-top:4px;padding-top:11px}
.pr-sub.all:hover{background:var(--gold-soft)}

/* ── Hamburger (mobil) ────────────────────────────────── */
.prn-burger{display:none;align-items:center;gap:8px;margin-left:auto;padding:9px 13px;border-radius:11px;border:1px solid var(--line);color:var(--chalk);font:600 13px var(--body)}

/* ── Mobilní zobrazení ────────────────────────────────── */
@media(max-width:1020px){
  .prn-burger{display:inline-flex}
  .pr-menu{
    display:none;flex-direction:column;align-items:stretch;gap:0;
    position:absolute;top:100%;left:0;right:0;
    background:rgba(11,17,24,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);
    padding:8px 4% 14px;max-height:calc(100svh - 72px);overflow-y:auto;
  }
  .pr-menu.open{display:flex}
  .pr-top{border-radius:12px}
  .pr-link{padding:12px 4px 12px 12px;font-size:15px;color:var(--chalk)}
  .pr-chevron{width:36px;height:44px}
  .pr-drop,.pr-drop.mega{
    position:static;transform:none;box-shadow:none;border:none;background:transparent;
    padding:0 0 4px 14px;border-radius:0;display:none;grid-template-columns:1fr;
  }
  .pr-item.open .pr-drop{display:block}
  .pr-item.open .pr-drop.mega{display:flex;flex-direction:column}
  .pr-drop.mega .pr-col + .pr-col{border-left:none;border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
  .pr-sub{padding:10px 12px}
}

/* ── sjednocené kolo v patičce (SVG místo conic .pr-footer-logo-mark) ── */
.pr-footer-logo-mark.pr-has-wheel{background:none;border:none;box-shadow:none}
.pr-footer-logo-mark.pr-has-wheel::before,.pr-footer-logo-mark.pr-has-wheel::after{display:none}
.pr-fwheel{display:block;width:100%;height:100%;border-radius:50%}