/* Extra component polish */

.loading-spinner {
  width: 40px;
  height: 40px;
  border: 3px solid var(--primary-soft);
  border-top-color: var(--primary);
  border-radius: 50%;
  margin: 20px auto;
  animation: pn-spin 0.7s linear infinite;
  display: none;
}
.loading-spinner.is-visible { display: block; }
@keyframes pn-spin { to { transform: rotate(360deg); } }

.pn-kbd {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: 4px;
  background: rgba(255,255,255,0.2);
  font-size: 0.65rem;
  font-family: inherit;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,0.25);
}

.pn-search-inline { margin-bottom: 24px; max-width: 100%; }

/* Custom logo in WP */
.custom-logo-link { display: flex; align-items: center; }
.custom-logo { max-height: 40px; width: auto; }

/* Align wide content */
.alignwide { max-width: var(--container-max); margin-inline: auto; }
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}