/* =====================================================================
   404 och sökresultat: tydlig felkod, vägar vidare, förslag och träffutdrag.
   Bygger vidare på mallar.css (sökfält, .fel, .tomt, .inlagg). Scopat till .error404 och .search.
   ===================================================================== */

/* ---------- 404: felkod och akut hjälp i hjälten ---------- */
.hero--sida .hero__text .fel-kod {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 7px 16px 7px 14px; max-width: none;
  border: 1px solid rgba(246,169,75,.6); border-radius: 999px; background: rgba(246,169,75,.14);
  font-size: .95rem; font-weight: 800; letter-spacing: .02em; line-height: 1.2; color: var(--solnedgang-ljus); font-variant-numeric: tabular-nums; }
.hero--sida .hero__text .fel-kod::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--solnedgang); box-shadow: 0 0 0 4px rgba(246,169,75,.22); }
.error404 .hero__text .wp-block-heading { font-size: clamp(2.4rem, 4.8vw, 3.8rem); font-weight: 700; letter-spacing: -0.025em; }
.hero--sida .hero__text .fel-akut { margin: 26px 0 0; font-size: 1.05rem; color: #e3ddf7; }
.fel-akut + .hero__actions { margin-top: 12px; }

/* ---------- 404: vägar vidare i två kolumner ---------- */
.error404 .fel { padding-block: clamp(44px, 6vw, 88px); }
.fel__vagar { max-width: none; }
.error404 .fel .rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(32px, 6vw, 88px); border-top: 0; margin-top: 12px; }
.error404 .fel .row { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 22px 0; border-top: 0; border-bottom: 1px solid var(--linje); }
.error404 .fel .rows > .row:nth-child(-n+2) { border-top: 1px solid var(--linje); }
.error404 .fel .row .wp-block-heading { font-size: 1.4rem; }
@media (max-width: 760px) {
  .error404 .fel .rows { grid-template-columns: minmax(0, 1fr); }
  .error404 .fel .rows > .row:nth-child(2) { border-top: 0; }
}

/* ---------- Sök: förslag och tomma lägen ---------- */
.tomt .sok-forslag__rubrik { margin: 28px 0 10px; font-weight: 700; font-size: 1rem; color: var(--text); }
.tomt .sok-forslag { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.tomt .sok-forslag li { margin: 0; padding: 0; }
.tomt .sok-forslag a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border: 1px solid var(--linje); border-radius: 999px;
  background: var(--vit); color: var(--violett); font-weight: 700; text-decoration: none; transition: background-color .2s var(--ease-ut), border-color .2s var(--ease-ut); }
.tomt .sok-forslag a:hover { background: var(--dis); border-color: var(--violett); }
.tomt--sok .rows { margin-top: 32px; }
.tomt .row p { margin: 0; }
.tomt .row p a { color: var(--violett); font-weight: 700; position: relative; z-index: 2; }

/* ---------- Sökträffar: utdrag med markerat sökord ---------- */
.inlagg--sok .inlagg__text { gap: 6px; }
.inlagg--sok .wp-block-post-excerpt { margin: 0; max-width: 62ch; }
.inlagg--sok .wp-block-post-excerpt__excerpt { font-size: 1.05rem; line-height: 1.55; color: var(--dampad); }
.inlagg--sok mark { padding: 0; border-radius: 3px; color: var(--text); background: rgba(246,169,75,.38); box-shadow: 0 0 0 2px rgba(246,169,75,.38); }
.search .hero__text .sok-ingress { font-size: 1.15rem; }

@media (prefers-reduced-motion: reduce) {
  .tomt .sok-forslag a { transition: none; }
}