.content {
    max-width: 100% !important;
}

.page-header {
    margin-left: auto;
    margin-right: auto;
}

.page-header,
.page-node {
    max-width: 900px !important;
}

.footer > .page-node {
    max-width: unset !important;
}

.show-api-client-button {
    display: none !important;
}

.request-card-footer {
    display: none !important;
}

.scalar-card-header.scalar-card-header-tabs > div:nth-of-type(2) {
  display: none !important;
}

.light-mode .t-doc__sidebar,
.dark-mode .t-doc__sidebar {
    --scalar-sidebar-background-1: #212438;
    --scalar-sidebar-color-1: rgb(255, 255, 255);
    --scalar-sidebar-color-2: rgb(255, 255, 255);
    --scalar-sidebar-border-color: var(--scalar-border-color);

    --scalar-sidebar-item-hover-background: #2e324b;
    --scalar-sidebar-item-hover-color: white;

    --scalar-sidebar-item-active-background: #313655;
    --scalar-sidebar-color-active: white;

    --scalar-sidebar-indent-border: rgba(255, 255, 255, 0.31);
    --scalar-sidebar-indent-border-hover: rgb(228, 228, 228);
    --scalar-sidebar-indent-border-active: #ffffff;

    --scalar-sidebar-search-background: transparent;
    --scalar-sidebar-search-color: rgb(212, 212, 212);
    --scalar-sidebar-search-border-color: rgb(103, 103, 103);
}

.t-editor__page-link {
  box-shadow: var(--scalar-shadow-1);
  border-radius: var(--scalar-radius);
  background: var(--scalar-background-2);
  padding: 16px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.t-editor__anchor {
  --font-color: var(--scalar-color-accent);
  --font-visited: var(--scalar-color-2);
  --font-hover: var(--scalar-color-accent);
  --text-decoration: none;
  --text-decoration-hover: underline;
}

.section-column table {
  table-layout: auto !important;
}

.layout-footer {
    padding: 100px 50px;
}

.layout-footer .page-node {
    max-width: unset !important;
}

@media screen and (max-width: 1000px) {
    .layout-footer {
        padding: 10px;
    }
}

/* PAR OPS product tag */

:root {
  --pd-label: "PAR OPS";
  --pd-accent: #929FFD;
  --pd-tile: #EDEFFF;
  --pd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23929FFD' stroke-width='2'%3E%3Crect x='18' y='3' width='4' height='18'/%3E%3Crect x='10' y='8' width='4' height='13'/%3E%3Crect x='2' y='13' width='4' height='8'/%3E%3C/svg%3E");
  --pd-text: var(--scalar-color-1);
}

/* Tile stays light in dark mode, matching the home page cards, so the label
   needs an explicit dark colour here. */
.dark-mode {
  --pd-text: #2e324b;
  --pd-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23929FFD' stroke-width='2'%3E%3Crect x='18' y='3' width='4' height='18'/%3E%3Crect x='10' y='8' width='4' height='13'/%3E%3Crect x='2' y='13' width='4' height='8'/%3E%3C/svg%3E");
}

.page-body .page-node.t-prose:has(h1)::before {
  content: var(--pd-label);
  display: block;
  width: fit-content;
  margin: 0 0 14px;
  padding: 5px 14px 5px 33px;
  border: 1px solid color-mix(in srgb, var(--pd-accent) 24%, transparent);
  border-radius: 999px;
  background: var(--pd-icon) 13px center / 14px 14px no-repeat, var(--pd-tile);
  color: var(--pd-text);
  font-family: Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

@media print {
  .page-body .page-node.t-prose:has(h1)::before {
    display: none;
  }
}

/* API reference pages (OpenAPI) render without .page-body/.t-prose, so the
   selector above never matches. Hook the tag onto the first tag-section
   .section-container instead. Tag pages, spec landing pages and model pages
   each nest it differently, but all of them put it two levels under
   .page-content with the same 0 60px gutter, so the pill lines up with the
   heading in every case. */
.page-content > * > .section-container:first-child::before {
  content: var(--pd-label);
  display: block;
  width: fit-content;
  margin: 40px 0 -60px;
  padding: 5px 14px 5px 33px;
  border: 1px solid color-mix(in srgb, var(--pd-accent) 24%, transparent);
  border-radius: 999px;
  background: var(--pd-icon) 13px center / 14px 14px no-repeat, var(--pd-tile);
  color: var(--pd-text);
  font-family: Inter, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI",
    Roboto, Ubuntu, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

@media print {
  .page-content > * > .section-container:first-child::before {
    display: none;
  }
}

/* Larger header logo */
.t-doc__header img,
.scalar-app header img {
  height: 30px !important;
  max-height: none !important;
  width: auto !important;
}

/* Header background: same dark blue as the sidebar */
.t-doc__header,
.scalar-app header {
  background: #212438 !important;
  border-color: #212438 !important;
  --scalar-border-color: #212438;
}

/* Header link colors (white on the dark header) */
.t-doc__header .t-header__item,
.t-doc__header .t-header__item--active,
.light-mode .t-header__item,
.light-mode .t-header__item--active {
  color: #FFFFFF !important;
}

/* Dropdown menu links stay dark */
[role="menu"],
[role="menu"] *,
[role="menuitem"],
[role="menuitem"] * {
  color: #000000 !important;
}

/* Header search bar: centered, longer, rounded */
.search-group {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  width: 560px;
  min-width: 560px;
  max-width: 100%;
}
.search-group .search-wrapper {
  width: 100% !important;
  min-width: 560px !important;
  max-width: none !important;
}
.search-group button.search {
  width: 100% !important;
  border-radius: 999px !important;
}
/* Keyboard shortcut badge inside the search bar (the bordered span wrapping the <kbd>) */
.search-group button.search > span:has(kbd) {
  border-radius: 999px !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}