/* ==========================================================================
   NORDLYS · toppliste (nrcv) — kun på sider med toppliste
   ========================================================================== */

/* == nrcv·wrap == */
body.nrc .nrcv-wrap{margin:26px 0 30px;padding:0;max-width:var(--w-ark);width:100%;grid-column:1/-1;flex:1 1 100%;container-type:inline-size}
body.nrc .nrcv-hd{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:6px 16px;margin:0 0 12px}
body.nrc .nrcv-hd h2{margin:0;font-size:24px;display:flex;align-items:center;gap:10px}
body.nrc .nrcv-hd h2 svg{width:26px;height:26px;color:var(--flagg)}
body.nrc .nrcv-oppd{font:600 12.5px/1.4 var(--font-t);color:var(--blekk-2);display:inline-flex;align-items:center;gap:6px}
body.nrc .nrcv-oppd svg{width:15px;height:15px;color:var(--lys-mork)}
body.nrc .nrcv-reklame{margin:0 0 12px;font:400 12.5px/1.5 var(--font-t);color:var(--blekk-2)}

/* == nrcv·filters == */
body.nrc .nrcv-f,body.nrc .nrcv-more{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
body.nrc .nrcv-fbar{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px;padding:2px 0}
body.nrc .nrcv-fbar::-webkit-scrollbar{display:none}
body.nrc .nrcv-fbar label{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:6px 14px;border-radius:var(--r-s);background:var(--rim-2);color:var(--natt);font:700 13.5px/1.2 var(--font-h);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent}
body.nrc .nrcv-fbar label svg{width:17px;height:17px;color:var(--lys-mork)}

/* == nrcv·list == */
body.nrc .nrcv-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:none}
body.nrc .nrcv-list>li::before,body.nrc .nrcv-list>li::after{content:none!important;display:none!important}
body.nrc .nrcv-list>li.nrcv-row{position:relative;display:grid;grid-template-columns:100px minmax(0,1fr) 166px 176px;grid-template-areas:"logo info bonus cta" "logo foot foot foot";gap:2px 16px;align-items:center;margin:0!important;padding:12px 16px 8px 28px!important;background:var(--natt);color:#D8E3E9;border-radius:var(--r-l);box-shadow:0 2px 0 rgba(12,26,42,.1)}
body.nrc .nrcv-list>li.nrcv-row.nrcv-hid{display:none}
body.nrc .nrcv-nr{position:absolute;left:0;top:14px;min-width:24px;height:30px;padding:0 6px 0 5px;display:flex;align-items:center;justify-content:center;background:var(--flagg);color:#fff;font:700 14px/1 var(--font-h);border-radius:0 6px 6px 0}
body.nrc .nrcv-row:first-child .nrcv-nr{background:var(--lys);color:var(--natt)}

body.nrc .nrcv-logo{grid-area:logo;align-self:stretch;display:flex;align-items:center;justify-content:center;width:104px;min-height:84px;border-radius:var(--r-m);background:#fff;padding:8px;text-decoration:none}
body.nrc .nrcv-logo img{width:100%;height:auto;max-height:84px;object-fit:contain;margin:0;border-radius:0}

body.nrc .nrcv-info{grid-area:info;min-width:0}
body.nrc .nrcv-navn{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin:0 0 4px}
body.nrc .nrcv-navn b{font:700 18px/1.2 var(--font-h);color:#fff}
body.nrc .nrcv-poeng{display:inline-flex;align-items:center;gap:4px;font:700 13.5px/1 var(--font-h);color:var(--gull)}
body.nrc .nrcv-poeng svg{width:15px;height:15px}
body.nrc .nrcv-rolle{font:700 10.5px/1 var(--font-h);text-transform:uppercase;letter-spacing:.5px;color:var(--natt);background:var(--lys);border-radius:3px;padding:4px 6px}
body.nrc .nrcv-fakta{list-style:none;margin:0;padding:0;display:grid;gap:3px}
body.nrc .nrcv-fakta li{display:flex;align-items:center;gap:7px;font:400 13.5px/1.35 var(--font-t);color:#D8E3E9;margin:0;white-space:nowrap}
body.nrc .nrcv-fakta li svg{width:16px;height:16px;color:var(--lys);flex:0 0 auto}

body.nrc .nrcv-bonus{grid-area:bonus;text-align:center;border-left:1px solid var(--natt-3);border-right:1px solid var(--natt-3);padding:2px 10px}
body.nrc .nrcv-bonus small{display:block;font:700 10.5px/1.2 var(--font-h);text-transform:uppercase;letter-spacing:.6px;color:#9FB2BE}
body.nrc .nrcv-sum{display:block;margin:2px 0 1px;font:700 25px/1.05 var(--font-h);color:var(--gull);white-space:nowrap}
body.nrc .nrcv-sum i{font-style:normal;font-size:15px;margin-left:2px}
body.nrc .nrcv-fs{display:block;font:700 14px/1.3 var(--font-h);color:#fff}
body.nrc .nrcv-wag{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:3px;text-wrap:balance;font:600 12px/1.3 var(--font-t);color:#9FB2BE}
body.nrc .nrcv-wag svg{width:13px;height:13px}

body.nrc .nrcv-cta{grid-area:cta;display:grid;gap:7px;justify-items:stretch;padding:0 2px}
body.nrc a.nrcv-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:var(--r-s);background:var(--lys);color:var(--natt)!important;text-decoration:none;font:700 14px/1.1 var(--font-h);text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
body.nrc a.nrcv-btn:hover{background:#4BE3B0}
body.nrc a.nrcv-btn svg{width:17px;height:17px}
body.nrc a.nrcv-om{display:block;text-align:center;font:600 13px/1.3 var(--font-t);color:#DCE6EC!important;text-decoration:underline;text-underline-offset:3px}

body.nrc .nrcv-foot{grid-area:foot;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 14px;margin-top:6px;padding-top:6px;border-top:1px solid var(--natt-3);font:400 11.5px/1.45 var(--font-t);color:#8FA3AF}
body.nrc .nrcv-chips{display:flex;flex-wrap:wrap;gap:6px}
body.nrc .nrcv-chips span{display:inline-flex;align-items:center;gap:5px;font:600 11.5px/1 var(--font-t);color:#C9D6DE;background:var(--natt-2);border-radius:3px;padding:4px 7px}
body.nrc .nrcv-chips span svg{width:13px;height:13px;color:var(--lys)}

/* == nrcv·more == */
body.nrc .nrcv-morebar{display:flex;justify-content:center;margin:14px 0 0}
body.nrc .nrcv-morebar label{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:8px 22px;border-radius:var(--r-s);background:var(--ark);border:2px solid var(--natt);color:var(--natt);font:700 14px/1 var(--font-h);cursor:pointer}
body.nrc .nrcv-morebar label svg{width:18px;height:18px}
body.nrc .nrcv-morebar .nrcv-less{display:none}
body.nrc .nrcv-ansvar{margin:12px 0 0;font:400 12.5px/1.55 var(--font-t);color:var(--blekk-2)}
body.nrc .nrcv-ansvar a{color:var(--lys-mork)!important}

/* show-all -> filters (samme spesifisitet, filtre sist) */
body.nrc .nrcv-wrap:has(.nrcv-more:checked) .nrcv-list>li.nrcv-row.nrcv-hid{display:grid}
body.nrc .nrcv-wrap:has(.nrcv-more:checked) .nrcv-morebar .nrcv-mer{display:none}
body.nrc .nrcv-wrap:has(.nrcv-more:checked) .nrcv-morebar .nrcv-less{display:inline}
body.nrc .nrcv-wrap:has(.nrcv-f[value="fs"]:checked) .nrcv-list>li.nrcv-row:not(.nrcv-m-fs){display:none}
body.nrc .nrcv-wrap:has(.nrcv-f[value="stor"]:checked) .nrcv-list>li.nrcv-row:not(.nrcv-m-stor){display:none}
body.nrc .nrcv-wrap:has(.nrcv-f[value="ny"]:checked) .nrcv-list>li.nrcv-row:not(.nrcv-m-ny){display:none}
body.nrc .nrcv-wrap:has(.nrcv-f[value="mga"]:checked) .nrcv-list>li.nrcv-row:not(.nrcv-m-mga){display:none}
body.nrc .nrcv-wrap:has(.nrcv-f[value="fs"]:checked) .nrcv-fbar label[data-f="fs"],
body.nrc .nrcv-wrap:has(.nrcv-f[value="stor"]:checked) .nrcv-fbar label[data-f="stor"],
body.nrc .nrcv-wrap:has(.nrcv-f[value="ny"]:checked) .nrcv-fbar label[data-f="ny"],
body.nrc .nrcv-wrap:has(.nrcv-f[value="mga"]:checked) .nrcv-fbar label[data-f="mga"],
body.nrc .nrcv-wrap:has(.nrcv-f[value="alle"]:checked) .nrcv-fbar label[data-f="alle"]{background:var(--natt);color:#fff;border-bottom-color:var(--lys)}
body.nrc .nrcv-wrap:has(.nrcv-f[value="fs"]:checked) .nrcv-fbar label[data-f="fs"] svg,
body.nrc .nrcv-wrap:has(.nrcv-f[value="stor"]:checked) .nrcv-fbar label[data-f="stor"] svg,
body.nrc .nrcv-wrap:has(.nrcv-f[value="ny"]:checked) .nrcv-fbar label[data-f="ny"] svg,
body.nrc .nrcv-wrap:has(.nrcv-f[value="mga"]:checked) .nrcv-fbar label[data-f="mga"] svg,
body.nrc .nrcv-wrap:has(.nrcv-f[value="alle"]:checked) .nrcv-fbar label[data-f="alle"] svg{color:var(--lys)}
body.nrc .nrcv-wrap:has(.nrcv-f:not([value="alle"]):checked) .nrcv-morebar{display:none}

/* == nrcv·narrow (container) == */
@container (max-width:720px){
  body.nrc .nrcv-list>li.nrcv-row{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"logo info" "bonus bonus" "cta cta" "foot foot";gap:8px 12px;padding:12px 12px 8px 12px!important}
  body.nrc .nrcv-list>li.nrcv-row.nrcv-hid{display:none}
  body.nrc .nrcv-wrap:has(.nrcv-more:checked) .nrcv-list>li.nrcv-row.nrcv-hid{display:grid}
  body.nrc .nrcv-logo{width:76px;min-height:64px;padding:5px}
  body.nrc .nrcv-logo img{max-height:64px}
  body.nrc .nrcv-nr{top:8px;height:26px}
  body.nrc .nrcv-bonus{border:0;border-top:1px solid var(--natt-3);padding:6px 0 0;display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:12px;align-items:baseline}
  body.nrc .nrcv-bonus small{grid-column:1/-1}
  body.nrc .nrcv-sum{font-size:24px}
  body.nrc .nrcv-wag{grid-column:1/-1;justify-content:center}
  body.nrc .nrcv-cta{grid-template-columns:1fr auto;align-items:center}
  body.nrc .nrcv-fakta li:nth-child(n+2){display:none}
  body.nrc .nrcv-foot>span:last-child{display:none}
  body.nrc a.nrcv-btn{min-height:46px}
  body.nrc .nrcv-navn b{font-size:17px}
}