/* ===========================================================================
   PLEVIX — pätička pre podstránky
   ---------------------------------------------------------------------------
   Tá istá pätička ako na domovskej, len bez zvyšku jej štýlov. Je tmavá
   nezávisle od témy stránky — uzatvára stránku a oddeľuje ju od obsahu.
   =========================================================================== */

.pxd-footer{position:relative;border-top:1px solid rgba(255,255,255,.07);
  padding:64px 24px 44px;background:#07090F;
  font-family:'IBM Plex Sans',system-ui,sans-serif}
.pxd-footer:before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(99,102,241,.06),transparent 42%)}
.pxd-footer .pxd-shell{position:relative;max-width:1200px;margin:0 auto}
.pxd-footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:36px;margin-bottom:44px}
.pxd-footer-id{min-width:0}
.pxd-footer-id .pxn-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.pxd-footer-id .pxn-mark{position:relative;width:34px;height:34px;flex:0 0 auto;border-radius:10px;
  background:linear-gradient(150deg,#1E1B4B,#0B0E1C);border:1px solid rgba(129,140,248,.32);
  overflow:hidden;display:block}
.pxd-footer-id .pxn-mark b{position:absolute;bottom:7px;border-radius:2px;display:block}
.pxd-footer-id .pxn-mark b:nth-child(1){left:7px;width:5px;height:9px;background:#4338CA}
.pxd-footer-id .pxn-mark b:nth-child(2){left:14px;width:5px;height:15px;background:#6366F1}
.pxd-footer-id .pxn-mark b:nth-child(3){left:21px;width:5px;height:20px;
  background:linear-gradient(180deg,#C7D2FE,#818CF8)}
.pxd-footer-id .pxn-word{display:flex;flex-direction:column;line-height:1}
.pxd-footer-id .pxn-word>b{font:700 17px 'Space Grotesk','IBM Plex Sans',sans-serif;
  letter-spacing:-.035em;color:#fff}
.pxd-footer-id .pxn-word>b i{font-style:normal;color:#818CF8}
.pxd-footer-id .pxn-word>span{font:500 7.5px 'IBM Plex Mono',monospace;letter-spacing:.3em;
  color:#98A2B8;margin-top:4px}
.pxd-footer-id p{font:400 13.5px/1.6 'IBM Plex Sans',sans-serif;color:#8A93A6;margin:16px 0}
.pxd-footer-id>a{display:block;font:400 13.5px 'IBM Plex Sans',sans-serif;color:#98A2B8;
  margin-bottom:7px;text-decoration:none}
.pxd-footer-id>a:hover{color:#fff}
.pxd-footer-col b{display:block;font:500 11.5px 'IBM Plex Mono',monospace;letter-spacing:.12em;
  color:#8A93A6;margin-bottom:14px}
.pxd-footer-col a{display:block;font:400 14px 'IBM Plex Sans',sans-serif;color:#98A2B8;
  margin-bottom:9px;text-decoration:none}
.pxd-footer-col a:hover{color:#fff}
.pxd-footer-bar{border-top:1px solid rgba(255,255,255,.07);padding-top:24px;
  display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;
  font:400 13px 'IBM Plex Sans',sans-serif;color:#8A93A6}
.pxd-footer-bar div{display:flex;flex-wrap:wrap;gap:18px}
.pxd-footer-bar a{color:#8A93A6;text-decoration:none}
.pxd-footer-bar a:hover{color:#fff}

/* ═══════════════════════════════════════════════════════════════════════════
   ŠPECIFICITA PROTI STARŠÍM ŠTÝLOM
   ---------------------------------------------------------------------------
   Na /pomoc.html a /roadmap.html sa načítava site-experience-v64.css,
   ktorý má pravidlo html:not([data-plevix-theme="dark"]) … a prepisuje
   farbu textu v pätičke na #526176 — na jej pozadí to má 3,16:1.
   Preto tu pätička trvá na svojich farbách vyššou špecificitou.
   ═══════════════════════════════════════════════════════════════════════════ */


/* ═══════════════════════════════════════════════════════════════════════════
   PÄTIČKA PROTI site-experience-v64.css
   ---------------------------------------------------------------------------
   Ten súbor (na /pomoc.html a /roadmap.html) prepisuje farbu textu
   pravidlom s !important. Špecificitou sa vyhrať nedá — skúšal som 0,3,1
   aj 0,4,2, oboje prehralo. Pätička má vlastné tmavé pozadie #07090F, takže
   jeho svetlotémová farba #526176 v nej dá 3,16:1.

   !important je tu preto jediná cesta a je zámerne úzka: len farba textu
   v pätičke, nič iné.
   ═══════════════════════════════════════════════════════════════════════════ */
.pxd-footer .pxd-footer-id p{color:#8b96a9 !important}
.pxd-footer .pxd-footer-col a,
.pxd-footer .pxd-footer-id a{color:#aeb8cb !important}
.pxd-footer .pxd-footer-col a:hover,
.pxd-footer .pxd-footer-id a:hover{color:#fff !important}
.pxd-footer .pxd-footer-bar{color:#8b96a9 !important}
.pxd-footer .pxd-footer-bar a{color:#8b96a9 !important}
.pxd-footer .pxd-footer-bar a:hover{color:#fff !important}
.pxd-footer .pxd-footer-col b{color:#8b96a9 !important}
.pxd-footer .pxd-footer-id p b,
.pxd-footer .pxd-word b{color:#fff !important}

/* X v logu pätičky. Nové pravidlo v px-nav.css stmavilo #818CF8 na #6F76E8
   kvôli bielej karte, ale pätička má tmavé pozadie #07090F — tam by to
   kontrast zhoršilo. Pôvodný odtieň má na ňom 5,1 : 1. */
.pxd-footer .pxn-word b i{color:#818CF8}

.pxd-mark svg,.pxn-mark svg{display:block;width:100%;height:100%}
.pxd-footer .pxn-mark{padding:6px}