/* Force pagination across the page instead of stacking */
#pagination {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
}

#pagination form.page_number {
  display: inline-block;
  margin: 0;
}

#pagination .previous_page,
#pagination .next_page {
  display: inline-flex;
  margin: 0;
}

/* Optional: keep it responsive on very small screens */
@media (max-width: 768px) {
  #pagination {
    flex-wrap: wrap;
  }
}

/* Move top navigation links to the right and space them evenly */
#links_on_top {
  display: flex;
  justify-content: flex-end; /* Pushes links to the far right */
  align-items: center;        /* Vertically centers them */
  padding: 0 1.5rem;          /* Adds padding on the left/right to prevent sticking to the edge */
  gap: 1rem;                  /* Ensures even spacing between "About" and "Preferences" */
}

/* Ensure the links themselves are inline flex to respect the gap */
#links_on_top a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

/* Optional: If the text/icons are still squished, add some padding to the link content */
#links_on_top a span,
#links_on_top a svg {
  margin: 0 0.3rem; /* Adds spacing between the icon and the text label */
}

.brand-name .neshatruth-neshatruth {
  color: #10e1f5;
}

.brand-name .neshatruth-truth {
  color: white;
}