/* One set of controls, with the original palette of each BeogradPC site. */
:root[data-bpc-site] {
  --bpc-nav-bg: #142338; --bpc-nav-text: #dce9f9; --bpc-nav-border: #3e5878;
  --bpc-nav-accent: #69b7ff; --bpc-nav-radius: 10px; --bpc-nav-shadow: none;
}
:root[data-bpc-site="cmg"] {
  --bpc-nav-bg: #122b36; --bpc-nav-text: #eaf6f8; --bpc-nav-border: #32788b;
  --bpc-nav-accent: #36d5f5; --bpc-nav-radius: 6px;
}
:root[data-bpc-site="garden"] {
  --bpc-nav-bg: #eef2e9; --bpc-nav-text: #315e42; --bpc-nav-border: #b2c1a9;
  --bpc-nav-accent: #315e42; --bpc-nav-radius: 9px;
  --bpc-nav-shadow: 3px 3px 7px #243a271c, -3px -3px 7px #ffffffb3;
}
:root[data-bpc-site="finance"] {
  --bpc-nav-bg: linear-gradient(145deg,#172538,#101c2d); --bpc-nav-text: #cbd5e1;
  --bpc-nav-border: #354b65; --bpc-nav-accent: #7dd3fc; --bpc-nav-radius: 12px;
  --bpc-nav-shadow: 3px 3px 8px #080f1b, -2px -2px 6px #1b2b40;
}
:root[data-bpc-site="tests"] {
  --bpc-nav-bg: var(--suite-link-bg,#172030); --bpc-nav-text: var(--button-text,#cbd5e1);
  --bpc-nav-border: var(--border-soft,#354b65); --bpc-nav-accent: var(--blue,#2f8cff);
  --bpc-nav-radius: 12px; --bpc-nav-shadow: var(--suite-link-shadow,none);
}
:root[data-bpc-site="weather"] {
  --bpc-nav-bg: #16161c; --bpc-nav-text: #e4e4e7; --bpc-nav-border: #3f3f46;
  --bpc-nav-accent: #38bdf8; --bpc-nav-radius: 8px;
}
#bpc-navigation {
  display: flex; align-items: center; justify-content: flex-start; gap: 7px;
  flex: 0 0 auto; max-width: 100%; width: max-content; margin: 0; padding: 0;
}
#bpc-navigation .bpc-nav-control, #bpc-scroll-top.bpc-nav-control {
  box-sizing: border-box; display: inline-flex; flex: 0 0 auto;
  align-items: center; justify-content: center; gap: 8px;
  width: 40px; min-width: 40px; height: 40px; min-height: 40px; padding: 0;
  margin: 0; border: 1px solid var(--bpc-nav-border); border-radius: var(--bpc-nav-radius);
  background: var(--bpc-nav-bg); color: var(--bpc-nav-text); box-shadow: var(--bpc-nav-shadow);
  font-family: inherit; font-size: 12px; font-weight: 650; line-height: 1.25;
  text-decoration: none; text-transform: none; letter-spacing: 0;
  white-space: nowrap; cursor: pointer; transition: border-color .15s, color .15s;
}
#bpc-navigation .bpc-nav-home {width: auto; padding: 0 11px;}
#bpc-navigation .bpc-nav-control svg, #bpc-scroll-top svg {
  display: block; width: 17px; height: 17px; flex: 0 0 17px;
  fill: none; stroke: var(--bpc-nav-accent); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;
}
#bpc-navigation .bpc-nav-control:hover, #bpc-scroll-top:hover {border-color: var(--bpc-nav-accent); color: var(--bpc-nav-accent);}
#bpc-navigation .bpc-nav-control:focus-visible, #bpc-scroll-top:focus-visible {outline: 3px solid var(--bpc-nav-accent); outline-offset: 3px;}
#bpc-scroll-top.bpc-nav-control {position: fixed; right: max(16px,env(safe-area-inset-right)); bottom: max(20px,env(safe-area-inset-bottom)); width: 44px; height: 44px; z-index: 44; box-shadow: 0 4px 18px #0004;}
#bpc-scroll-top[hidden], [data-bpc-site] a.bpc-back[hidden] {display: none!important;}
#bpc-navigation.bpc-nav-standalone {margin: 0 0 24px;}
.wrap > #bpc-navigation, .not-found > #bpc-navigation {margin-inline: auto;}
[data-bpc-site="www"] .header-shell > #bpc-navigation {grid-column: 1 / -1;}
/* Clip decorative glows without making body a second scrolling container. */
html[data-bpc-site="www"], [data-bpc-site="www"] body {overflow-x: clip;}
[data-bpc-site="tests"] .app > #bpc-navigation {margin-bottom: 16px;}
[data-bpc-site="tests"][data-tool="index"] .topbar {grid-template-columns: minmax(0,1fr) auto;}
[data-bpc-site="weather"] #bpc-scroll-top {bottom: max(92px,env(safe-area-inset-bottom));}
@media (max-width: 1450px) {
  [data-bpc-site="garden"] #gv-suite-header {flex-wrap: wrap;}
  [data-bpc-site="garden"] .gv-tool-nav {order: 3; flex-basis: 100%;}
}
@media (min-width: 961px) and (max-width: 1180px) {
  [data-bpc-site="cmg"] .site-header {flex-wrap: wrap;}
  [data-bpc-site="cmg"] .site-header > nav {flex-basis: 100%; margin-left: 0;}
}
@media (max-width: 1180px) {
  [data-bpc-site="finance"] .finance-bar {flex-wrap: wrap;}
  [data-bpc-site="finance"] .finance-bar > nav {order: 3; flex-basis: 100%;}
  [data-bpc-site="finance"] .finance-actions {margin-left: auto;}
}
@media (max-width: 980px) {
  [data-bpc-site="tests"][data-tool="index"] .topbar {grid-template-columns: minmax(0,1fr);}
}
@media (max-width: 767px) {
  [data-bpc-site="garden"] #gv-suite-header {display: flex; flex-wrap: wrap; gap: 8px;}
  [data-bpc-site="garden"] .gv-suite-brand {margin-left: auto;}
  [data-bpc-site="garden"] .gv-tool-nav {order: 2; width: 100%;}
  [data-bpc-site="garden"] .gv-suite-actions {order: 3;}
  [data-bpc-site="finance"] .finance-bar > #bpc-navigation {margin-right: auto;}
  [data-bpc-site="finance"] .finance-actions {justify-content: center; flex-basis: 100%; margin-left: 0;}
  [data-bpc-site="finance"] .finance-bar > nav {order: 2;}
  [data-bpc-site="finance"] .finance-actions {order: 3;}
  [data-bpc-site="cmg"] .site-header {gap: 12px;}
  [data-bpc-site="cmg"] .site-header > #bpc-navigation {flex-basis: 100%;}
}
@media (prefers-reduced-motion: reduce) {#bpc-navigation .bpc-nav-control, #bpc-scroll-top {transition: none;}}
@media print {#bpc-navigation, #bpc-scroll-top {display: none!important;}}