/* ================= canadacasinotop.com — каркас «Northline» (префикс cct-) =================
   палитра: сланец #223448 · изумруд #0e8f6f · красный флага #ce202f · лёд #f5f7f9 · чернила #1d2733
   у соседей по CA заняты: хвоя+клён+бумага, светлая бумага+чернила+красный+тил,
   зелень+красный+янтарь, графит+красный, ночная синь — здесь сланец + изумруд + лёд   */

:root{
  --cct-slate:#223448;
  --cct-slate-dk:#18293c;
  --cct-emerald:#0e8f6f;
  --cct-emerald-dk:#0a5f4a;
  --cct-red:#ce202f;
  --cct-ice:#f5f7f9;
  --cct-ink:#1d2733;
  --cct-muted:#5a6b7b;
  --cct-line:#dfe5ea;
  --cct-w:1180px;
  --pad:20px;
}

/* --- шрифты контента и каркаса — одна семья --- */
@font-face{font-family:'Open Sans CCT';src:url('/cct/font/opensans.b68160c9.woff2') format('woff2');
  font-weight:300 800;font-style:normal;font-display:swap}
@font-face{font-family:'Source Sans CCT';src:url('/cct/font/sourcesans3.fe93b8f8.woff2') format('woff2');
  font-weight:200 900;font-style:normal;font-display:swap}

html body{margin:0!important;background:var(--cct-ice);
  font-family:'Open Sans CCT','Open Sans',Helvetica,Arial,sans-serif;color:var(--cct-ink)}
body h1,body h2,body h3,body h4,
.cct-hd,.cct-ft h3,.cct-hub{font-family:'Source Sans CCT','Source Sans Pro',Helvetica,Arial,sans-serif}

/* ================= общий горизонтальный отступ — один на весь сайт ================= */
.cct-in,
body .tm-block > .uk-container,
body .tm-block > .uk-container > *{padding-left:var(--pad)!important;padding-right:var(--pad)!important;
  box-sizing:border-box}
@media (max-width:780px){:root{--pad:14px}
 body .tm-main,body section.tm-top-a{margin:12px 0 0!important;padding:14px var(--pad) 18px!important}}
/* таблицы донора шире мобильного вьюпорта — свой скролл внутри блока, а не overflow страницы */
@media (max-width:820px){
  body .tm-main table,body section.tm-top-a table,body .uk-article table{display:block!important;
    width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body .tm-main table td,body .tm-main table th,
  body .uk-article table td,body .uk-article table th{padding:8px 10px!important;white-space:normal}
}

/* ================= сетка: одна ширина у всех секций ================= */
body .tm-block > .uk-container{max-width:var(--cct-w)!important;margin-left:auto!important;margin-right:auto!important;
  width:100%!important;float:none!important}
body .tm-middle,body .tm-main{width:100%!important;max-width:100%!important;float:none!important;
  margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body .uk-grid{margin-left:0!important}
body .tm-middle{padding-top:0!important;margin-top:0!important}
body article.uk-article,body .tm-content{max-width:100%!important}
body img{max-width:100%;height:auto}
body table{max-width:100%}
.cct-scroll{overflow-x:auto}


/* зазор под шапкой: обнуляем собственные отступы обёрток темы внутри карточки */
body .tm-main > main,body .tm-main .uk-article,body section.tm-top-a > .uk-width-1-1,
body .tm-content{margin-top:0!important;padding-top:0!important}
body .uk-width-medium-7-10,body .uk-width-medium-1-1,body .uk-width-medium-3-10{width:100%!important;
  max-width:100%!important;flex:1 1 100%!important;min-width:0!important}

/* ================= ШАПКА ================= */
.cct-hd{width:100%!important;max-width:none!important;margin:0!important;background:var(--cct-slate);
  border-bottom:3px solid var(--cct-emerald);position:relative;z-index:40}
.cct-hd .cct-in{max-width:var(--cct-w);margin:0 auto;display:flex;align-items:center;
  justify-content:space-between;gap:18px;min-height:66px}
.cct-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;
  font-size:21px;letter-spacing:.2px;line-height:1.1}
.cct-logo svg{flex:0 0 auto}
.cct-logo b{color:#fff}
.cct-logo i{font-style:normal;color:#8fe3cd}
.cct-nav{display:flex;align-items:stretch;gap:2px}
.cct-item{position:relative}
.cct-hub{display:block;padding:14px 13px;color:#e8eef4;text-decoration:none;font-size:15px;font-weight:600;
  border-radius:6px 6px 0 0}
.cct-item:hover .cct-hub,.cct-item:focus-within .cct-hub{background:var(--cct-slate-dk);color:#fff}
.cct-sub{position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid var(--cct-line);
  border-top:3px solid var(--cct-emerald);border-radius:0 0 8px 8px;box-shadow:0 14px 34px rgba(20,34,50,.18);
  padding:8px;visibility:hidden;opacity:0;transition:opacity .14s ease;z-index:60}
.cct-item:hover .cct-sub,.cct-item:focus-within .cct-sub{visibility:visible;opacity:1}
.cct-item:nth-last-child(-n+2) .cct-sub{left:auto;right:0}
.cct-sub a{display:block!important;padding:9px 11px;color:var(--cct-ink)!important;text-decoration:none;
  font-size:14px;border-radius:5px;white-space:nowrap}
.cct-sub a:hover{background:var(--cct-ice);color:var(--cct-emerald-dk)!important}
.cct-burger{display:none}
.cct-burger-l{display:none;color:#fff;font-size:26px;line-height:1;padding:8px 10px;cursor:pointer;
  border:1px solid rgba(255,255,255,.28);border-radius:7px}

@media (max-width:900px){
  .cct-hd .cct-in{flex-wrap:wrap;min-height:56px;padding-top:8px;padding-bottom:8px}
  .cct-burger-l{display:block}
  .cct-nav{display:none;width:100%;flex-direction:column;gap:0;padding-bottom:10px}
  .cct-burger:checked ~ .cct-nav{display:flex}
  .cct-hub{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0}
  .cct-sub{position:static;visibility:visible;opacity:1;box-shadow:none;border:0;background:transparent;
    padding:2px 0 8px 12px}
  .cct-sub a{color:#c9d6e2!important;padding:6px 4px;font-size:13.5px;white-space:normal}
  .cct-sub a:hover{background:transparent;color:#8fe3cd!important}
  body{padding-top:0!important}
}

/* ================= ПОДВАЛ ================= */
.cct-ft{width:100%!important;max-width:none!important;margin:36px 0 0!important;background:var(--cct-slate);
  color:#cdd8e2;font-size:14px;line-height:1.6}
.cct-ft .cct-in{max-width:var(--cct-w);margin:0 auto;padding-top:30px;padding-bottom:26px}
.cct-ft-lead{max-width:820px;margin:0 0 22px;color:#dbe4ec}
.cct-ft-lead strong{color:#fff}
.cct-ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:22px}
.cct-ft h3{margin:0 0 10px;font-size:14px;letter-spacing:.6px;text-transform:uppercase;color:#8fe3cd}
.cct-ft ul{list-style:none;margin:0;padding:0}
.cct-ft li{margin:0 0 7px}
.cct-ft a{color:#cdd8e2;text-decoration:none}
.cct-ft a:hover{color:#fff;text-decoration:underline}
.cct-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14)}
.cct-badge{display:inline-block;padding:6px 11px;border:1px solid rgba(255,255,255,.26);border-radius:999px;
  font-size:12.5px;color:#e4ecf3;opacity:.85}
.cct-badge--age{border-color:var(--cct-red);color:#fff;background:var(--cct-red);opacity:1;font-weight:700}
.cct-ft-note{font-size:12.5px;color:#a9b8c6;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
@media (max-width:780px){.cct-ft-cols{grid-template-columns:1fr;gap:16px}}

/* ================= контент донора: типографика и блоки ================= */
body .tm-block{background:transparent}
body .tm-main,body section.tm-top-a{background:#fff;border:1px solid var(--cct-line);border-radius:12px;
  padding:14px var(--pad) 22px!important;margin:12px 0 0!important;box-shadow:0 1px 2px rgba(24,41,60,.05)}
body section.tm-top-a{display:block!important}
body .tm-main h1,body section.tm-top-a h1{font-size:30px!important;line-height:1.22!important;margin:0 0 12px;
  color:var(--cct-ink)}
body .tm-main h2,body section.tm-top-a h2{font-size:23px;line-height:1.28;margin:26px 0 12px;color:var(--cct-slate)}
body .tm-main h3,body section.tm-top-a h3{font-size:18px;margin:20px 0 10px;color:var(--cct-slate)}
body .tm-main p,body .tm-main li,
body section.tm-top-a p,body section.tm-top-a li{font-size:15.5px;line-height:1.68}
body .tm-main a,body section.tm-top-a a,body .uk-article a,body .tm-content a{color:var(--cct-emerald-dk)}
/* ссылки в списках донора шли красным #f41010 на светлом фоне — контраст 3.9 */
/* ⚠ правило держать ВНУТРИ .tm-block: бланкетное `body li a` перекрасило ссылки ФУТЕРА
   (тёмно-зелёное на сланце = контраст 1.5, 17 замечаний рендер-чекера) */
body .tm-block a:not(.uk-button):not([class^="cctv-"]):not([class^="cct-"]){color:var(--cct-emerald-dk)!important}
body .tm-main img,body section.tm-top-a img{border-radius:8px}
/* пустая обёртка .tm-main рядом с tm-top-a (главная) не должна давать вторую карточку */
body .tm-middle .tm-main:empty{display:none!important}
body .uk-article-title{font-size:28px}
body hr,body .uk-article-divider{border-color:var(--cct-line)}

/* таблицы донора (нативные витрины заменяются на 08, но данные-таблицы остаются) */
body .tm-main table,body section.tm-top-a table{width:100%;border-collapse:collapse;background:#fff}
body .tm-main table td,body .tm-main table th,
body section.tm-top-a table td,body section.tm-top-a table th{padding:10px 12px;border:1px solid var(--cct-line);
  vertical-align:middle}
body .tm-main table th,body section.tm-top-a table th{background:var(--cct-ice);color:var(--cct-slate);
  font-weight:700;text-align:left}

/* кнопки темы */
body .uk-button{display:inline-block;padding:9px 16px;border-radius:7px;background:var(--cct-emerald-dk);
  color:#fff!important;border:0;font-weight:700;text-decoration:none;line-height:1.3}
body .uk-button:hover{background:#084a3a}
body .uk-button-danger{background:#a8121f}
body .uk-button-danger:hover{background:#8d0f1a}

/* звёзды рейтинга донора */
body .uk-icon-star,body .uk-icon-star-o,body .uk-icon-star-half-o{color:#f0a92e}
body .uk-icon-button{background:var(--cct-slate);color:#fff;border-radius:50%;width:28px;height:28px;
  line-height:28px;text-align:center;display:inline-block;font-weight:700;font-size:13px}
body .uk-icon-button.firstPos{background:var(--cct-red)}

/* хлебные крошки/мета темы */
body .uk-article-meta{color:var(--cct-muted);font-size:13px}

/* ================= мёртвые остатки темы ================= */
body .tm-slant-block-bottom,body .ssba,body .ssbp-wrap,body #su-footer-links,
body .uk-offcanvas,body .tm-headerbar,body .tm-block-dark{display:none!important}

/* блок перелинковки на обзоры (/reviews/) */
.cct-revlist{margin:24px 0 6px}
.cct-revlist h2{font-size:21px;margin:0 0 8px;color:var(--cct-slate)}
.cct-revlist p{margin:0 0 12px;color:var(--cct-muted);font-size:14.5px}
.cct-revlist ul{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 18px}
.cct-revlist li{margin:0}
.cct-revlist a{display:block;padding:7px 10px;border:1px solid var(--cct-line);border-radius:8px;
  background:#fff;color:var(--cct-ink)!important;text-decoration:none;font-size:14px;line-height:1.35}
.cct-revlist a:hover{border-color:var(--cct-emerald);color:var(--cct-emerald-dk)!important}
@media (max-width:780px){.cct-revlist ul{grid-template-columns:1fr}}

/* дата обновления */
.cct-updated{display:inline-block;margin:0 0 16px;padding:5px 12px;border-radius:999px;
  background:var(--cct-ice);border:1px solid var(--cct-line);color:var(--cct-muted);font-size:13px}
.cct-updated b{color:var(--cct-slate)}