/* Panel o súkromí (oznámenie pri prvej návšteve, nie súhlas). [F4, PLAN 13.2]
   Markup: <aside class="pn" id="privacy-note" hidden> na index.html a 404.html; zobrazuje ho assets/js/notice.js.
   Bez JS a v ?static ostáva hidden ([hidden]{display:none!important} v base.css), takže rozloženie nemení.
   Animuje sa iba transform a opacity (WAAPI v notice.js); pokojový stav tu je plne viditeľný. */
.pn{position:fixed;left:1.5rem;bottom:1.5rem;z-index:50;width:26rem;max-width:calc(100% - 3rem);
  padding:1.75rem;border-radius:var(--r-tile);background:var(--ink);color:var(--cr);box-shadow:var(--sh-card);
  --focus:var(--lime)}
.pn .kick{margin-bottom:1rem}
.pn__h{font:700 1.5rem/1.15 var(--f-display);letter-spacing:-.02em;color:var(--cr)}
.pn__p{margin-top:.625rem;font:500 .9375rem/1.5 var(--f-body);color:var(--mut-dk)}
.pn__act{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-top:1.25rem}
.pn__ok{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.625rem 1.375rem;
  border-radius:var(--r-pill);background:var(--lime);color:var(--lk);font:700 1rem var(--f-body)}
.pn__ok:hover{box-shadow:0 0 0 .1875rem rgba(200,241,105,.3)}
.pn__more{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--cr);font:600 .9375rem var(--f-body);
  text-decoration:underline;text-decoration-thickness:.0625rem;text-underline-offset:.1875rem}
.pn__more:hover{text-decoration-thickness:.125rem}

/* kým je otvorené mobilné menu, panel nie je vidieť (ui.js dáva <html> triedu menu-open) */
html.menu-open .pn{display:none}

@media (max-width:719.98px){
  .pn{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom, 0px));width:auto;max-width:none}
}

@media print{
  .pn{display:none!important}
}