/* Map Zone brand, mirrored from the live app's daisyUI "mapzone" theme (wwwroot/app.src.css) so /docs looks like
   the same product as the live demo, not a generic DocFX site. Loaded after docfx.min.css (modern template). */
/* CHI [data-bs-theme="light"], KHONG them :root: :root cung khop <html> nhu [data-bs-theme="dark"] (cung do
   dac hieu) nen bien dat o day se de len ca dark mode neu dark khong tu override - tung lam icon/chu toi mau
   (#1d2433, danh cho nen sang) gan nhu vo hinh tren nen toi cua dark theme. */
[data-bs-theme="light"] {
  --bs-body-bg: #ffffff;
  --bs-body-color: #1d2433;
  --bs-border-color: #e3e7ee;
  --bs-border-color-translucent: #e3e7ee;
  --bs-secondary-bg: #f6f8fb;
  --bs-tertiary-bg: #f6f8fb;
  --bs-primary: #d9480f;
  --bs-primary-rgb: 217, 72, 15;
  --bs-link-color: #d9480f;
  --bs-link-color-rgb: 217, 72, 15;
  --bs-link-hover-color: #b83d0c;
  --bs-link-hover-color-rgb: 184, 61, 12;
  --bs-border-radius: 10px;
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: 10px;
  --bs-code-color: #d9480f;
}

[data-bs-theme="dark"] {
  --bs-primary: #ff7a3d;
  --bs-primary-rgb: 255, 122, 61;
  --bs-link-color: #ff7a3d;
  --bs-link-color-rgb: 255, 122, 61;
  --bs-link-hover-color: #ff9a66;
  --bs-link-hover-color-rgb: 255, 154, 102;
  --bs-border-radius: 10px;
  --bs-border-radius-sm: 8px;
  --bs-border-radius-lg: 10px;
  --bs-code-color: #ff7a3d;
}

body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.navbar-brand {
  font-weight: 600;
}

#logo {
  width: 28px;
  height: 28px;
  border-radius: 0;
}

#search-query:focus,
.form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: var(--bs-link-hover-color);
}

/* "Log in" (toc.yml, mon cuoi cung) hien thanh nut tron mau accent thay vi link phang nhu cac muc con lai,
   dong bo voi header tu viet cua 4 trang Redoc (docs/inject-header.js). Dua vao :last-child vi toc.yml co dinh. */
.navbar-nav .nav-item:last-child .nav-link {
  color: #fff !important;
  background: var(--bs-primary);
  border-radius: 999px;
  padding: 6px 16px;
  margin-left: 6px;
}
.navbar-nav .nav-item:last-child .nav-link:hover {
  background: var(--bs-link-hover-color);
}