/* ============================================================
   CasinoTop.be — витрина «ctbv» (лицензированный пул BE)
   Строка сравнивает лицензию, игры, live, приложение, выплату и кассы.
   Сумм бонусов нет и быть не может: у держателей вергунинга они запрещены.
   Селекторы пишутся с тем же префиксом-контейнером, что и каркас,
   чтобы типографика скина не раздувала строку.
   ============================================================ */

.ctbv-wrap{background:var(--ctb-surface);border:1px solid var(--ctb-line);border-radius:var(--ctb-r);
  box-shadow:var(--ctb-shadow);padding:20px var(--ctb-pad) 18px;margin:0 0 22px}
.ctbv-wrap__hd{margin:0 0 14px}
.ctbv-wrap__hd h2{margin:0 0 6px;font-size:clamp(21px,2.2vw,26px)}
.ctbv-wrap__hd p{margin:0;color:var(--ctb-mute);font-size:15px;line-height:1.6;max-width:78ch}
.ctbv-wrap__note{margin:14px 0 0;display:flex;gap:8px;align-items:flex-start;
  font-size:13px;line-height:1.55;color:var(--ctb-mute)}
.ctbv-wrap__note .ctb-i{flex:0 0 auto;margin-top:2px;color:var(--ctb-deep)}

/* --- фильтры (без JS: радио + соседние селекторы) --- */
.ctbv-fil{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.ctbv-fil label{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--ctb-line-2);
  background:var(--ctb-paper);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;
  color:var(--ctb-ink-2);cursor:pointer;min-height:40px}
.ctbv-fil label:hover{border-color:var(--ctb-jade);color:var(--ctb-jade-2)}
/* активная кнопка фильтра: радио лежит прямым ребёнком .ctbv, ярлык — в .ctbv-fil */
.ctbv-wrap > input[id^="ctbv-alle-"]:checked ~ .ctbv-fil label[for^="ctbv-alle-"],
.ctbv-wrap > input[id^="ctbv-a-"]:checked ~ .ctbv-fil label[for^="ctbv-a-"],
.ctbv-wrap > input[id^="ctbv-b-"]:checked ~ .ctbv-fil label[for^="ctbv-b-"]{
  background:var(--ctb-deep);border-color:var(--ctb-deep);color:#fff}
.ctbv-wrap > input[id^="ctbv-a-"]:checked ~ .ctbv-fil label[for^="ctbv-a-"] .ctb-i,
.ctbv-wrap > input[id^="ctbv-b-"]:checked ~ .ctbv-fil label[for^="ctbv-b-"] .ctb-i{color:var(--ctb-brass)}

/* --- строки --- */
.ctbv-list{list-style:none;margin:0;padding:0;counter-reset:none}
.ctbv-list > li{display:grid;grid-template-columns:34px 112px minmax(0,1.15fr) minmax(0,1.25fr) 186px;
  gap:16px;align-items:center;padding:25px 0;border-top:1px solid var(--ctb-line)}
.ctbv-list > li:first-of-type{border-top:0}
.ctbv-list > li.ctbv-hid{display:none}
.ctbv-more{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0;padding:9px 15px;min-height:42px;
  border:1px dashed var(--ctb-line-2);border-radius:999px;background:var(--ctb-paper);
  font-size:14px;font-weight:600;color:var(--ctb-deep);cursor:pointer}
.ctbv-more span:nth-child(2){display:none}
.ctbv-all:checked ~ .ctbv-more span:nth-child(1){display:none}
.ctbv-all:checked ~ .ctbv-more span:nth-child(2){display:inline}

.ctbv-n{font-family:var(--ctb-h);font-weight:700;font-size:20px;color:var(--ctb-brass);text-align:center}
.ctbv-logo{display:flex;align-items:center;justify-content:center;width:112px;height:104px;
  border:1px solid var(--ctb-line);border-radius:12px;background:var(--ctb-paper);overflow:hidden}
.ctbv-logo img{width:84px;height:84px;object-fit:contain;border-radius:9px}
.ctbv-id{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.ctbv-name{font-family:var(--ctb-h);font-weight:700;font-size:18px;color:var(--ctb-ink);line-height:1.25}
.ctbv-huis{font-size:12.5px;color:var(--ctb-mute);line-height:1.4}
.ctbv-feit{list-style:none;margin:0;padding:0;display:grid;gap:5px;min-width:0}
.ctbv-feit li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.45;
  color:var(--ctb-ink-2);margin:0}
.ctbv-feit .ctb-i{flex:0 0 auto;color:var(--ctb-deep);margin-top:1px}
.ctbv-act{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.ctbv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;
  padding:11px 16px;border-radius:11px;background:var(--ctb-jade-2);color:#fff;font-weight:700;
  font-size:15px;text-decoration:none;box-shadow:0 8px 18px -12px rgba(21,119,79,.9)}
.ctbv-btn:hover{background:var(--ctb-deep);color:#fff}
.ctbv-rev{text-align:center;font-size:13.5px;color:var(--ctb-ink-2);text-decoration:none}
.ctbv-rev:hover{color:var(--ctb-jade-2);text-decoration:underline}

/* --- хвост и фильтр -----------------------------------------
   Порядок правил важен: «показать все» раскрывает хвост, а фильтр стоит
   НИЖЕ и той же специфичности — значит режет и раскрытый хвост тоже. */
.ctbv-wrap > .ctbv-all:checked ~ .ctbv-list > li.ctbv-hid{display:grid}
.ctbv-wrap > input[id^="ctbv-a-"]:checked ~ .ctbv-list > li[data-lic="B"],
.ctbv-wrap > input[id^="ctbv-b-"]:checked ~ .ctbv-list > li[data-lic="A"]{display:none}

@media (max-width:1040px){
  .ctbv-list > li{grid-template-columns:30px 96px minmax(0,1fr);grid-auto-rows:auto;gap:10px 14px}
  .ctbv-logo{width:96px;height:78px}
  .ctbv-logo img{width:72px;height:72px}
  .ctbv-feit{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));display:grid}
  .ctbv-act{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
  .ctbv-btn{flex:1 1 200px}
}
@media (max-width:520px){
  .ctbv-list > li{grid-template-columns:26px 68px minmax(0,1fr);gap:8px 10px;padding:13px 0}
  .ctbv-logo{width:68px;height:60px}
  .ctbv-logo img{width:50px;height:50px}
  .ctbv-id{grid-column:3;gap:4px}
  .ctbv-name{font-size:16.5px}
  .ctbv-feit li{font-size:13px;line-height:1.35}
  .ctbv-feit li:nth-child(n+4){display:none}   /* четвёртый факт есть в обзоре */
  .ctbv-act{gap:8px}
  .ctbv-btn{min-height:44px;padding:10px 12px;font-size:14.5px}
}

/* ── ctbv:tik >> — цели нажатия витрины на телефоне ≥44 px ───────────────────────────────── */
@media (max-width:860px){
  .ctbv-rev,
  .ctbv-all,
  .ctbv-more,
  label.ctbv-chip,
  .ctbv-wrap label{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}
/* << ctbv:tik */