/*
ip.unofix.no: felles design med unofix.no og blog.unofix.no.
Variabler og fonter er de samme som i unofix.no/assets/css/site.css. Lastes ETTER Bootstrap (index.php)
og etter sidenes egne <style>-blokker (domain-check.php, spoofer.php, som merkes med body.nr-custom).
*/

/* ===== Fonter (selvhostet) ===== */
@font-face{font-family:Sora;font-style:normal;font-weight:600 700;font-display:swap;src:url(fonts/sora-600-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ubuntu-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ubuntu-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ubuntu-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ubuntu-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ===== Variabler ===== */
:root{
	--nr-tekst:#142033;
	--nr-dempet:#4a5668;
	--nr-merke:#1557d6;
	--nr-merke-mork:#0f43a8;
	--nr-aksent:#1a63f5;
	--nr-merke-lys:#e8f0ff;
	--nr-kant:#dbe4f3;
	--nr-ui-kant:#6b7a90;
	--nr-flate:#f3f7fe;
	--nr-skygge:0 .25rem 1.5rem rgba(21,87,214,.09);
	--nr-skygge-stor:0 .75rem 2.5rem rgba(21,87,214,.16);
	--nr-radius:1.25rem;
	--nr-overskrift:Sora,Ubuntu,system-ui,-apple-system,"Segoe UI",sans-serif;
	--nr-ok:#0b7a43;--nr-oksoft:#e3f5ec;
	--nr-warn:#8a5a00;--nr-warnsoft:#fff4d6;
	--nr-err:#c2271b;--nr-errsoft:#fdeceb;
	/* Bootstrap 5.3 (index.php) */
	--bs-body-font-family:Ubuntu,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--bs-body-color:var(--nr-tekst);--bs-body-color-rgb:20,32,51;
	--bs-secondary-color:var(--nr-dempet);--bs-secondary-rgb:74,86,104;
	--bs-primary:#1557d6;--bs-primary-rgb:21,87,214;
	--bs-link-color:var(--nr-merke);--bs-link-color-rgb:21,87,214;
	--bs-link-hover-color:var(--nr-merke-mork);--bs-link-hover-color-rgb:15,67,168;
	--bs-heading-color:var(--nr-tekst);
	--bs-border-color:var(--nr-kant);
}

/* ===== Grunn ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;overflow-x:clip;color:var(--nr-tekst);
	font-family:var(--bs-body-font-family);line-height:1.6;
	background:#fff linear-gradient(180deg,#eaf2ff 0,#f6f9ff 520px,#fff 980px) no-repeat}
body > .container,body > .wrap{width:100%}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--nr-overskrift);font-weight:600;line-height:1.2;letter-spacing:-.01em}
a{color:var(--nr-merke);text-underline-offset:.15em}
a:hover{color:var(--nr-merke-mork)}
:focus-visible{outline:3px solid var(--nr-merke);outline-offset:2px;border-radius:2px}
.skip-link{position:absolute;left:.5rem;top:-4rem;z-index:1100;padding:.75rem 1rem;background:var(--nr-merke);color:#fff;border-radius:.5rem}
.skip-link:focus{top:.5rem;color:#fff}
.nr-ikon{color:var(--nr-merke)}

/* ===== Topp (som unofix.no) ===== */
.nr-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--nr-kant)}
.nr-header .in{max-width:1140px;margin:0 auto;padding:.6rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem}
.nr-logo{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--nr-overskrift);font-size:1.3rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--nr-tekst);text-decoration:none}
.nr-logo:hover{color:var(--nr-merke)}
.nr-logo svg{flex:none}
.nr-menu{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin:0 0 0 auto;padding:0;list-style:none}
.nr-menu a{display:block;padding:.5rem 0;color:var(--nr-tekst);font-size:.97rem;text-decoration:none}
.nr-menu a:hover,.nr-menu a[aria-current]{color:var(--nr-merke);text-decoration:underline;text-decoration-thickness:2px}
.nr-menu a[aria-current]{font-weight:700}

/* ===== Bunn ===== */
.nr-footer{margin-top:auto;background:#fff;border-top:1px solid var(--nr-kant);padding:1.5rem 1rem;font-size:.875rem;color:var(--nr-dempet)}
.nr-footer .in{max-width:1140px;margin:0 auto;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between}
@media (max-width:620px){.nr-logo{font-size:1.1rem}.nr-menu{margin-left:0;gap:0 1.1rem;width:100%}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ==========================================================
   index.php (Bootstrap)
   ========================================================== */
.btn{border-radius:2rem;font-weight:700}
.btn-primary{--bs-btn-bg:var(--nr-merke);--bs-btn-border-color:var(--nr-merke);--bs-btn-hover-bg:var(--nr-merke-mork);--bs-btn-hover-border-color:var(--nr-merke-mork);--bs-btn-active-bg:var(--nr-merke-mork);--bs-btn-active-border-color:var(--nr-merke-mork);--bs-btn-disabled-bg:var(--nr-merke);--bs-btn-disabled-border-color:var(--nr-merke);box-shadow:0 .4rem 1rem rgba(21,87,214,.28)}
.card{border-color:var(--nr-kant);border-radius:var(--nr-radius);--bs-card-border-radius:var(--nr-radius)}
.shadow-sm{box-shadow:var(--nr-skygge)!important}
.form-control{border:1px solid var(--nr-ui-kant);border-radius:1rem;background:var(--nr-flate)}
.form-control:focus{background:#fff;border-color:var(--nr-merke);box-shadow:0 0 0 .2rem rgba(21,87,214,.18)}
.hero{background:linear-gradient(135deg,var(--nr-merke) 0,var(--nr-merke-mork) 100%)!important;color:#fff;border-radius:var(--nr-radius);box-shadow:var(--nr-skygge-stor)}
.hero h1{color:#fff;font-size:clamp(1.9rem,1.3rem + 2.6vw,3.25rem);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;word-break:break-all}
.hero .text-secondary{color:rgba(255,255,255,.9)!important}
.tool-card{transition:transform .15s ease,box-shadow .15s ease}
.tool-card:hover{transform:translateY(-.15rem);box-shadow:var(--nr-skygge-stor)!important}
.result-card{border-left:.25rem solid var(--nr-kant)}
.result-card.ok{border-left-color:var(--nr-ok)}
.result-card.warn{border-left-color:#d29922}
.result-card.err{border-left-color:var(--nr-err)}
.result-card.info{border-left-color:var(--nr-merke)}
.detail-row{display:grid;grid-template-columns:130px 1fr;gap:.5rem;padding:.2rem 0;font-size:.9rem}
.detail-row + .detail-row{border-top:1px solid var(--nr-kant)}
.detail-k{color:var(--nr-dempet)}
.detail-v{word-break:break-word}
.detail-row[title]{cursor:help}
@media (max-width:480px){.detail-row{grid-template-columns:1fr;gap:.1rem}}
.badge.bg-success-subtle{background:var(--nr-oksoft)!important;color:var(--nr-ok)!important}
.badge.bg-warning-subtle{background:var(--nr-warnsoft)!important;color:var(--nr-warn)!important}
.badge.bg-danger-subtle{background:var(--nr-errsoft)!important;color:var(--nr-err)!important}
.badge.bg-secondary-subtle{background:var(--nr-merke-lys)!important;color:var(--nr-merke-mork)!important}

/* ==========================================================
   domain-check.php og spoofer.php (egen CSS, body.nr-custom)
   ========================================================== */
.nr-custom .wrap{margin:0 auto;padding:2.25rem 1.25rem 4rem}
.nr-custom h1{font-size:clamp(1.7rem,1.2rem + 2vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0 0 .5rem}
.nr-custom .sub{color:var(--nr-dempet);font-size:1.05rem;margin:0 0 1.75rem}
.nr-custom .panel,.nr-custom .card,.nr-custom .scorecard{background:#fff;border:1px solid var(--nr-kant);border-radius:var(--nr-radius);box-shadow:var(--nr-skygge)}
.nr-custom .card{border-left:4px solid var(--nr-kant)}
.nr-custom .card.ok{border-left-color:var(--nr-ok)}
.nr-custom .card.warn{border-left-color:#d29922}
.nr-custom .card.err{border-left-color:var(--nr-err)}
.nr-custom .card.info{border-left-color:var(--nr-merke)}
.nr-custom label{font-weight:700;font-size:.85rem;color:var(--nr-dempet)}
.nr-custom input,.nr-custom textarea{border:1px solid var(--nr-ui-kant);border-radius:1rem;background:var(--nr-flate);color:var(--nr-tekst)}
.nr-custom input:focus,.nr-custom textarea:focus{outline:none;background:#fff;border-color:var(--nr-merke);box-shadow:0 0 0 .2rem rgba(21,87,214,.18)}
.nr-custom button{border-radius:2rem;background:var(--nr-merke);color:#fff;font-family:inherit;font-weight:700;box-shadow:0 .4rem 1rem rgba(21,87,214,.28);transition:.15s}
.nr-custom button:hover:not(:disabled){background:var(--nr-merke-mork);transform:translateY(-1px)}
.nr-custom .hint,.nr-custom .meta,.nr-custom .legend,.nr-custom .placeholder{color:var(--nr-dempet)}
.nr-custom summary{color:var(--nr-merke);font-weight:700}
.nr-custom pre,.nr-custom pre.record{background:var(--nr-flate);border:1px solid var(--nr-kant);border-radius:1rem;color:var(--nr-tekst)}
.nr-custom .legend code{background:var(--nr-merke-lys);color:var(--nr-merke-mork);border-radius:.4rem}
.nr-custom .details li{border-top-color:var(--nr-kant)}
.nr-custom .badge.ok{background:var(--nr-oksoft);color:var(--nr-ok)}
.nr-custom .badge.warn{background:var(--nr-warnsoft);color:var(--nr-warn)}
.nr-custom .badge.err{background:var(--nr-errsoft);color:var(--nr-err)}
.nr-custom .badge.info,.nr-custom .badge.idle{background:var(--nr-merke-lys);color:var(--nr-merke-mork)}
.nr-custom .badge.ok,.nr-custom .badge.err,.nr-custom .badge.idle{border-color:transparent}
.nr-custom .warn{background:var(--nr-warnsoft);border:1px solid #d29922;color:#5c3d00}
.nr-custom .score-tips li::before{color:var(--nr-merke)}
.nr-custom .grade{border-radius:1.1rem;font-family:var(--nr-overskrift)}