/*
 * SPDX-FileCopyrightText: 2026 Plesty Development Team
 * SPDX-FileContributor: Yunshuang Yuan
 * SPDX-License-Identifier: LGPL-3.0-or-later
 *
 * Styling for the sidebar version picker (plesty-versions.js).
 *
 * Separate from plesty-hub.css because it is also stamped into release docs
 * built before the picker existed. Those trees carry their own copy of
 * plesty-hub.css, and replacing it would change how a historical page looks
 * beyond adding the dropdown; dropping one more file in beside it does not.
 */

/* Sits at the foot of the sidebar header, under the search box. Added by the
 * script, so a deployment without a versions.json shows no empty slot. */
.wy-side-nav-search .plesty-versions {
  margin: 0.75rem 0 0;
  text-align: left;
}
.wy-side-nav-search .plesty-versions label {
  display: block;
  margin-bottom: 0.3rem;
  color: #d9d9d9;
  font-size: 80%;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.wy-side-nav-search .plesty-versions select {
  width: 100%;
  padding: 0.3rem 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 90%;
  cursor: pointer;
}
.wy-side-nav-search .plesty-versions select:focus {
  /* Plesty cyan, spelled out: the historical trees this file is stamped into
     carry a plesty-hub.css from before the custom property existed. */
  border-color: #0891b2;
  outline: none;
}
/* The dropdown list itself renders in the OS palette, not the sidebar's —
   without this the options are white-on-white on most platforms. */
.wy-side-nav-search .plesty-versions option {
  color: #404040;
  background: #fff;
}