/* VMX POS Documentation — Custom Styles */

:root {
  --md-text-font: "Inter", sans-serif;
  --md-code-font: "JetBrains Mono", monospace;
}

/* Tighter, more refined header */
.md-header {
  box-shadow: 0 1px 8px rgba(0,0,0,.18);
}

/* Logo sizing */
.md-header__button.md-logo img {
  height: 28px;
  width: auto;
}

/* Nav tabs — slightly bolder */
.md-tabs__link {
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* Content width — a bit wider for readability */
.md-grid {
  max-width: 1280px;
}

/* Nicer h1 on content pages */
.md-content h1 {
  font-weight: 700;
  border-bottom: 2px solid var(--md-primary-fg-color);
  padding-bottom: .3em;
}

/* Sidebar nav — base size */
.md-nav__item {
  font-size: .73rem;
}

/* Section headers (e.g. "Register", "Customers") — bold, accented, same size */
.md-nav__item--section > .md-nav__link {
  font-size: .73rem;
  font-weight: 700;
  color: var(--md-primary-fg-color) !important;
  margin-top: .8em;
  padding-left: .6rem;
  border-left: 3px solid var(--md-primary-fg-color);
  opacity: 1 !important;
}

/* TOC (right sidebar) — h2 bold, h3 smaller/lighter */
.md-nav--secondary .md-nav__link {
  font-weight: 600;
  font-size: .72rem;
}
.md-nav--secondary .md-nav__item .md-nav__item .md-nav__link {
  font-weight: 400;
  font-size: .68rem;
  opacity: 0.75;
  padding-left: 1.2rem;
}

/* Child links — indent under section */
.md-nav__item--section > .md-nav .md-nav__link {
  padding-left: 1rem;
}

/* Active/current page link */
.md-nav__link--active {
  font-weight: 600;
  color: var(--md-primary-fg-color) !important;
}

/* Admonition (note/tip blocks) — rounder */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 6px;
}

/* Tables — cleaner stripes */
.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
}
.md-typeset table:not([class]) tr:nth-child(even) {
  background-color: var(--md-code-bg-color);
}

/* Footer — subtle */
.md-footer {
  opacity: 0.85;
}

/* Search bar — slightly more prominent */
.md-search__form {
  border-radius: 6px;
}