/* unify.css - Plan B blog header. Literal colors (blog :root lacks --primary-dark). */
.topbar { background:#0F4D3A; color:rgba(255,255,255,0.9); font-size:0.82rem; padding:10px 0; }
.topbar .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; max-width:1280px; margin:0 auto; padding:0 24px; }
.topbar-left { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.topbar-left a { color:rgba(255,255,255,0.9); }
.topbar i { margin-right:5px; color:#D4AF37; }
.topbar-right { display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.lang-switcher { display:flex; gap:6px; }
.lang-switcher a { padding:3px 10px; border-radius:4px; font-weight:700; font-size:0.78rem; color:rgba(255,255,255,0.7); text-decoration:none; }
.lang-switcher a.active { background:#D4AF37; color:#0F4D3A; }
.lang-switcher a:hover { color:#D4AF37; }
.header { background:#fff; position:sticky; top:0; z-index:100; box-shadow:0 2px 16px rgba(14,62,46,0.08); }
.header .container { max-width:1280px; margin:0 auto; padding:0 24px; }
.header-inner { display:flex; align-items:center; justify-content:flex-start; gap:48px; padding:14px 0; }
.header .logo { display:flex; align-items:center; gap:10px; }
.header .logo-img { height:52px; width:auto; display:block; }
nav.nav { background:transparent !important; padding:0 !important; position:static !important; box-shadow:none !important; }
nav.nav a { color:#0F4D3A; font-size:14px; font-weight:500; text-decoration:none; transition:.2s; white-space:nowrap; }
nav.nav a:hover, nav.nav a.active { color:#B71C1C; }
nav.nav .logo { display:flex; align-items:center; gap:10px; margin-right:auto; }
.header-actions { display:flex; align-items:center; gap:12px; margin-left:auto; }
.header-actions .btn { display:inline-block; }
@media (max-width:768px){ .header-inner{ flex-wrap:wrap; gap:10px; } nav.nav{ order:3; width:100%; display:flex; flex-wrap:wrap; gap:14px; } }