:root { --uoTopbarH: 44px; }

.uo-topbar{
  position:fixed; top:0; left:0; right:0;
  z-index:2147483647; /* nad vším */
  background:rgba(255,255,255,.98);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid rgba(0,0,0,.06);
  pointer-events:auto;
}
.uo-topbar__wrap{
  display:flex; justify-content:center; align-items:center;
  gap:10px; padding:8px 10px;
}
.uo-flag{
  width:28px; height:20px; border-radius:4px;
  display:inline-flex; align-items:center; justify-content:center;
  box-shadow:0 0 0 1px rgba(0,0,0,.08) inset;
  cursor:pointer; pointer-events:auto;
  transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}
.uo-flag:hover{ transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,.08); }
.uo-flag.is-active{ outline:2px solid #222; outline-offset:2px; }
.uo-flag svg{ width:100%; height:100%; display:block; }

@media (max-width: 767px){
  /* posuň celou stránku dolů o výšku lišty */
  body{ padding-top:var(--uoTopbarH,44px) !important; }
  /* kdyby měla hlavička fixed, posuň i ji */
  .header, .site-header, .layout-header, #header, .js-sticky-header{
    top:calc(var(--uoTopbarH,44px)) !important;
  }
}