/* Language flags in the header (CZ / DE / UK). Linked after style.css on every page. */
.langs { display: inline-flex; align-items: center; gap: 8px; margin-left: 6px; }
.links a.flag { display: block; width: 27px; height: 18px; border-radius: 2px;
  background-size: cover; background-position: center;
  box-shadow: 0 0 0 1px rgba(0,0,0,.18); opacity: .55; transition: opacity .2s, transform .2s; }
.links a.flag:hover, .links a.flag:focus-visible { opacity: 1; transform: translateY(-1px); }
.links a.flag.on { opacity: 1; box-shadow: 0 0 0 2px var(--accent, #6b4f3a); }
.flag-cz { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Crect width='6' height='4' fill='%23d7141a'/%3E%3Crect width='6' height='2' fill='%23fff'/%3E%3Cpath d='M0 0L3 2L0 4z' fill='%2311457e'/%3E%3C/svg%3E"); }
.flag-de { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Crect width='5' height='3' fill='%23ffce00'/%3E%3Crect width='5' height='2' fill='%23dd0000'/%3E%3Crect width='5' height='1' fill='%23000'/%3E%3C/svg%3E"); }
.flag-gb { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M30 15h30v15zv15H0zH0V0zV0h30z'/%3E%3C/clipPath%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0 0L60 30M60 0L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0L60 30M60 0L0 30' clip-path='url%28%23t%29' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E"); }