/* Pagefind site search
   The generated Pagefind component CSS provides component structure.
   These variables align it with the SMS4U visual system. */

:root {
  --pf-text: var(--c-ink);
  --pf-text-secondary: var(--c-ink-soft);
  --pf-text-muted: var(--c-ink-soft);
  --pf-background: var(--c-surface);
  --pf-border: var(--c-border);
  --pf-border-focus: var(--c-primary);
  --pf-skeleton: var(--c-border);
  --pf-skeleton-shine: var(--c-bg);
  --pf-hover: var(--c-primary-50);
  --pf-mark: var(--c-primary);
  --pf-outline-focus: var(--c-primary);
  --pf-font: var(--font-body);
  --pf-border-radius: var(--radius-input);
  --pf-shadow-sm: var(--shadow-sm);
  --pf-shadow-md: var(--shadow-md);
  --pf-shadow-lg: var(--shadow-lg);
  --pf-modal-backdrop: rgba(30, 27, 75, 0.48);
  --pf-modal-max-width: 720px;
  --pf-modal-max-height: min(82dvh, 800px);
}

.site-header .nav-search {
  display: flex;
  align-items: center;
}

.site-header .nav-search pagefind-modal-trigger {
  display: block;
}

.site-search-shell {
  position: relative;
  z-index: 2000;
}

@media (max-width: 991px) {
  .site-header .nav-search {
    margin: 0.35rem 0 0.5rem !important;
    justify-content: flex-start;
  }
}