@charset "utf-8";
/* ==========================================================================
   danskecasino.net — ВИТРИНА «TAVLE-BORD». Прогон dkn, этап 08, 20.09.2026.
   Порядок секций повторяет порядок блоков разметки; каждая секция обрамлена
   парой комментариев {dknv|имя} … /{dknv|имя} (05.0к).
   ⛔ Префикс `dknv` живёт ТОЛЬКО внутри витрины: общий чекер C11.4 матчит его
      подстрокой и посчитал бы витриной любую плашку каркаса.
   ⛔ Селекторы пишутся с тем же контейнером, что и скин (`body.dkn-krop …`):
      типографика каркаса (`.dkn-tekst li`, `.dkn-tekst img`) иначе перебивает
      строку витрины и раздувает её вдвое (08.0-5 / 08.18a).
   ========================================================================== */

/* {dknv|tokens} */
body.dkn-krop .dknv-wrap{
  --dknv-ark:#ffffff;          /* лист строки */
  --dknv-plade:#ffffff;        /* плитка знака — всегда светлая (07.8a) */
  --dknv-kridt:#f4f5f2;
  --dknv-linje:#d8dad6;
  --dknv-blaek:#15181c;
  --dknv-blaek-2:#5a6169;
  --dknv-grafit:#23262a;
  --dknv-groen:#00893f;
  --dknv-groen-m:#046a32;      /* фон CTA: 6.7:1 с белым (08.21), светлее нельзя */
  --dknv-groen-d:#03552a;
  --dknv-guld:#7f6309;   /* 5.7:1 на бумаге и 5.1:1 на меле — 12.5px требует 4.5 (08.21) */
  --dknv-txt:'Asap',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --dknv-ark-f:'Exo 2','Asap',system-ui,Arial,sans-serif;
  --dknv-num:'Azeret Mono',ui-monospace,Consolas,monospace;
  container-type:inline-size;   /* строка меряется по КОЛОНКЕ, а не по окну */
  display:block;margin:0 0 28px;padding:0;clear:both;float:none;
  grid-column:1/-1;flex:1 1 100%;width:100%;max-width:100%;min-width:0;
  font-family:var(--dknv-txt);color:var(--dknv-blaek);text-align:left;
}
/* /{dknv|tokens} */

/* {dknv|hoved} — заголовок, лид и строка доверия */
body.dkn-krop .dknv-wrap h2.dknv-h{
  margin:0 0 6px;font:700 25px/1.26 var(--dknv-ark-f);letter-spacing:-.014em;
  color:var(--dknv-blaek);text-transform:none}
body.dkn-krop .dknv-wrap p.dknv-lead{
  margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--dknv-blaek-2)}
body.dkn-krop .dknv-wrap .dknv-tavle{
  display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;
  padding:8px 12px;margin:0 0 10px;border:1px solid var(--dknv-linje);
  border-left:3px solid var(--dknv-groen);background:var(--dknv-kridt);
  font-size:12.5px;color:var(--dknv-blaek-2)}
body.dkn-krop .dknv-wrap .dknv-tavle b{
  font:600 12.5px/1 var(--dknv-num);color:var(--dknv-blaek)}
/* /{dknv|hoved} */

/* {dknv|filtre} — оси печатаются, только если режут ИМЕННО этот набор (08.0-3) */
body.dkn-krop .dknv-wrap .dknv-kryds{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
body.dkn-krop .dknv-wrap .dknv-filtre{
  display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;gap:6px;margin:0 0 10px;padding:0 0 2px}
body.dkn-krop .dknv-wrap .dknv-filtre::-webkit-scrollbar{display:none}
body.dkn-krop .dknv-wrap .dknv-filtre label{
  flex:0 0 auto;white-space:nowrap;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 11px;border:1px solid var(--dknv-linje);background:var(--dknv-ark);
  font-size:12.5px;line-height:1;color:var(--dknv-blaek);margin:0}
body.dkn-krop .dknv-wrap .dknv-filtre label::before{
  content:"";width:11px;height:11px;border:1px solid #9aa0a6;background:#fff;flex:0 0 auto}
body.dkn-krop .dknv-wrap .dknv-kryds:checked+label{
  border-color:var(--dknv-groen);box-shadow:inset 0 -2px 0 var(--dknv-groen)}
body.dkn-krop .dknv-wrap .dknv-kryds:checked+label::before{
  background:var(--dknv-groen);border-color:var(--dknv-groen)}
body.dkn-krop .dknv-wrap .dknv-kryds:focus-visible+label{outline:2px solid var(--dknv-groen);outline-offset:1px}
/* /{dknv|filtre} */

/* {dknv|liste} — строка-табло: один грид с областями, без вложенных флексов */
body.dkn-krop .dknv-wrap ol.dknv-list{
  list-style:none;margin:0;padding:0;counter-reset:none;display:block}
body.dkn-krop .dknv-wrap .dknv-list>li{
  display:grid;grid-template-columns:34px 88px minmax(0,1fr) minmax(0,228px) 166px;
  grid-template-areas:"rk logo navn tilbud cta" "fakta fakta fakta fakta cta" "mere mere mere mere mere";
  align-items:center;column-gap:14px;row-gap:7px;
  margin:0 0 10px!important;padding:12px 15px!important;
  border:1px solid var(--dknv-linje);border-left:3px solid var(--dknv-linje);
  background:var(--dknv-ark);list-style:none}
body.dkn-krop .dknv-wrap .dknv-list>li::before,
body.dkn-krop .dknv-wrap .dknv-list>li::after{content:none!important;display:none!important}
body.dkn-krop .dknv-wrap .dknv-list>li.dknv-foer{border-left-color:var(--dknv-groen)}
body.dkn-krop .dknv-wrap .dknv-list>li:hover{border-color:#b9bdb8}

body.dkn-krop .dknv-wrap .dknv-rk{grid-area:rk;
  font:600 17px/1 var(--dknv-num);color:var(--dknv-blaek-2);text-align:center}
body.dkn-krop .dknv-wrap .dknv-list>li.dknv-foer .dknv-rk{color:var(--dknv-groen)}

body.dkn-krop .dknv-wrap .dknv-plade{grid-area:logo;
  display:flex!important;align-items:center;justify-content:center;
  width:88px!important;height:64px!important;padding:6px!important;
  background:var(--dknv-plade)!important;border:1px solid var(--dknv-linje)!important;
  float:none!important;position:static!important;margin:0!important}
body.dkn-krop .dknv-wrap .dknv-plade img{
  display:block!important;width:auto!important;height:auto!important;
  max-width:100%!important;max-height:52px!important;object-fit:contain!important;
  border:0!important;margin:0!important;padding:0!important;background:none!important}

body.dkn-krop .dknv-wrap .dknv-navn{grid-area:navn;min-width:0}
body.dkn-krop .dknv-wrap .dknv-navn a.dknv-titel{
  font:700 17px/1.2 var(--dknv-ark-f);color:var(--dknv-blaek);text-decoration:none}
body.dkn-krop .dknv-wrap .dknv-navn a.dknv-titel:hover{text-decoration:underline}
body.dkn-krop .dknv-wrap .dknv-navn span.dknv-titel{font:700 17px/1.2 var(--dknv-ark-f)}
body.dkn-krop .dknv-wrap .dknv-chips{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 0}
body.dkn-krop .dknv-wrap .dknv-chip{
  display:inline-block;padding:2px 7px;font-size:11.5px;line-height:1.5;
  background:var(--dknv-kridt);border:1px solid var(--dknv-linje);color:var(--dknv-blaek-2)}
body.dkn-krop .dknv-wrap .dknv-chip--n{
  background:#eaf5ee;border-color:#bfe0cc;color:#0c5c32}
body.dkn-krop .dknv-wrap .dknv-karat{
  font:600 12.5px/1 var(--dknv-num);color:var(--dknv-guld)}

body.dkn-krop .dknv-wrap .dknv-tilbud{grid-area:tilbud;min-width:0}
body.dkn-krop .dknv-wrap .dknv-sum{
  display:block;font:700 15.5px/1.3 var(--dknv-ark-f);color:var(--dknv-blaek);
  overflow-wrap:break-word}
body.dkn-krop .dknv-wrap .dknv-vilkaar{
  display:block;margin-top:3px;font:400 12px/1.45 var(--dknv-num);color:var(--dknv-blaek-2)}

body.dkn-krop .dknv-wrap .dknv-cta{grid-area:cta;display:block;padding:0 4px;text-align:center}
body.dkn-krop .dknv-wrap a.dknv-knap{
  display:block;padding:11px 10px;background:var(--dknv-groen-m);color:#fff!important;
  font:700 14px/1.15 var(--dknv-ark-f);text-align:center;text-decoration:none!important;
  border:0}
body.dkn-krop .dknv-wrap a.dknv-knap:hover{background:var(--dknv-groen-d)}
body.dkn-krop .dknv-wrap a.dknv-anm{
  display:inline-block;margin-top:6px;font-size:12px;color:#1a4fbe;text-decoration:none}
body.dkn-krop .dknv-wrap a.dknv-anm:hover{text-decoration:underline}

body.dkn-krop .dknv-wrap .dknv-fakta{grid-area:fakta;min-width:0;
  padding-top:6px;border-top:1px dotted var(--dknv-linje);
  font:400 12px/1.5 var(--dknv-txt);color:var(--dknv-blaek-2);
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.dkn-krop .dknv-wrap .dknv-fakta b{font-weight:600;color:var(--dknv-blaek)}
/* /{dknv|liste} */

/* {dknv|foldud} — развороты пилюлями в один ряд */
body.dkn-krop .dknv-wrap .dknv-mere{grid-area:mere;display:flex;flex-wrap:wrap;gap:6px;min-width:0}
body.dkn-krop .dknv-wrap details.dknv-fold{
  flex:0 0 auto;border:1px solid var(--dknv-linje);background:var(--dknv-kridt)}
body.dkn-krop .dknv-wrap details.dknv-fold[open]{flex:1 1 100%;background:var(--dknv-ark)}
body.dkn-krop .dknv-wrap details.dknv-fold>summary{
  list-style:none;cursor:pointer;padding:5px 10px;font-size:12px;line-height:1.35;
  color:var(--dknv-blaek);white-space:nowrap}
body.dkn-krop .dknv-wrap details.dknv-fold>summary::-webkit-details-marker{display:none}
body.dkn-krop .dknv-wrap details.dknv-fold>summary::after{content:" +";color:var(--dknv-groen)}
body.dkn-krop .dknv-wrap details.dknv-fold[open]>summary::after{content:" –"}
body.dkn-krop .dknv-wrap .dknv-fold__i{
  padding:2px 10px 9px;font-size:12.5px;line-height:1.55;color:var(--dknv-blaek-2)}
body.dkn-krop .dknv-wrap .dknv-fold__i b{color:var(--dknv-blaek);font-weight:600}
body.dkn-krop .dknv-wrap .dknv-fold__i ul{margin:4px 0 0;padding:0 0 0 16px}
body.dkn-krop .dknv-wrap .dknv-fold__i li{margin:0 0 2px!important;padding:0!important;font-size:12.5px}
/* /{dknv|foldud} */

/* {dknv|bund} — «vis alle», дисклеймер */
body.dkn-krop .dknv-wrap .dknv-bund{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:2px 0 0}
body.dkn-krop .dknv-wrap label.dknv-vis{
  cursor:pointer;display:inline-block;padding:9px 16px;
  border:1px solid var(--dknv-grafit);background:var(--dknv-grafit);color:#fff;
  font:600 13px/1.15 var(--dknv-ark-f)}
body.dkn-krop .dknv-wrap label.dknv-vis:hover{background:var(--dknv-grafit)}
body.dkn-krop .dknv-wrap .dknv-more:focus-visible+label.dknv-vis{outline:2px solid var(--dknv-groen);outline-offset:2px}
body.dkn-krop .dknv-wrap label.dknv-vis .dknv-vis__b{display:none}
body.dkn-krop .dknv-wrap p.dknv-oplys{
  margin:10px 0 0;font-size:12px;line-height:1.55;color:var(--dknv-blaek-2)}
body.dkn-krop .dknv-wrap p.dknv-oplys a{color:#1a4fbe}
/* /{dknv|bund} */

/* {dknv|skift} — порядок правил обязателен: хвост → «vis alle» → фильтры (08.0-2) */
body.dkn-krop .dknv-wrap .dknv-list>li.dknv-hid{display:none}
body.dkn-krop .dknv-wrap:has(.dknv-more:checked) .dknv-list>li.dknv-hid{display:grid}
body.dkn-krop .dknv-wrap:has(.dknv-more:checked) label.dknv-vis .dknv-vis__a{display:none}
body.dkn-krop .dknv-wrap:has(.dknv-more:checked) label.dknv-vis .dknv-vis__b{display:inline}
body.dkn-krop .dknv-wrap:has(.dknv-f-sport:checked) .dknv-list>li:not(.dknv-m-sport){display:none}
body.dkn-krop .dknv-wrap:has(.dknv-f-mobilepay:checked) .dknv-list>li:not(.dknv-m-mobilepay){display:none}
body.dkn-krop .dknv-wrap:has(.dknv-f-applepay:checked) .dknv-list>li:not(.dknv-m-applepay){display:none}
body.dkn-krop .dknv-wrap:has(.dknv-f-freespins:checked) .dknv-list>li:not(.dknv-m-freespins){display:none}
body.dkn-krop .dknv-wrap:has(.dknv-f-nodep:checked) .dknv-list>li:not(.dknv-m-nodep){display:none}
body.dkn-krop .dknv-wrap:has(.dknv-f-pakke:checked) .dknv-list>li:not(.dknv-m-pakke){display:none}
body.dkn-krop .dknv-wrap:has(.dknv-f-kendt:checked) .dknv-list>li:not(.dknv-m-kendt){display:none}
body.dkn-krop .dknv-wrap:has(.dknv-f-ny:checked) .dknv-list>li:not(.dknv-m-ny){display:none}
/* /{dknv|skift} */

/* {dknv|smal} — узкая колонка и телефон: меряем КОНТЕЙНЕР, не окно */
@container (max-width:700px){
  body.dkn-krop .dknv-wrap .dknv-list>li{
    grid-template-columns:30px 64px minmax(0,1fr);
    grid-template-areas:"rk logo navn" "tilbud tilbud tilbud" "cta cta cta" "fakta fakta fakta" "mere mere mere";
    column-gap:10px;row-gap:8px;padding:11px 12px!important}
  body.dkn-krop .dknv-wrap .dknv-plade{width:64px!important;height:52px!important}
  body.dkn-krop .dknv-wrap .dknv-plade img{max-height:42px!important}
  body.dkn-krop .dknv-wrap .dknv-cta{padding:0}
  body.dkn-krop .dknv-wrap .dknv-fakta{-webkit-line-clamp:3}
  body.dkn-krop .dknv-wrap .dknv-chip--skjul{display:none}
  body.dkn-krop .dknv-wrap details.dknv-fold>summary{padding:6px 9px}
}
@media (max-width:820px){
  body.dkn-krop .dknv-wrap h2.dknv-h{font-size:22px}
  body.dkn-krop .dknv-wrap .dknv-tavle{font-size:12px;padding:7px 10px}
  body.dkn-krop .dknv-wrap a.dknv-knap{padding:12px 10px}
  body.dkn-krop .dknv-wrap label.dknv-vis{width:100%;text-align:center}
}
/* /{dknv|smal} */

/* {dknv|svoeb} — витрину не должна зажимать чужая раскладка (08.17), но ширину
   контейнера темы НЕ трогаем ни при каких условиях (08.17a) */
body.dkn-krop .dkn-tekst div:has(>.dknv-wrap),
body.dkn-krop .dkn-tekst section:has(>.dknv-wrap){
  display:block!important;float:none!important;width:100%!important;
  max-width:none!important;min-width:0!important;overflow:visible!important}
body.dkn-krop .dkn-svoeb:has(.dknv-wrap){overflow:visible!important}
/* /{dknv|svoeb} */