/* Khutwa top header — light frosted bar. Loaded after khutwa-theme.css. */
.app-header {
  height: 66px; border-radius: 0; margin: 0;
  background: rgba(250,248,244,.86) !important;
  -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px);
  border-bottom: 1px solid var(--border-subtle);
  box-shadow: 0 1px 0 rgba(201,166,107,.35), var(--shadow-sm);
}
.app-header .navbar-brand img,
.app-header .navbar-brand img[src*="khutwa/logo-lockup"] { background: transparent; padding: 0; border-radius: 0; height: 46px; max-height: 46px; width: auto; }
.app-header .navbar-header { display: flex; align-items: center; }

/* mobile menu toggler */
.app-header .navbar-mobile-toggler .icon-bar { background: var(--olive-800); height: 2px; border-radius: 2px; }
.app-header .navbar-mobile-toggler { border-radius: var(--radius-sm); }
.app-header .navbar-mobile-toggler:hover { background: var(--olive-100); }

.app-header .navbar-nav { align-items: center; gap: 10px; }
.app-header .navbar-nav .navbar-item .navbar-link,
.app-header .navbar-nav .navbar-item .navbar-link:hover { color: var(--olive-800); }
.app-header a:hover { color: var(--gold-700); }

/* partner logo chip */
.app-header .navbar-nav > .navbar-item.w-200px { gap: 10px; min-width: 0; padding-inline: 0 !important; }
.app-header .navbar-nav > .navbar-item.w-200px .navbar-brand img {
  height: 40px; width: 40px; padding: 4px; object-fit: contain;
  background: var(--surface-card); border: 1px solid var(--border-subtle); border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
}

/* language switcher: single globe pill (same as customer portal) */
.lang-switcher { display: inline-flex; align-items: center; gap: 8px; padding: 0; background: transparent; border-radius: 0; box-shadow: none; }
.lang-switcher-icon { font-size: 15px; color: var(--gold-700); }
.lang-switcher-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 56px; height: 38px; padding: 0 16px; border: 1px solid var(--border-default); background: var(--surface-card); border-radius: var(--radius-pill); color: var(--olive-800); font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 1; text-transform: none; cursor: pointer; transition: background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); }
.lang-switcher-btn:not(.active):hover { border-color: var(--olive-700); background: var(--olive-100); }
.lang-switcher-btn.active { background: var(--surface-brand); border-color: var(--surface-brand); color: var(--sand-050); box-shadow: var(--shadow-xs); }
.lang-switcher-btn:focus-visible { outline: 0; box-shadow: var(--shadow-gold-glow); }
.lang-switcher-btn[data-culture="ar"] { font-family: var(--font-arabic); font-size: 15px; }
form#selectLanguage { margin: 0 !important; padding: 0; }

/* user chip */
.kw-user { display: flex; align-items: center; gap: 10px; padding: 4px 14px 4px 4px; background: var(--surface-card);
  border: 1px solid var(--border-subtle); border-radius: var(--radius-pill); box-shadow: var(--shadow-xs); max-width: 240px; }
[dir="rtl"] .kw-user { padding: 4px 4px 4px 14px; }
.kw-user-avatar { flex: none; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%;
  background: linear-gradient(135deg, var(--olive-700), var(--olive-800)); color: var(--gold-300); font-weight: 700; font-size: .8125rem; }
.kw-user-name { font-size: .8125rem; font-weight: 600; color: var(--olive-800); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 767.98px) {
  .lang-switcher-btn { min-width: 0; height: 34px; padding: 0 12px; font-size: 13px; }
  .app-header .navbar-brand img[src*="khutwa/logo-lockup"] { height: 38px; max-height: 38px; }
}