/*
  PaskalCPP™ Programming Language

  Copyright © 2026-present tinyBigGAMES™ LLC
  All Rights Reserved.

  https://paskalcpp.org

  SPDX-License-Identifier: MPL-2.0

  This Source Code Form is subject to the terms of the
  Mozilla Public License, v. 2.0. If a copy of the MPL
  was not distributed with this file, You can obtain one
  at https://mozilla.org/MPL/2.0/.

  ---

  Docs pages only (docs\build.py output, online and offline): search box and
  results, the page pager. Tokens only; the layout itself is ds.css (.ds-docs).
*/

/* Search, at the top of the side navigation */
.pc-search {
  margin-bottom: var(--ds-sp-5);
}

.pc-search input {
  width: 100%;
  box-sizing: border-box;
  padding: var(--ds-sp-2) var(--ds-sp-3);
  font: inherit;
  font-size: var(--ds-fs-sm);
  color: var(--ds-text);
  background: var(--ds-surface);
  border: 1px solid var(--ds-line-strong);
  border-radius: var(--ds-radius-sm);
}

.pc-search input:focus {
  outline: 2px solid var(--ds-cyan);
  outline-offset: 1px;
}

.pc-search-results {
  list-style: none;
  margin: var(--ds-sp-2) 0 0;
  padding: 0;
  max-height: 60vh;
  overflow-y: auto;
}

.pc-search-results[hidden] {
  display: none;
}

.pc-search-results li + li {
  border-top: 1px solid var(--ds-line);
}

.pc-search-results a {
  display: block;
  padding: var(--ds-sp-2) var(--ds-sp-1);
  text-decoration: none;
  color: var(--ds-text);
}

.pc-search-results a:hover,
.pc-search-results a:focus {
  background: var(--ds-surface-2);
}

.pc-search-page {
  display: block;
  font-size: var(--ds-fs-xs);
  color: var(--ds-muted-2);
}

.pc-search-title {
  display: block;
  font-size: var(--ds-fs-sm);
  color: var(--ds-link);
}

.pc-search-snippet {
  display: block;
  font-size: var(--ds-fs-xs);
  color: var(--ds-muted);
}

.pc-search-empty {
  padding: var(--ds-sp-2) var(--ds-sp-1);
  font-size: var(--ds-fs-sm);
  color: var(--ds-muted);
}

/* Previous / next page, under the article */
.pc-pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--ds-sp-3);
  margin-top: var(--ds-sp-7);
  padding-top: var(--ds-sp-5);
  border-top: 1px solid var(--ds-line);
}

.pc-pager a {
  display: block;
  max-width: 100%;
  padding: var(--ds-sp-3) var(--ds-sp-4);
  border: 1px solid var(--ds-line);
  border-radius: var(--ds-radius);
  text-decoration: none;
}

.pc-pager a:hover {
  border-color: var(--ds-line-strong);
  background: var(--ds-surface-2);
}

.pc-pager small {
  display: block;
  font-size: var(--ds-fs-xs);
  color: var(--ds-muted-2);
}

.pc-pager-next {
  margin-left: auto;
  text-align: right;
}

/* The docs footer holds the legal line only: no column area above it */
.pc-docs-footer {
  padding-block: var(--ds-sp-5);
}

.pc-docs-footer .ds-footer-legal {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}