/* KT Klub — finishing polish. Self-contained + reversible: remove the
   <link ... polish.css> from assets/inc/head.php + index.php (or delete this
   file) to fully revert. Tokens (--gold, --edge, --card, --tx-mut) come from
   ktk.css, which loads before this; fallbacks are inlined so a clobber of that
   file can't leave this looking broken. */

/* ── Branded text selection ───────────────────────────────────────── */
::selection      { background:rgba(201,146,42,.30); color:#fff; }
::-moz-selection { background:rgba(201,146,42,.30); color:#fff; }

/* ── Smooth in-page jumps, with clearance for anchored headings ───── */
@media (prefers-reduced-motion: no-preference){ html{ scroll-behavior:smooth; } }
:target                        { scroll-margin-top:84px; }
.art-body h2, .art-body h3     { scroll-margin-top:84px; }

/* ── Back-to-top button (created by enhance.js) ───────────────────── */
.to-top{
  position:fixed; right:18px; bottom:18px; z-index:60;
  width:44px; height:44px; display:grid; place-items:center; padding:0;
  border:1px solid var(--edge,#2a2620); border-radius:50%;
  background:var(--card,#141210); color:var(--gold,#c9922a);
  cursor:pointer; opacity:0; transform:translateY(10px) scale(.92);
  pointer-events:none; box-shadow:0 4px 14px rgba(0,0,0,.42);
  transition:opacity .22s ease, transform .22s ease, border-color .15s, color .15s;
}
.to-top.is-on { opacity:1; transform:none; pointer-events:auto; }
.to-top:hover { color:var(--gold-lt,#e8b84b); border-color:var(--gold-dk,#8f6a1f); }
.to-top:focus-visible{ outline:2px solid var(--gold,#c9922a); outline-offset:2px; }
@media (prefers-reduced-motion: reduce){ .to-top{ transition:opacity .12s ease; transform:none; } }

/* ── Heading anchors on article bodies (added by enhance.js) ──────── */
.art-body .has-anchor{ position:relative; }
.h-anchor{
  display:inline-flex; align-items:center; margin-left:.35em;
  color:var(--tx-mut,#8b847c); opacity:0; text-decoration:none;
  vertical-align:middle; transition:opacity .15s, color .15s;
}
.art-body .has-anchor:hover .h-anchor,
.h-anchor:focus-visible{ opacity:1; }
.h-anchor:hover{ color:var(--gold,#c9922a); }
.h-anchor:focus-visible{ outline:2px solid var(--gold,#c9922a); outline-offset:2px; border-radius:3px; }
@media (hover: none){ .h-anchor{ opacity:.45; } }   /* touch: faintly visible, no hover to reveal it */

/* ── Print: lay articles out for paper, drop the interface chrome ─── */
@media print{
  *{ background:transparent !important; color:#000 !important;
     box-shadow:none !important; text-shadow:none !important; }
  html,body{ background:#fff !important; }
  .skip, header.top, .nav, .nav-burger, .lang, .cmdk, .ckn, .to-top,
  .read-progress, .art-rel, .rail, footer.bottom, .breadcrumbs,
  [data-search-open], .h-anchor{ display:none !important; }
  main, .sheet, .article, .art-body{
    width:auto !important; max-width:100% !important; margin:0 !important; padding:0 !important; }
  .art-title{ font-size:23pt; line-height:1.15; }
  .art-meta { font-size:10pt; }
  .art-body { font-size:11.5pt; line-height:1.55; }
  .art-body img, .art-plate img{ max-width:100% !important; page-break-inside:avoid; }
  .art-body h2, .art-body h3{ page-break-after:avoid; }
  .art-body p, .art-body li{ orphans:3; widows:3; }
  a[href^="http"]::after{ content:" (" attr(href) ")"; font-size:9pt; color:#555 !important; word-break:break-all; }
  @page{ margin:1.6cm; }
}

/* ── KTK-SK-NAV-FIX: keep long Slovak nav labels on one line ──────
   The SK labels (HLAVNÁ STRÁNKA, PODPORTE NÁS, REZERVÁCIA STOLA) are longer
   than HU/EN and wrapped to two lines, leaving the desktop nav row jagged.
   Keep the top-level links on one line, and shrink letter-spacing / gap /
   font-size between the 900px hamburger breakpoint and wide desktop so they
   still fit without overflowing. Verified no wrap / no overflow at 901, 1080,
   1121, 1280 and 1301px. In polish.css (not ktk.css) so a ktk.css redeploy
   cannot revert it. */
.nav-row > a, .nav-drop-link { white-space:nowrap; }
@media (min-width:901px) and (max-width:1300px){
  .nav-row{ gap:18px; }
  .nav a{ letter-spacing:.09em; font-size:14px; }
}
@media (min-width:901px) and (max-width:1120px){
  .nav-row{ gap:11px; }
  .nav a{ letter-spacing:.03em; font-size:13px; }
}

/* --- Game-library filter chips: solid-fill active state (KTK_CHIP_SOLID) ----
   Chosen from the chip mockups (option 2 — "Solid fills"). Overrides the tinted
   .lib-fbtn* style in ktk.css; kept here so a ktk.css redeploy can't revert it.
   The active chip floods with its own difficulty hue (--fc), dark text on top.
   Reversible: delete this block and drop the polish.css ?v back. ------------- */
.lib-filters{background:none;border:none;padding:0;gap:9px}
.lib-fbtn{padding:9px 17px;border-color:var(--edge);border-radius:22px}
.lib-fbtn .lib-dot{width:8px;height:8px;box-shadow:none}
.lib-fbtn:hover{color:var(--tx);background:transparent;border-color:var(--fc,var(--gold))}
.lib-fbtn--mind.is-active,.lib-fbtn--egyszeru.is-active,.lib-fbtn--halado.is-active,.lib-fbtn--bonyolult.is-active,.lib-fbtn--nsfw.is-active{background:var(--fc,var(--gold));color:var(--ink);border-color:var(--fc,var(--gold));font-weight:700}
.lib-fbtn.is-active .lib-dot{background:var(--ink);opacity:.45;box-shadow:none}

/* Library: pull the filter row up to hug the header — the section stack is
   ~69px, too airy above a thin chip row (KTK_CHIP_GAP). ~32px at any width. */
/* KTK_HEAD_GAP: tighter header->content gap site-wide (was clamp(20,3vw,32)) */
.blog-head{padding-bottom:clamp(6px,1.2vw,14px)}
.lib-controls{margin-top:clamp(-20px,-1.3vw,-8px)}

/* Community tiles: drop the amber glow behind the marks (KTK_COMM_NOGLOW) */
.comm-mark::before{display:none}

/* Homepage Játékostárs band: sit the button column a touch below centre (KTK_FIND_ACTS_Y) */
@media(min-width:821px){.find-acts{transform:translateY(22px)}}