/* Wspólny układ paska KDU; zmienne palety dostosowuje się do motywu serwisu. */
:root{--portal-bg:#240000;--portal-border:#b95a00;--portal-hover:#530000;--portal-accent:#ffaa00;--portal-submenu:#4a0000;--portal-submenu-hover:#630505;--portal-divider:#630505;--portal-text:#f8fafc}
.portal-nav,.portal-nav *{box-sizing:border-box}
.portal-nav{position:sticky;top:0;z-index:2000;width:100%;background:var(--portal-bg);border-bottom:2px solid var(--portal-border);box-shadow:0 2px 8px rgba(0,0,0,.4);font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:.5px}
.portal-nav .portal-menu,.portal-nav .portal-submenu{list-style:none;margin:0;padding:0}
.portal-nav .portal-menu{display:flex;justify-content:center;gap:0;flex-wrap:wrap}
.portal-nav .portal-menu>li{position:relative;margin:0;padding:0}
.portal-nav a,.portal-nav summary{display:block;padding:14px 20px;color:var(--portal-text);text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:600;line-height:1.5;letter-spacing:.5px;cursor:pointer;border:0;border-radius:0;background:none;white-space:nowrap}
.portal-nav summary{list-style:none}.portal-nav summary::-webkit-details-marker{display:none}
.portal-nav .portal-menu>li>a:hover,.portal-nav .portal-menu>li>details>summary:hover,.portal-nav details[open]>summary,.portal-nav .portal-menu>li:focus-within>details>summary{background:var(--portal-hover);color:var(--portal-accent)}
.portal-nav .portal-submenu{display:none;position:absolute;top:100%;left:0;min-width:250px;background:var(--portal-submenu);border:1px solid var(--portal-border);border-top:0;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:1}
.portal-nav details[open]>.portal-submenu{display:block}
.portal-nav .portal-submenu a{white-space:normal;text-transform:none;font-size:13px;font-weight:500;letter-spacing:0;padding:10px 16px;border-bottom:1px solid var(--portal-divider)}
.portal-nav .portal-submenu li:last-child a{border-bottom:0}
.portal-nav .portal-submenu a:hover,.portal-nav .portal-submenu a:focus-visible{background:var(--portal-submenu-hover);color:var(--portal-accent)}
.portal-nav a:focus-visible,.portal-nav summary:focus-visible{outline:2px solid var(--portal-accent);outline-offset:-3px}
@media(max-width:680px){.portal-nav a,.portal-nav summary{padding:11px 12px;font-size:11px}.portal-nav .portal-submenu{min-width:min(270px,90vw)}.portal-nav .portal-menu>li:nth-last-child(-n+2) .portal-submenu{left:auto;right:0}}
@media print{.portal-nav{display:none}}