/* nordin.css - blueprint-tema for SearXNG (search.nordin.network).
   Matchar nordin.contacts visuella DNA. Injiceras av Caddy fore </head>, laddas EFTER
   sxng-ltr.min.css sa kaskaden vinner. Recolorar via simple-temats egna .theme-dark-variabler
   (resilient mot rolling :latest) + self-hostade typsnitt + skarpa kanter + wordmark.
   Self-hostade fonter under /brand/fonts/ (font-src 'self'). */

/* ---------- self-hostade typsnitt ---------- */
@font-face{font-family:'Saira';src:url('/brand/fonts/saira.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Spline Sans Mono';src:url('/brand/fonts/spline.woff2') format('woff2');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'Saira Condensed';src:url('/brand/fonts/sairacond-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Saira Condensed';src:url('/brand/fonts/sairacond-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --bp-deep:#0d3b66; --bp-mid:#11476f; --bp-dark:#0a2f54;
  --ink:#eaf4fc; --ink-soft:#cfe3f5; --ink-dim:#8fb8d8;
  --cyan:#50E6FF; --azure:#0078D4; --stamp:#ffd166;
  --hair:rgba(207,227,245,.30); --hair-cy:rgba(80,230,255,.30);
  --nx-sans:'Saira',system-ui,sans-serif;
  --nx-mono:'Spline Sans Mono',ui-monospace,monospace;
  --nx-cond:'Saira Condensed','Saira',sans-serif;
}

/* ---------- recolor: simple-temats dark-variabler -> blueprint ---------- */
.theme-dark{
  --color-base-font:#cfe3f5; --color-base-font-rgb:207, 227, 245;
  --color-base-background:#0d3b66; --color-base-background-mobile:#0d3b66;
  --color-url-font:#50E6FF; --color-url-visited-font:#a9c7e0;
  --color-header-background:#0a2f54; --color-header-border:rgba(207,227,245,.22);
  --color-footer-background:#0a2f54; --color-footer-border:rgba(207,227,245,.22);
  --color-sidebar-border:rgba(80,230,255,.26); --color-sidebar-font:#eaf4fc; --color-sidebar-background:#11476f;
  --color-backtotop-font:#50E6FF; --color-backtotop-border:rgba(80,230,255,.26); --color-backtotop-background:#11476f;
  --color-btn-background:#0078D4; --color-btn-font:#eaf4fc;
  --color-show-btn-background:#11476f; --color-show-btn-font:#50E6FF;
  --color-search-border:rgba(207,227,245,.45); --color-search-shadow:0 0 18px rgba(80,230,255,.15);
  --color-search-background:#103f6e; --color-search-font:#eaf4fc; --color-search-background-hover:#0078D4;
  --color-error:#ff6b6b; --color-error-background:#3a0f14;
  --color-warning:#ffd166; --color-warning-background:#3a330a;
  --color-success:#79f56e; --color-success-background:#0e2e1a;
  --color-categories-item-selected-font:#50E6FF; --color-categories-item-border-selected:#50E6FF;
  --color-autocomplete-font:#eaf4fc; --color-autocomplete-border:rgba(207,227,245,.30);
  --color-autocomplete-shadow:0 6px 18px rgba(0,0,0,.4); --color-autocomplete-background:#103f6e; --color-autocomplete-background-hover:#0078D4;
  --color-answer-font:#cfe3f5; --color-answer-background:#11476f;
  --color-result-keyvalue-col-table:#0a2f54; --color-result-keyvalue-odd:#0a2f54; --color-result-keyvalue-even:#11476f;
  --color-result-background:#0f3c68; --color-result-border:rgba(207,227,245,.22);
  --color-result-url-font:#8fb8d8; --color-result-vim-selected:rgba(0,120,212,.28); --color-result-vim-arrow:#50E6FF;
  --color-result-description-highlight-font:#ffffff;
  --color-result-link-font:#50E6FF; --color-result-link-font-highlight:#50E6FF; --color-result-link-visited-font:#a9c7e0;
  --color-result-publishdate-font:#8fb8d8; --color-result-engines-font:#8fb8d8;
  --color-result-search-url-border:rgba(207,227,245,.30); --color-result-search-url-font:#cfe3f5;
  --color-result-detail-font:#eaf4fc; --color-result-detail-label-font:#8fb8d8; --color-result-detail-background:#0a2f54;
  --color-result-detail-hr:rgba(207,227,245,.22); --color-result-detail-link:#50E6FF;
  --color-result-image-span-font:#cfe3f5; --color-result-image-span-font-selected:#0d3b66; --color-result-image-background:#0a2f54;
  --color-settings-tr-hover:#11476f; --color-settings-engine-description-font:#8fb8d8; --color-settings-table-group-background:#0a2f54;
  --color-toolkit-badge-font:#0d3b66; --color-toolkit-badge-background:#50E6FF;
  --color-toolkit-dialog-border:rgba(207,227,245,.30); --color-toolkit-dialog-background:#0a2f54;
  --color-toolkit-select-background:#103f6e; --color-toolkit-select-border:rgba(207,227,245,.30); --color-toolkit-select-background-hover:#0078D4;
  --color-toolkit-input-text-font:#eaf4fc;
  --color-toolkit-checkbox-onoff-on-mark-background:#50E6FF; --color-toolkit-checkbox-onoff-on-mark-color:#0d3b66;
  --color-toolkit-checkbox-input-border:#50E6FF;
  --color-doc-code:#eaf4fc; --color-doc-code-background:#11476f;
}

/* ---------- typsnitt ---------- */
body,input,button,select,textarea,optgroup{font-family:var(--nx-sans)}
#q,.engines,.url_wrapper,.url_header,.selectable_url,#search_url,kbd,.searx_init_msg,.engine-name,td .label{font-family:var(--nx-mono)}
article.result h3,article.result h3 a{font-family:var(--nx-sans);font-weight:600}

/* ---------- blueprint-bakgrund: exakt millimeter-rutnat som nordin.contact ---------- */
/* OBS: pa <html>, inte <body>. Simple-temat satter body{height:100vh}, sa en fixed-bakgrund pa
   body klipps till en viewport och forsvinner nar man scrollar. <html> spanner hela dokumentet. */
html{
  background-color:#0d3b66;
  background-image:
    radial-gradient(ellipse at 30% 0%, rgba(80,230,255,.06), transparent 55%),
    linear-gradient(rgba(234,244,252,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(234,244,252,.05) 1px, transparent 1px),
    linear-gradient(rgba(234,244,252,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(234,244,252,.09) 1px, transparent 1px),
    linear-gradient(160deg, #0d3b66 0%, #11476f 55%, #14507f 100%);
  background-size:100% 100%, 8px 8px, 8px 8px, 80px 80px, 80px 80px, 100% 100%;
  background-attachment:fixed;
}

/* ---------- skarpa kanter (CAD, inga rundningar) ---------- */
.search_box,#q,#send_search,#clear_search,button,.btn,input[type=submit],article.result,.suggestion,#sidebar,select,.answer,#search_url,#engines_msg{border-radius:0 !important}

/* ---------- sokruta ---------- */
.search_box{border:1.5px solid rgba(207,227,245,.45);background:#103f6e}
.search_box:focus-within{border-color:#50E6FF;box-shadow:0 0 18px rgba(80,230,255,.18)}
#q{letter-spacing:.01em}
#send_search,#clear_search{border:1.5px solid transparent}

/* ---------- resultatkort: hairline-boxar ---------- */
article.result{border:1.5px solid rgba(207,227,245,.22);background:#0f3c68;padding:14px 16px;margin-bottom:14px;transition:border-color .25s,background .25s}
article.result:hover{border-color:rgba(80,230,255,.45);background:#11476f}
article.result h3 a{color:#9fe9ff}
.engines{font-size:.72rem;letter-spacing:.06em;color:#8fb8d8}
.engines .label,.engine-name{color:#8fb8d8}

/* ---------- kategoriflikar / forslag ---------- */
#categories .category .checkbox_container label,#categories label{letter-spacing:.04em;font-family:var(--nx-mono);font-size:.8rem;text-transform:uppercase}
.suggestion{border:1.5px solid rgba(207,227,245,.22);background:#103f6e;color:#cfe3f5}
.suggestion:hover{border-color:#50E6FF;color:#50E6FF}

/* ---------- lankar ---------- */
a{color:#50E6FF}

/* ---------- wordmark: startsida (JOAKIM NORDIN-look: ljus text + cyan glow/offset) ---------- */
.index .title{position:relative;background:none !important;min-height:0}
.index .title>*{display:none !important}   /* dolj h1 + dess bakgrundslogo helt (inget spoke) */
.index .title::after{
  content:"NORDIN SEARCH";display:block;font-family:var(--nx-cond);font-weight:700;
  font-size:clamp(2.4rem,8vw,4.2rem);letter-spacing:.10em;line-height:1;margin:0 0 6px;
  color:#eaf4fc;
  text-shadow:2px 2px 0 rgba(80,230,255,.55), 0 0 26px rgba(80,230,255,.45);
}

/* ---------- dolj raster-logon (NORDIN.png) pa ovriga sidor: preferences, stats, about ---------- */
/* Startsidan ersatter .title-wordmark via CSS, resultatsidan via #search_logo. Kvar blir den rama
   img.logo (bind-mountad searxng.png) som annars syns rad pa preferences m.fl. - dolj den. */
.logo{display:none !important}

/* ---------- wordmark: resultatsidans header-logo ---------- */
#search_logo>*{display:none}
#search_logo{font-family:var(--nx-cond);font-weight:700;letter-spacing:.1em;color:#eaf4fc;font-size:1.3rem;text-decoration:none;background:none !important;text-shadow:1px 1px 0 rgba(80,230,255,.5)}
#search_logo::after{content:"NORDIN SEARCH"}