/* Витрина `aokv` «Dalahäst» — allaonlinekasinon.com (шаблон №202, гео SE).
   Подпись раскладки: справа ОТРЫВНОЙ БИЛЕТ с бонусом в кронах (перфорация — точечная граница).
   У соседей по SE: «Jetong» (oct), «Betygstabell» (ocb), «Blå Vinter» (svc), «Insidern» (spi),
   «Nordstjärna» (tok). Палитра каркаса «Falu Röd»: #8f3428, охра #d9962b, кремовый #faf5ee. */

.aokv-wrap{--aokv-red:#8f3428;--aokv-red2:#6d271e;--aokv-ochre:#d9962b;--aokv-ochre2:#8a5f08;
  --aokv-cream:#faf5ee;--aokv-ink:#24201d;--aokv-dim:#5d554e;--aokv-line:#e3dad0;
  display:block;margin:26px 0 34px;max-width:100%;box-sizing:border-box;color:var(--aokv-ink);
  font:15px/1.55 Arial,Helvetica,sans-serif;text-align:left}
.aokv-wrap *{box-sizing:border-box}
.aokv-h2{margin:0 0 8px;font:700 25px/1.2 Arial,sans-serif;color:var(--aokv-red)}
.aokv-lead{margin:0 0 16px;color:var(--aokv-dim);font-size:14px;max-width:74ch}

.aokv-fi,.aokv-all{position:absolute;opacity:0;pointer-events:none}
.aokv-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.aokv-filters label{display:inline-block;padding:7px 14px;border:1px solid var(--aokv-line);
  border-radius:999px;background:#fff;color:var(--aokv-ink);font-size:13px;cursor:pointer;user-select:none}
.aokv-filters label:hover{border-color:var(--aokv-red);color:var(--aokv-red)}
.aokv-filters label b{color:#7d5b06;font-weight:700}   /* контраст на белом ≥4.5 */

.aokv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
/* колонка контента 888 px (правило владельца) — сетка карточки ужата под неё */
.aokv-list>li{display:grid;grid-template-columns:38px 150px 1fr 210px;gap:8px 12px;align-items:center;
  background:#fff;border:1px solid var(--aokv-line);border-radius:10px;padding:12px 14px}
.aokv-list>li.aokv-top{border-color:var(--aokv-red);box-shadow:0 3px 14px rgba(143,52,40,.16)}

.aokv-rank{grid-column:1;justify-self:center;display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;background:var(--aokv-cream);border:1px solid var(--aokv-line);
  color:var(--aokv-red);font-weight:700;font-size:16px}
.aokv-list>li.aokv-top .aokv-rank{background:var(--aokv-red);border-color:var(--aokv-red);color:#fff}

/* ⚠️ владелец 18.08.2026: «заливку на логотипах убери». Плашка без фона и рамки —
   логотип лежит прямо на карточке. Полярность (--dark) больше ничего не красит. */
.aokv-plate{grid-column:2;display:flex;align-items:center;justify-content:center;width:150px;height:56px;
  background:transparent;border:0;border-radius:0;padding:5px}
.aokv-plate--dark{background:transparent;border-color:transparent}
.aokv-plate img{max-width:100%;max-height:100%;width:auto;height:auto;display:block}
.aokv-noplate{color:var(--aokv-red);font-weight:700;font-size:15px;text-align:center}

.aokv-mid{grid-column:3;min-width:0}
.aokv-name{display:block;font:700 17px/1.25 Arial,sans-serif;color:var(--aokv-ink)}
.aokv-name a{color:var(--aokv-red);text-decoration:none;border-bottom:1px solid rgba(143,52,40,.35)}
.aokv-name a:hover{color:var(--aokv-ochre2)}
.aokv-score{margin-left:8px;font:700 12px/1 Arial,sans-serif;color:var(--aokv-ochre2)}
.aokv-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.aokv-chip,.aokv-chips span{display:inline-block;padding:3px 9px;border:1px solid var(--aokv-line);
  border-radius:999px;background:var(--aokv-cream);color:var(--aokv-dim);font-size:12px;line-height:1.5}
.aokv-chip--aud{border-color:var(--aokv-red);color:var(--aokv-red)}

/* «билет» с суммой — подпись этой витрины */
.aokv-act{grid-column:4;display:flex;flex-direction:column;gap:8px}
.aokv-offer{position:relative;background:var(--aokv-red);color:#fff;border-radius:8px;padding:9px 12px 9px 16px}
.aokv-offer:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:0;
  border-left:2px dotted rgba(255,255,255,.55)}
.aokv-offer b{display:block;font:700 16px/1.25 Arial,sans-serif;color:#fff}
.aokv-offer i{display:block;font-style:normal;font-size:11.5px;color:#e0d5f5;margin-top:3px}
.aokv-cta{display:block;padding:11px 14px;border-radius:8px;background:var(--aokv-ochre);color:#22202b;
  font:700 15px/1.2 Arial,sans-serif;text-align:center;text-decoration:none}
.aokv-cta:hover{background:#c07f12;color:#22202b}
.aokv-rev{display:block;text-align:center;color:var(--aokv-red);font-size:12.5px;text-decoration:none;
  border-bottom:1px dotted rgba(143,52,40,.4);align-self:center}
.aokv-rev:hover{color:var(--aokv-ochre2)}
.aokv-norev{display:block;text-align:center;color:var(--aokv-dim);font-size:12px}

.aokv-more{grid-column:1 / -1;border-top:1px solid var(--aokv-line);padding-top:8px;margin-top:4px}
.aokv-more summary{cursor:pointer;color:var(--aokv-red);font-size:13px;list-style:none}
.aokv-more summary::-webkit-details-marker{display:none}
.aokv-more summary:before{content:"\25B8 ";color:var(--aokv-ochre2)}
.aokv-more[open] summary:before{content:"\25BE "}
.aokv-dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 18px;margin:10px 0}
.aokv-dl div{min-width:0}
.aokv-dl dt{color:var(--aokv-red);font-size:11px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.aokv-dl dd{margin:2px 0 0;color:var(--aokv-ink);font-size:13px;word-break:break-word}

.aokv-morebtn{display:inline-block;margin:14px 0 0;padding:11px 22px;border:2px solid var(--aokv-red);
  border-radius:8px;background:#fff;color:var(--aokv-red);font:700 14px/1.2 Arial,sans-serif;
  cursor:pointer;user-select:none}
.aokv-morebtn:hover{background:var(--aokv-red);color:#fff}

.aokv-note{margin:16px 0 0;color:var(--aokv-dim);font-size:12px;line-height:1.65;max-width:92ch}
.aokv-note a{color:var(--aokv-red)}
.aokv-note b{color:var(--aokv-ink)}
.aokv-arch{margin:10px 0 0;color:var(--aokv-dim);font-size:12px;line-height:1.7}
.aokv-arch b{color:var(--aokv-ink)}
.aokv-arch a{color:var(--aokv-red);text-decoration:none;border-bottom:1px dotted rgba(143,52,40,.35)}
.aokv-arch a:hover{color:var(--aokv-ochre2)}

.aokv-list>li.aokv-hid{display:none}
.aokv-wrap input[id^="aokall"]:checked~.aokv-list>li.aokv-hid{display:grid}
.aokv-wrap input[id^="aokall"]:checked~.aokv-morebtn{display:none}

/* фильтры: отмеченный признак прячет карточки без него (селектор по ПРЕФИКСУ id) */
.aokv-wrap input[id^="aokv-sek"]:checked~.aokv-list>li:not(.aokv-f-sek),
.aokv-wrap input[id^="aokv-swish"]:checked~.aokv-list>li:not(.aokv-f-swish),
.aokv-wrap input[id^="aokv-bank"]:checked~.aokv-list>li:not(.aokv-f-bank),
.aokv-wrap input[id^="aokv-big"]:checked~.aokv-list>li:not(.aokv-f-big),
.aokv-wrap input[id^="aokv-wag"]:checked~.aokv-list>li:not(.aokv-f-wag){display:none}
.aokv-wrap input[id^="aokv-sek"]:checked~.aokv-filters label[for^="aokv-sek"],
.aokv-wrap input[id^="aokv-swish"]:checked~.aokv-filters label[for^="aokv-swish"],
.aokv-wrap input[id^="aokv-bank"]:checked~.aokv-filters label[for^="aokv-bank"],
.aokv-wrap input[id^="aokv-big"]:checked~.aokv-filters label[for^="aokv-big"],
.aokv-wrap input[id^="aokv-wag"]:checked~.aokv-filters label[for^="aokv-wag"]{
  background:var(--aokv-red);border-color:var(--aokv-red);color:#fff}
.aokv-wrap input[id^="aokv-sek"]:checked~.aokv-filters label[for^="aokv-sek"] b,
.aokv-wrap input[id^="aokv-swish"]:checked~.aokv-filters label[for^="aokv-swish"] b,
.aokv-wrap input[id^="aokv-bank"]:checked~.aokv-filters label[for^="aokv-bank"] b,
.aokv-wrap input[id^="aokv-big"]:checked~.aokv-filters label[for^="aokv-big"] b,
.aokv-wrap input[id^="aokv-wag"]:checked~.aokv-filters label[for^="aokv-wag"] b{color:var(--aokv-ochre)}

@media (max-width:900px){
  .aokv-list>li{grid-template-columns:38px 1fr;gap:8px 10px;padding:10px}
  .aokv-plate{grid-column:2;width:100%;max-width:150px;height:44px}
  .aokv-mid,.aokv-act{grid-column:1 / -1}
  .aokv-act{flex-direction:row;align-items:center;gap:8px}
  .aokv-offer{flex:1 1 auto;padding:7px 10px 7px 14px}
  .aokv-offer b{font-size:14px}
  .aokv-offer i{font-size:11px}
  .aokv-cta{flex:0 0 auto;padding:9px 14px;font-size:14px}
  .aokv-name{font-size:16px}
  .aokv-chip,.aokv-chips span{font-size:11px;padding:2px 8px}
  .aokv-h2{font-size:20px}
}

.aokv-wrap input[id^="aokv-fs"]:checked~.aokv-list>li:not(.aokv-f-fs){display:none}
.aokv-wrap input[id^="aokv-fs"]:checked~.aokv-filters label[for^="aokv-fs"]{
  background:var(--aokv-red);border-color:var(--aokv-red);color:#fff}
.aokv-wrap input[id^="aokv-fs"]:checked~.aokv-filters label[for^="aokv-fs"] b{color:var(--aokv-ochre)}
.aokv-chip--aud{border-color:var(--aokv-red);color:var(--aokv-red)}

/* ⚠️ на мобиле строка витрины доросла до 304 px (гейт R9 принимает 150–290): чипов стало
   больше, они переносились в третий ряд. На узком экране показываем первые три. */
@media (max-width:600px){
  .aokv-chips .aokv-chip:nth-child(n+4){display:none}
  .aokv-list>li{padding-top:10px;padding-bottom:10px}
  .aokv-offer{padding:8px 10px}
}