/* Sticky logo, navigation and language switch. */
.topbar { position: sticky; top: 0; z-index: 30; display: grid; grid-template-columns: 100px minmax(0,1fr) auto; align-items: center; gap: 18px; padding: 14px 3%; background: linear-gradient(110deg,rgba(80,87,93,.97),rgba(48,55,61,.97)); backdrop-filter: blur(14px); border-bottom: 1px solid #ffffff18; }
.brand { display: block; width: 100px; }
.brand img { display: block; width: 100%; height: 68px; object-fit: contain; }
.main-nav { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.main-nav a { padding: 14px 18px; border: 1px solid var(--line); border-radius: 5px; background: #ffffff06; font-size: 16px; line-height: 1.35; text-align: center; }
.main-nav a:hover { background: var(--yellow); color: var(--dark); }
.main-nav .nav-book { background: var(--yellow); color: var(--dark); border-color: var(--yellow); }
.main-nav .nav-book:hover, .main-nav .nav-book:focus-visible { font-size: 18px; font-weight: 700; }
.language-switch { display: flex; gap: 2px; border: 1px solid #ffffff15; border-radius: 30px; padding: 3px; background: #ffffff07; }
.lang { display: flex; align-items: center; gap: 6px; border: 0; border-radius: 22px; padding: 10px; background: transparent; color: var(--paper); font-size: 13px; }
.lang.active { background: var(--yellow); color: var(--dark); }
.flag { display: inline-block; width: 20px; height: 14px; flex-shrink: 0; border: 1px solid #ffffff35; border-radius: 2px; }
.flag-ru { background: linear-gradient(#fff 0 33.33%,#1748ae 33.33% 66.66%,#d73138 66.66%); }
.flag-lv { background: linear-gradient(#92243a 0 40%,#fff 40% 60%,#92243a 60%); }
.flag-en { background: linear-gradient(90deg,transparent 39%,#c92339 39% 61%,transparent 61%),linear-gradient(transparent 33%,#c92339 33% 67%,transparent 67%),linear-gradient(90deg,transparent 30%,#fff 30% 70%,transparent 70%),linear-gradient(transparent 24%,#fff 24% 76%,transparent 76%),linear-gradient(33deg,transparent 43%,#fff 43% 57%,transparent 57%),linear-gradient(-33deg,transparent 43%,#fff 43% 57%,transparent 57%),#16366e; }
@media(max-width:1100px) { .topbar { grid-template-columns: 85px minmax(0,1fr) auto; gap: 10px; } .brand { width: 85px; } }
@media(max-width:760px) {
  .topbar { grid-template-columns: 80px 1fr auto; padding: 10px 4%; }
  .brand { width: 80px; } .brand img { height: 48px; }
  .main-nav { grid-row: 2; grid-column: 1/-1; gap: 7px; }
  .main-nav a { font-size: 14px; padding: 11px 13px; }
  .main-nav .nav-book:hover { font-size: 16px; }
  .top-actions { grid-column: 3; grid-row: 1; }
  .lang { font-size: 11px; padding: 7px; }
}