/* Sdílený horní topbar – používají ho auth/admin stránky (auth.css) i editor
   puku (puck-editor.css). Samostatný, self-contained soubor s barvami natvrdo,
   aby nezávisel na :root proměnných z auth.css (editor je nemá).

   Vše je scoped pod .topbar, aby se pravidla nepletla do editorových
   .tool-btn / .tool-input apod. Markup: app/Presenters/templates/_topbar.latte */

.topbar {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: .75rem 1.25rem;
	background: #1a1f2b;
	border-bottom: 1px solid #303a4d;
	flex-wrap: wrap;
}
.topbar button, .topbar input, .topbar select { font-family: inherit; }
.topbar a { text-decoration: none; }
.topbar a:hover { text-decoration: none; }

.topbar .brand { display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; font-size: 1.05rem; color: #e7ebf3; }
.topbar .brand:hover { text-decoration: none; }
.topbar .brand-ico { display: inline-flex; color: #ccaf6e; font-size: 1.15rem; }

.topbar .nav { display: flex; align-items: center; gap: .85rem; margin-left: auto; flex-wrap: wrap; }
/* :not(.btn) – jinak by tahle barva (specificita 0-2-1) přebila .btn-primary níž
   (0-2-0) a text tlačítka „Registrovat“ by byl šedý na zlaté. */
.topbar .nav a:not(.btn) { color: #9aa4b8; }
.topbar .nav a:not(.btn):hover { color: #e7ebf3; }
.topbar .nav a.active { color: #ccaf6e; font-weight: 700; }
.topbar .nav-user { color: #e7ebf3; font-weight: 600; }

/* Odkaz na košík + odznak s počtem kusů (BasePresenter::beforeRender → $cartCount) */
.topbar .nav-cart { display: inline-flex; align-items: center; gap: .35rem; }
.topbar .nav-cart-badge {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 1.35em; height: 1.35em; padding: 0 .35em;
	border-radius: 999px; background: #ccaf6e; color: #20242c;
	font-size: .78rem; font-weight: 700; line-height: 1;
}

.topbar .ctx-switch {
	width: auto; /* přebít auth.css `select { width: 100% }`, jinak nav padá do víc řádků */
	background: #232a39; color: #e7ebf3;
	border: 1px solid #303a4d; border-radius: 6px; padding: .3rem .5rem;
	font-size: .95rem;
}

/* Tlačítka uvnitř topbaru (Odhlásit / Přihlásit / Registrovat).
   Scoped na .topbar, aby v editoru nepřepsaly .tool-btn ani bare <button>. */
.topbar .btn {
	display: inline-block;
	padding: .5rem .9rem;
	border: 1px solid #303a4d;
	border-radius: 8px;
	background: #232a39;
	color: #e7ebf3;
	font-size: .95rem;
	font-weight: 600;
	cursor: pointer;
	line-height: 1.2;
}
.topbar .btn:hover { text-decoration: none; filter: brightness(1.1); }
.topbar .btn-ghost { background: transparent; }
.topbar .btn-primary { background: #ccaf6e; border-color: #bf9a48; color: #20242c; }