/* Optional companion to the gitlink widget (`widget.style-navbar-tools`).
   Applies the widget's bordered pill style to Quarto's navbar search button
   and colour-scheme toggle so the navbar-right controls read as one set.
   Sizing and spacing are handled unconditionally by widget.css; this file
   carries only the border/pill visuals. */

.navbar #quarto-search .aa-DetachedSearchButton,
.navbar .quarto-navbar-tools .quarto-color-scheme-toggle {
  background: var(--gitlink-widget-pill-bg, transparent);
  border: 1px solid var(--gitlink-widget-border, var(--bs-border-color-translucent, rgba(128, 128, 128, 0.3)));
  border-radius: 0.375rem;
  color: inherit;
  cursor: pointer;
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.navbar #quarto-search .aa-DetachedSearchButton:hover,
.navbar #quarto-search .aa-DetachedSearchButton:focus-visible,
.navbar .quarto-navbar-tools .quarto-color-scheme-toggle:hover,
.navbar .quarto-navbar-tools .quarto-color-scheme-toggle:focus-visible {
  background: var(--gitlink-widget-accent-soft, color-mix(in srgb, var(--gitlink-widget-accent, var(--bs-link-color, #0d6efd)) 15%, transparent));
  border-color: var(--gitlink-widget-accent, var(--bs-link-color, #0d6efd));
  color: var(--gitlink-widget-accent, var(--bs-link-color, #0d6efd));
}

@media (prefers-reduced-motion: reduce) {
  .navbar #quarto-search .aa-DetachedSearchButton,
  .navbar .quarto-navbar-tools .quarto-color-scheme-toggle {
    transition: none;
  }
}