/* Additions on top of the site CSS. */

.sts-hp {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.sts-form-status {
  margin: 0 0 1rem;
  padding: 0.85rem 1rem;
  border-radius: var(--radius-md);
  font-weight: 600;
}
.sts-form-status-sendt {
  background: var(--accent-soft);
  color: var(--primary-strong);
  border: 1px solid var(--border);
}
.sts-form-status-fejl {
  background: rgba(220, 38, 38, 0.1);
  color: #b91c1c;
  border: 1px solid rgba(220, 38, 38, 0.3);
}

.pagination .nav-links {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  margin-top: 2rem;
}

/* "Om servicen" text on service pages */
#content .section-head + div h3 {
  margin: 1.75rem 0 0.5rem;
  font-size: 1.2rem;
}
#content .section-head + div h4 {
  margin: 1.1rem 0 0.25rem;
  font-size: 1rem;
}
#content .section-head + div p {
  margin: 0 0 0.85rem;
}

/* Logo with white text in dark mode */
.custom-logo-dark {
  display: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .custom-logo-light {
    display: none;
  }
  :root:not([data-theme]) .custom-logo-dark {
    display: inline;
  }
}
:root[data-theme='dark'] .custom-logo-light {
  display: none;
}
:root[data-theme='dark'] .custom-logo-dark {
  display: inline;
}