/* Solo OSS brand layer.
   Loaded when the consumer's hugo config sets:
     [params.themeExtras]
       brand = "oss"
   Applies to agentgateway-oss-website, agentregistry-oss-website,
   kgateway-oss, kagent-oss-website.

   Seeded from agentgateway-oss-website's brand styling. Per-repo tweaks
   (e.g. agw's chatbot widget, kgw's testimonial section) still go in each
   consumer's own assets/css/custom.css; this layer is the cross-OSS-
   consumer shared baseline. */

/* ── Brand colors ────────────────────────────────────────────────────── */
/* OSS primary blue: hsl(212, 100%, 45%) → ~#0072E6.
   Sets both Hextra's tailwind primary HSL (compile-time) and the
   docs-theme-extras runtime CSS vars used by component rules. */
:root {
  --primary-hue: 212deg;
  --primary-saturation: 100%;
  --primary-lightness: 45%;
  --theme-primary:       hsl(212, 100%, 45%);
  --theme-primary-hover: hsl(212, 100%, 35%);
  --theme-primary-tint:  hsla(212, 100%, 45%, 0.1);
}
.dark {
  --theme-primary:       hsl(212, 100%, 60%);
  --theme-primary-tint:  hsla(212, 100%, 60%, 0.1);
}

/* ── Typography ──────────────────────────────────────────────────────── */
/* OSS uses Open Sans across body and headings. The Google Font import is
   conditionally added by head-end.html when brand="oss" so this stack
   resolves to the loaded family in browsers; otherwise it falls back. */
body {
  font-family: 'Open Sans', 'ui-sans-serif', 'system-ui', 'sans-serif', "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.nav-container {
  font-family: 'Open Sans', 'ui-sans-serif', 'system-ui', 'sans-serif', "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* ── Navbar search bar ──────────────────────────────────────────────────
   Hextra's default search input has minimal chrome — no rounded
   background, no real focus ring, no consistent results popup shape.
   These rules give the navbar search a compact, rounded look across
   every OSS consumer. Originally in agw-oss's local custom.css;
   centralized here on 2026-05-21 so other OSS consumers (kgateway,
   etc.) inherit without duplicating. Enterprise brand can override or
   omit if a different look is wanted. */
.hextra-search-wrapper {
  position: relative;
  width: 16rem;
}

.hextra-search-input {
  display: block;
  width: 100%;
  appearance: none;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25;
  background: rgba(0, 0, 0, 0.05);
  border: none;
  outline: none;
  transition: background-color 0.15s;
  color: inherit;
}

.hextra-search-input::placeholder {
  color: #6b7280;
}

.hextra-search-input:focus {
  background: white;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.3);
}

.dark .hextra-search-input {
  background: rgba(255, 255, 255, 0.1);
}

.dark .hextra-search-input::placeholder {
  color: #9ca3af;
}

.dark .hextra-search-input:focus {
  background: #111;
}

.hextra-search-results {
  position: absolute;
  top: 100%;
  z-index: 20;
  margin-top: 0.5rem;
  overflow: auto;
  overscroll-behavior: contain;
  border-radius: 0.75rem;
  padding: 0.625rem 0;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  max-height: min(calc(50vh - 11rem), 400px);
  min-height: 100px;
  background: white;
  border: 1px solid #e5e7eb;
  width: 100vw;
  max-width: min(calc(100vw - 2rem), calc(100% + 20rem));
}

.dark .hextra-search-results {
  background: #1a1a1a;
  border-color: #374151;
}