/* CheCasinos · общие блоки страниц-списков (inc/cc-design.php), 2026-10-20 */

/* overflow-x:hidden у html/body делал body контейнером прокрутки — липкая шапка не прилипала; clip обрезает так же, но без этого (2026-10-21) */
@supports (overflow:clip){html,body{overflow-x:clip!important;overflow-y:visible!important}}

/* шапка и меню — template-parts/checasinos-topbar.php (одна на всех страницах), 2026-10-21 */
.cc-topbar{position:sticky;top:0;z-index:40;background:#0B2A47}
.cc-topbar .cc-head{position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:1!important;transition:none!important;color:#fff!important}   /* родительская тема: header{position:fixed;z-index:9998} */
.cc-head{background:#0B2A47;color:#fff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:60px;box-sizing:border-box}
.cc-head-logo{display:flex;align-items:center;text-decoration:none;color:#fff;flex:none}
.cc-head-logo img{display:block;height:auto}
.cc-head-tools{display:flex;align-items:center;gap:6px}
.cc-head-cur{color:#fff!important;white-space:nowrap;display:inline-flex!important;align-items:center;gap:5px}
.cc-head-cur img{border-radius:2px;display:block}
.cc-head-btn{background:transparent;border:1px solid #1E4E77;color:#fff;width:40px;height:40px;border-radius:4px;font-size:17px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s}
.cc-head-btn:hover{border-color:#4AA3DB;background:#12395C}
#navMenu{background:#0B2A47;border-top:1px solid #12395C}
#navMenu a{display:block;padding:13px 16px;color:#fff;text-decoration:none;font-weight:600;font-size:15px;border-bottom:1px solid #12395C;min-height:46px;box-sizing:border-box;border-left:3px solid transparent;transition:background .2s,color .2s}
#navMenu a:last-child{border-bottom:0}
#navMenu a.is-active{border-left-color:#F5B301;background:#12395C;color:#fff}
.cc-strip{background:#12395C;color:#AFC7DE;font-size:11px;padding:6px 16px;text-align:center;line-height:1.45}
@media (max-width:768px){
  #navMenu{max-height:calc(100svh - 80px);overflow-y:auto;overscroll-behavior:contain}
}
@media (max-width:360px){
  .cc-head{padding:10px 8px}
  .cc-head-tools{gap:4px}
}
@media (max-width:330px){.cc-head-cur{display:none!important}}
@media (min-width:769px){
  .cc-topbar{position:static}              /* на десктопе шапка не прилипает — меню в две строки и не перекрывает текст */
  #navBtn{display:none!important}
  #navMenu{display:flex!important;flex-wrap:wrap;justify-content:center;gap:0 2px;padding:4px 8px 0;max-height:none;overflow:visible}
  #navMenu a{display:flex;align-items:center;white-space:nowrap;font-size:13.5px;padding:10px 11px 8px;min-height:40px;border:0;border-bottom:3px solid transparent;border-radius:4px 4px 0 0}
  #navMenu a:hover{background:#12395C}
  #navMenu a.is-active{border-left:0;border-bottom-color:#F5B301;background:transparent;color:#F5B301}
}

/* строка редакции под H1 */
.cc-byline{font-size:12.5px;color:#6B7F94;line-height:1.55;margin-top:8px}
.cc-byline a{color:#1D6FA8;text-decoration:none;font-weight:600}
.cc-byline a:hover{text-decoration:underline}

/* компактный список казино */
.cc-rows-wrap{padding:0 16px 22px}
.cc-rows-h{margin-bottom:4px}
.cc-rows-note{margin:0 0 12px;font-size:13.5px;color:#48627A;line-height:1.5}
.cc-rows-meta{font-size:13px;color:#48627A;margin:0 0 10px;line-height:1.45}
.cc-rows-meta b{color:#0B2A47}
.cc-rows-meta a{color:#1D6FA8;font-weight:600;text-decoration:none}
.cc-rows-note a{color:#1D6FA8;font-weight:600;text-decoration:none}
.cc-rows{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cc-row-c{background:#fff;border:1px solid #E1E8F0;border-radius:6px;padding:12px;display:grid;gap:10px;transition:border-color .2s,box-shadow .2s}
.cc-row-c:hover{border-color:#B9D3EA;box-shadow:0 6px 18px -12px rgba(11,42,71,.35)}
.cc-row-c.is-top{border-color:#F5DE9B;box-shadow:0 0 0 1px #F5DE9B inset}
.cc-row-top{display:flex;align-items:center;gap:10px}
.cc-row-n{flex:none;width:26px;height:26px;border-radius:4px;background:#F5F8FC;border:1px solid #E1E8F0;color:#48627A;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.cc-row-c.is-top .cc-row-n{background:#F5B301;border-color:#F5B301;color:#0B2A47}
.cc-row-logo{flex:none;width:64px;height:42px;border-radius:4px;padding:5px;display:flex;align-items:center;justify-content:center;text-decoration:none}
.cc-row-logo span{font-weight:800;color:#fff}
.cc-row-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.cc-row-name a{font-weight:800;font-size:15.5px;color:#0B2A47;text-decoration:none;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-row-score{font-size:13px;color:#48627A}
.cc-row-stars{color:#F5B301;letter-spacing:1px;font-size:12px}
.cc-row-score b{color:#1FA85A}
.cc-row-badge{flex:none;background:#0B2A47;color:#F5B301;font-size:10.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:4px 7px;border-radius:4px}
.cc-row-bonus{background:#FFF7E0;border:1px solid #F5DE9B;border-radius:4px;padding:9px 11px;display:flex;flex-direction:column;gap:2px}
.cc-row-bonus span{font-size:10.5px;font-weight:700;color:#8A6D12;text-transform:uppercase;letter-spacing:.4px}
.cc-row-bonus b{font-size:16px;line-height:1.3;color:#0B2A47;text-wrap:pretty}
.cc-row-metric{font-size:13px;font-weight:700;color:#1D6FA8}
.cc-row-cta{display:flex;gap:8px;align-items:stretch}
.cc-row-cta .cta{flex:1;font-size:15px;padding:12px;min-height:46px;transition:transform .15s,filter .15s}
.cc-row-cta .cta:active{transform:translateY(1px)}
.cc-row-cta .cta:hover{filter:brightness(1.04)}
.cc-row-rev{flex:none;display:flex;align-items:center;justify-content:center;padding:0 14px;border:1.5px solid #CBD7E5;border-radius:4px;color:#0B2A47;font-weight:700;font-size:14px;text-decoration:none}
.cc-row-rev:hover{border-color:#4AA3DB;color:#1D6FA8}
.cc-row-det summary{cursor:pointer;font-size:13px;font-weight:700;color:#1D6FA8;list-style:none}
.cc-row-det summary::-webkit-details-marker{display:none}
.cc-row-det summary::after{content:' ▾'}
.cc-row-det[open] summary::after{content:' ▴'}
.cc-row-det dl{margin:8px 0 0;display:grid;gap:6px}
.cc-row-det dl div{display:flex;justify-content:space-between;gap:12px;font-size:13px;border-top:1px solid #EEF2F7;padding-top:6px}
.cc-row-det dt{color:#6B7F94}
.cc-row-det dd{margin:0;font-weight:700;color:#33475B;text-align:right}
.cc-rows-more{display:block;width:100%;margin-top:10px;padding:12px;min-height:46px;border:1.5px dashed #B9D3EA;border-radius:6px;background:#F5F8FC;color:#1D6FA8;font-weight:800;font-size:14px;cursor:pointer}
.cc-rows-more:hover{background:#EAF3FB}
.cc-rows-legal{margin:10px 0 0;font-size:11.5px;color:#8397AC}
.cc-rows-legal a{color:#8397AC}
@media (min-width:760px){
  .cc-row-c{grid-template-columns:minmax(230px,1.1fr) minmax(0,1fr) 160px;grid-template-areas:"top bonus cta" "met met cta" "det det det";align-items:center;column-gap:14px}
  .cc-row-top{grid-area:top}
  .cc-row-bonus{grid-area:bonus}
  .cc-row-metric{grid-area:met}
  .cc-row-cta{grid-area:cta;flex-direction:column}
  .cc-row-cta .cta{flex:none}
  .cc-row-rev{padding:9px 14px}
  .cc-row-det{grid-area:det}
  .cc-row-name a{white-space:normal;overflow:visible}
  .cc-row-badge{display:none}
}

/* оглавление статьи */
.cc-toc{margin:0 16px 18px;background:#fff;border:1px solid #E1E8F0;border-radius:6px;padding:14px 16px}
.article .cc-toc{margin:16px 0}
.cc-toc-h{font-weight:800;font-size:15px;margin-bottom:8px;color:#0B2A47}
.cc-toc ol{margin:0;padding:0;list-style:none;counter-reset:t;display:grid;gap:2px}
.cc-toc li{counter-increment:t}
.cc-toc li[hidden]{display:none}
.cc-toc a{display:flex;gap:10px;padding:7px 0;color:#33475B;text-decoration:none;font-size:14px;line-height:1.35;border-top:1px solid #EEF2F7}
.cc-toc li:first-child a{border-top:0}
.cc-toc a::before{content:counter(t);flex:none;width:22px;color:#4AA3DB;font-weight:800;font-variant-numeric:tabular-nums}
.cc-toc a:hover{color:#1D6FA8}
.cc-toc-all{margin-top:6px;background:none;border:0;padding:6px 0;color:#1D6FA8;font-weight:800;font-size:13.5px;cursor:pointer}
html{scroll-behavior:smooth}
.article h2[id]{scroll-margin-top:70px}

/* «Otros rankings / bonos» */
.cc-more{padding:0 16px 22px}
.cc-more .h2{margin-bottom:12px}
.cc-more-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cc-more-g a{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #E1E8F0;border-radius:6px;padding:12px;color:#0B2A47;font-weight:700;font-size:14px;text-decoration:none;line-height:1.25;transition:border-color .2s,transform .15s}
.cc-more-g a:hover{border-color:#4AA3DB}
.cc-more-g a:active{transform:translateY(1px)}
.cc-more-g span{flex:none;width:32px;height:32px;border-radius:4px;background:#EAF3FB;display:flex;align-items:center;justify-content:center;font-size:16px}
@media (min-width:760px){.cc-more-g{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* блок редакции */
.cc-ed{margin:0 16px 22px;background:#fff;border:1px solid #E1E8F0;border-radius:6px;padding:16px;display:grid;gap:12px}
.cc-ed-top{display:flex;gap:12px;align-items:center}
.cc-ed-logo{flex:none;width:48px;height:48px;border-radius:6px;background:#0B2A47;color:#F5B301;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;letter-spacing:-.5px}
.cc-ed-name{font-weight:800;font-size:15.5px;color:#0B2A47}
.cc-ed-role{font-size:12.5px;color:#6B7F94;line-height:1.45}
.cc-ed-p{margin:0;font-size:13.5px;color:#48627A;line-height:1.55}
.cc-ed-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.cc-ed-list li{font-size:12.5px;color:#33475B;background:#F5F8FC;border-radius:4px;padding:8px 10px 8px 28px;position:relative;line-height:1.35}
.cc-ed-list li::before{content:'✓';position:absolute;left:10px;top:8px;color:#1FA85A;font-weight:800}
.cc-ed-links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px}
.cc-ed-links a{color:#1D6FA8;font-weight:700;text-decoration:none}
.cc-ed-links a:hover{text-decoration:underline}

/* вступление обзора казино ниже данных */
.cc-intro img{max-width:100%;height:auto;border-radius:6px;display:block;margin:10px 0}
.cc-intro ul,.cc-intro ol{padding-left:20px;margin:0 0 10px}
.cc-intro p{margin:0 0 10px}

/* шапка подборки */
.cc-col-hero{padding:14px 16px 18px}
.cc-col-hero h1{font-size:24px;line-height:1.15;font-weight:800;letter-spacing:-.3px;text-wrap:balance;margin:0}
.cc-col-intro{margin-top:10px;font-size:14.5px;color:#33475B;line-height:1.55;max-width:68ch}
.cc-col-intro p{margin:0 0 8px}

/* таблицы: на телефоне таблица от 3 колонок — карточки «подпись: значение» (cc-design.js ставит data-label и .cc-stack) */
@media (max-width:640px){
  table.cc-stack,table.cc-stack tbody,table.cc-stack tr,table.cc-stack td{display:block;width:100%;min-width:0!important}
  table.cc-stack{border:0!important;margin:12px 0}
  table.cc-stack thead,table.cc-stack tr.cc-stack-head{display:none}
  table.cc-stack tr{background:#fff;border:1px solid #E1E8F0!important;border-radius:6px;margin:0 0 10px;padding:4px 12px;overflow:hidden}
  table.cc-stack td{border:0!important;border-top:1px solid #EEF2F7!important;padding:8px 0!important;display:flex;justify-content:space-between;gap:12px;text-align:right;font-size:13.5px}
  table.cc-stack td::before{content:attr(data-label);flex:0 0 42%;text-align:left;font-weight:700;color:#6B7F94;font-size:12.5px}
  table.cc-stack td:first-child{border-top:0!important;display:block;text-align:left;font-weight:800;font-size:15px;color:#0B2A47}
  table.cc-stack td:first-child::before{display:none}
  table.cc-stack td:empty{display:none}
  table.cc-stack.cc-rank td:first-child{display:none}
  table.cc-stack.cc-rank td:nth-child(2){border-top:0!important;display:block;text-align:left;font-weight:800;font-size:15px;color:#0B2A47}
  table.cc-stack.cc-rank td:nth-child(2)::before{content:attr(data-rank) '. ';display:inline;color:#4AA3DB;font-size:15px}
  .table-wrap:has(> table.cc-stack),.wp-block-table:has(> table.cc-stack),figure:has(> table.cc-stack){overflow:visible}
}

/* фильтры и сравнение (2026-10-21) */
.cc-filt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.cc-filt-l{font-size:12.5px;font-weight:700;color:#6B7F94;margin-right:2px}
.cc-filt button{border:1px solid #CBD7E5;background:#fff;color:#33475B;font-weight:700;font-size:12.5px;padding:5px 10px;border-radius:4px;cursor:pointer;min-height:32px;white-space:nowrap;transition:border-color .15s,background .15s}
.cc-filt button:hover{border-color:#4AA3DB}
.cc-filt button span{color:#8397AC;font-weight:600;margin-left:3px}
.cc-filt button[aria-pressed="true"]{background:#0B2A47;border-color:#0B2A47;color:#fff}
.cc-filt button[aria-pressed="true"] span{color:#F5B301}
@media (max-width:640px){.cc-filt{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}.cc-filt::-webkit-scrollbar{display:none}}
.cc-filt-n{font-size:12.5px;color:#1D6FA8;font-weight:700;margin:-4px 0 10px}
.cc-filt-n:empty{display:none}
.cc-row-cmp{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#48627A;cursor:pointer;user-select:none}
.cc-row-cmp input{width:17px;height:17px;accent-color:#1D6FA8}
@media (min-width:760px){.cc-row-c{grid-template-areas:"top bonus cta" "met met cta" "det det cmp"}.cc-row-cmp{grid-area:cmp;justify-self:end}}
.cc-cmp-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:76px;z-index:70;display:flex;align-items:center;gap:8px;background:#0B2A47;color:#fff;border-radius:6px;padding:8px 8px 8px 14px;box-shadow:0 8px 24px -8px rgba(5,18,33,.6);font-size:13px;font-weight:700;max-width:calc(100% - 24px)}
.cc-cmp-bar[hidden]{display:none}
.cc-cmp-bar .cta{padding:9px 14px;font-size:14px;min-height:38px}
.cc-cmp-bar .cta:disabled{opacity:.5;cursor:not-allowed}
.cc-cmp-x{background:transparent;border:1px solid #1E4E77;color:#fff;width:34px;height:34px;border-radius:4px;cursor:pointer;flex:none}
.cc-cmp-modal{position:fixed;inset:0;z-index:95;background:rgba(5,18,33,.85);overflow-y:auto;padding:16px 10px}
.cc-cmp-modal[hidden]{display:none}
.cc-cmp-box{max-width:860px;margin:0 auto;background:#fff;border-radius:6px;overflow:hidden}
.cc-cmp-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#0B2A47;color:#fff;font-size:16px}
.cc-cmp-body{overflow-x:auto}
.cc-cmp-t{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}
.cc-cmp-t th,.cc-cmp-t td{padding:10px;border:0!important;border-bottom:1px solid #EEF2F7!important;text-align:left;vertical-align:top;background:none}
.cc-cmp-t tbody th{color:#6B7F94;font-weight:700;width:150px;background:#F5F8FC}
.cc-cmp-t thead th{text-align:center}
.cc-cmp-t td .cta{padding:10px;font-size:14px}
.cc-cmp-logo{width:80px;height:50px;border-radius:4px;padding:6px;margin:0 auto 6px;display:flex}
.cc-cmp-name{display:block;font-weight:800;color:#0B2A47;text-decoration:none;font-size:14px}
.cc-cmp-note{margin:0;padding:10px 14px;font-size:11.5px;color:#8397AC}