﻿/* One navbar layout and language control for every page. */
body.unified-navigation { padding-top: 0 !important; }
body.unified-navigation [data-site-header] { display: contents; }
.unified-header, .unified-header * { box-sizing: border-box; }
body .unified-header {
  position: sticky; top: 0; z-index: 10000;
  display: grid; grid-template-columns: minmax(280px, 330px) minmax(0, 1fr) 104px;
  align-items: center; gap: 12px; width: 100%; min-height: 92px;
  padding: 8px clamp(14px, 2.4vw, 36px);
  background: #fffbf1; border-bottom: 1px solid #d9bd91;
  box-shadow: 0 10px 30px #3e110714;
  font-family: Poppins, 'Noto Sans Devanagari', sans-serif;
}
.unified-header a { text-decoration: none; }
.unified-header .unified-brand { display: flex; gap: 10px; align-items: center; min-width: 0; color: #7c1608; overflow: visible; }
.unified-brand img { width: 62px; height: 62px; flex: 0 0 62px; object-fit: contain; border: 2px solid #d58b27; border-radius: 50%; background: #fff1c7; }
.unified-brand > span { min-width: 0; padding-top: 2px; overflow: visible; }
.unified-brand strong { display: block; min-height: 0; font-size: 17px; font-weight: 800; line-height: 1.42; white-space: normal; overflow: visible; text-overflow: clip; }
.unified-brand small { display: block; margin-top: 1px; font-size: 12px; font-weight: 700; color: #8d2b18; line-height: 1.35; overflow: visible; }
.unified-header .unified-nav { display: grid; grid-template-columns: repeat(10, max-content); justify-content: center; gap: 6px; align-items: stretch; }
.unified-nav a { display: flex; align-items: center; justify-content: center; position: relative; min-height: 42px; padding: 6px 5px; color: #5c281b; font-size: 12.5px; line-height: 1.2; font-weight: 800; text-align: center; white-space: nowrap; overflow-wrap: normal; }
.unified-nav a.active, .unified-nav a:hover { color: #a9341c; }
.unified-nav a.active::after { content: ''; position: absolute; bottom: 0; left: 12%; right: 12%; height: 3px; border-radius: 3px; background: #a9341c; }
.unified-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.unified-language { display: flex; flex: 0 0 78px; padding: 3px; border: 1px solid #e4c58a; border-radius: 8px; background: white; }
.unified-header .unified-language button { width: 35px; min-height: 34px; padding: 6px 0; border: 0; border-radius: 6px; background: transparent; color: #7c1608; font: 800 12px Poppins, sans-serif; cursor: pointer; }
.unified-header .unified-language button.active { background: #7c1608; color: white; }
.unified-admin, .unified-admin-space { width: 34px; flex: 0 0 34px; }
.unified-admin { padding: 8px 2px; border: 1px solid #d9bd91; border-radius: 6px; background: #fff3db; color: #7c1608; font: 700 11px Poppins, sans-serif; cursor: pointer; }
.unified-header :is(a, button):focus-visible { outline: 2px solid #a9341c; outline-offset: 3px; }
@media (max-width: 1200px) {
  body .unified-header { grid-template-columns: minmax(0, 1fr) 104px; grid-template-rows: minmax(66px, auto) 42px; min-height: 118px; gap: 0 12px; padding: 8px 14px; }
  .unified-brand img { width: 52px; height: 52px; flex-basis: 52px; }
  .unified-brand strong { font-size: 16px; }
  .unified-nav { grid-row: 2; grid-column: 1 / -1; }
  .unified-actions { grid-row: 1; grid-column: 2; }
  .unified-header .unified-nav { grid-template-columns: repeat(10, max-content); justify-content: center; gap: 8px; }
}
@media (max-width: 600px) {
  body .unified-header { grid-template-columns: minmax(0, 1fr) 78px; min-height: 120px; padding: 8px 10px; grid-template-rows: minmax(64px, auto) 42px; gap: 0 8px; }
  .unified-brand img { width: 44px; height: 44px; flex-basis: 44px; }
  .unified-header .unified-brand { gap: 7px; }
  .unified-brand strong { font-size: 13px; line-height: 1.35; max-width: calc(100vw - 120px); }
  .unified-brand small { font-size: 10px; line-height: 1.3; }
  .unified-header .unified-nav { display: flex; overflow-x: auto; gap: 10px; scrollbar-width: thin; justify-content: flex-start; }
  .unified-nav a { flex: 0 0 auto; min-width: 58px; font-size: 12px; }
  .unified-admin, .unified-admin-space { display: none; }
}
@media (prefers-reduced-motion: reduce) { .unified-header * { transition: none !important; } }
