/* ===========================================================================
   online-casinogames.ca — каркас «PUPITRE» (стол игрового редактора)
   Референсы-иконы дизайна: bloomberg.com (плотная редакционная сетка, жирные
   линейки, одна фирменная краска, табличные цифры) + cbc.ca/ici.radio-canada.ca
   (двуязычная канадская ясность: крупный заголовочный кегль, воздух, служебная
   рейка сверху). Шрифты — ДОНОРСКИЕ (Proxima Nova + Arimo из casinotheme).
   =========================================================================== */

/* ---------- шрифты донора, локально ---------- */
@font-face{font-family:'OCG Display';src:url('/wp-content/themes/casinotheme/fonts/ProximaNovaBold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'OCG Display';src:url('/wp-content/themes/casinotheme/fonts/ProximaNovaRegular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OCG Text';src:url('/wp-content/themes/casinotheme/fonts/Arimo-Regular.woff2') format('woff2'),url('/wp-content/themes/casinotheme/fonts/Arimo-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OCG Text';src:url('/wp-content/themes/casinotheme/fonts/Arimo-Bold.woff2') format('woff2'),url('/wp-content/themes/casinotheme/fonts/Arimo-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'OCG Text';src:url('/wp-content/themes/casinotheme/fonts/Arimo-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}

:root{
  --ocg-ink:#14171c;        /* чернила: плита мастхеда и подвал */
  --ocg-ink-2:#232932;
  --ocg-wine:#7a1b3e;       /* фирменная краска: линейки, ранги, CTA */
  --ocg-wine-d:#5d1430;
  --ocg-brass:#c39b3b;      /* латунь: цифры, засечки рейки данных */
  --ocg-paper:#f7f4ef;
  --ocg-card:#fff;
  --ocg-line:#ded7cc;
  --ocg-text:#1b1e23;
  --ocg-muted:#5c6470;
  --ocg-w:888px;            /* контент: витрина, таблицы, карточки */
  --ocg-w-wide:1120px;      /* контент шапки и подвала */
  --ocg-pad:20px;
}

/* ---------- сброс правил темы на голые теги ---------- */
body{background:var(--ocg-paper)!important;color:var(--ocg-text)!important;
     font-family:'OCG Text',Arimo,Arial,Helvetica,sans-serif!important;
     font-size:17px!important;line-height:1.72!important;padding-top:0!important;margin:0!important}
body::before,body::after{content:none!important}
nav,header,footer,main,section,aside{position:static!important;float:none!important;
     width:auto!important;max-width:none!important;background:none;box-shadow:none}
header::before,header::after,footer::before,footer::after{content:none!important}
img{max-width:100%;height:auto}

/* ---------- служебная рейка над мастхедом ---------- */
.ocg-rail{background:var(--ocg-ink)!important;color:#cfd4dc;font-size:13px;line-height:1;
     border-bottom:1px solid rgba(255,255,255,.08)}
.ocg-rail__in{max-width:var(--ocg-w-wide);margin:0 auto;padding:9px var(--ocg-pad);
     box-sizing:border-box;display:flex;align-items:center;gap:14px}
.ocg-rail__age{font-family:'OCG Display',Arial,sans-serif;font-weight:700;letter-spacing:.06em;
     color:#0f1115;background:var(--ocg-brass);padding:4px 7px;border-radius:2px}
.ocg-rail__note{color:#9aa3b0;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ocg-lang{position:relative}
.ocg-lang__t{display:flex;align-items:center;gap:7px;color:#e8ebef;cursor:default;padding:4px 2px}
.ocg-lang__t svg{width:14px;height:14px;fill:none;stroke:#9aa3b0;stroke-width:1.6}
.ocg-lang__t b{font-weight:400}
.ocg-lang__p{position:absolute;right:0;left:auto;top:100%;background:#fff;border:1px solid var(--ocg-line);
     min-width:170px;max-width:calc(100vw - 28px);box-sizing:border-box;padding:6px 0;z-index:60;
     visibility:hidden;opacity:0;transition:opacity .12s;box-shadow:0 14px 34px rgba(10,12,16,.22)}
.ocg-lang:hover .ocg-lang__p,.ocg-lang:focus-within .ocg-lang__p{visibility:visible;opacity:1}
.ocg-lang__p a{display:block;padding:7px 14px;color:var(--ocg-text)!important;text-decoration:none;font-size:14px}
.ocg-lang__p a:hover{background:var(--ocg-paper)}
.ocg-lang__p a[aria-current]{font-weight:700}
.ocg-lang__p a[aria-current]::after{content:'✓';float:right;color:var(--ocg-wine)}

/* ---------- мастхед: плита с логотипом и меню ---------- */
.ocg-hd{background:var(--ocg-paper)!important;border-bottom:3px solid var(--ocg-ink)!important;
     position:relative;z-index:50;margin:0!important;padding:0!important}
.ocg-hd__in{max-width:var(--ocg-w-wide);margin:0 auto;padding:14px var(--ocg-pad);box-sizing:border-box;
     display:flex;align-items:center;gap:26px}
.ocg-logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;flex:0 0 auto}
.ocg-logo__mark{width:42px;height:42px;flex:0 0 42px}
.ocg-logo__txt{display:block;line-height:1.05}
.ocg-logo__txt b{display:block;font-family:'OCG Display',Arial,sans-serif;font-weight:700;
     font-size:21px;letter-spacing:-.015em;color:var(--ocg-ink)}
.ocg-logo__txt i{display:block;font-family:'OCG Display',Arial,sans-serif;font-style:normal;font-weight:700;
     font-size:21px;letter-spacing:-.015em;color:var(--ocg-wine)}
.ocg-logo__txt small{display:block;margin-top:3px;font-size:10.5px;letter-spacing:.22em;
     text-transform:uppercase;color:var(--ocg-muted)}

.ocg-nav{margin-left:auto;display:flex;align-items:stretch;gap:2px;min-width:0}
.ocg-nav__i{position:relative}
.ocg-nav__hub{display:block;padding:11px 12px;font-family:'OCG Display',Arial,sans-serif;font-weight:700;
     font-size:14.5px;letter-spacing:.005em;color:var(--ocg-ink)!important;text-decoration:none!important;
     border-bottom:3px solid transparent;margin-bottom:-3px;white-space:nowrap}
.ocg-nav__i:hover .ocg-nav__hub,.ocg-nav__i:focus-within .ocg-nav__hub{border-bottom-color:var(--ocg-wine)}
.ocg-nav__sub{position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--ocg-line);
     border-top:3px solid var(--ocg-wine);min-width:242px;padding:6px 0;z-index:70;
     visibility:hidden;opacity:0;transition:opacity .12s;box-shadow:0 16px 38px rgba(10,12,16,.2)}
.ocg-nav__i:hover .ocg-nav__sub,.ocg-nav__i:focus-within .ocg-nav__sub{visibility:visible;opacity:1}
.ocg-nav__i:nth-last-child(-n+2) .ocg-nav__sub{left:auto;right:0}
.ocg-nav__sub a{display:block!important;padding:8px 16px;font-size:14.5px;line-height:1.35;
     color:var(--ocg-text)!important;text-decoration:none!important;position:static!important;float:none!important}
.ocg-nav__sub a:hover{background:var(--ocg-paper);color:var(--ocg-wine)!important}
.ocg-burger{display:none}
.ocg-burger__l{display:none}

/* ---------- контент: одна колонка на всю сетку ---------- */
.ocg-main{max-width:var(--ocg-w)!important;width:auto!important;margin:26px auto 40px!important;
     padding:0 var(--ocg-pad)!important;box-sizing:border-box!important;float:none!important;clear:both}
.ocg-main>*{max-width:100%;box-sizing:border-box}
.ocg-main article,.ocg-main .mainCol,.ocg-main .fl-ancestor,.ocg-main .container{
     width:auto!important;max-width:none!important;margin:0!important;padding:0!important;
     float:none!important;border:0!important;background:none!important;box-shadow:none!important}
.ocg-main h1{font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:40px;line-height:1.14;
     letter-spacing:-.02em;color:var(--ocg-ink)!important;margin:4px 0 14px}
.ocg-main h2{font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:27px;line-height:1.22;
     color:var(--ocg-ink)!important;margin:38px 0 12px;padding-bottom:9px;position:relative}
/* фирменный элемент — «рейка данных»: линейка с латунными засечками под H2 */
.ocg-main h2::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;
     background:linear-gradient(90deg,var(--ocg-wine) 0 58px,var(--ocg-brass) 58px 74px,
     var(--ocg-line) 74px 100%)}
.ocg-main h3{font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:20.5px;line-height:1.3;
     color:var(--ocg-ink)!important;margin:26px 0 8px}
.ocg-main p,.ocg-main li,.ocg-main td,.ocg-main th{font-size:17px;line-height:1.72;color:var(--ocg-text)}
.ocg-main p{margin:0 0 15px}
.ocg-main a{color:var(--ocg-wine);text-decoration:underline;text-underline-offset:2px}
.ocg-main a:hover{color:var(--ocg-wine-d)}
.ocg-main ul,.ocg-main ol{margin:0 0 16px;padding-left:22px}
.ocg-main li{margin:0 0 7px}

/* таблицы — «полосы набора», а не карточки */
.ocg-main table{width:100%!important;border-collapse:collapse;margin:0 0 22px;font-size:15.5px;
     display:block;overflow-x:auto}
.ocg-main table th{background:var(--ocg-ink)!important;color:#fff!important;text-align:left;
     font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.04em;
     text-transform:uppercase;padding:11px 12px;border:0!important}
.ocg-main table td{padding:11px 12px;border:0!important;border-bottom:1px solid var(--ocg-line)!important;
     vertical-align:middle;background:#fff}
.ocg-main table tr:nth-child(even) td{background:#fbf9f6}
.ocg-main table img{max-height:38px;width:auto}

/* карточки и врезки донора приводим к одному виду */
.ocg-main blockquote,.ocg-main .bonus_info,.ocg-main .casino_top_info,.ocg-main .rating_review{
     background:var(--ocg-card);border:1px solid var(--ocg-line);border-left:4px solid var(--ocg-wine);
     padding:16px 18px;margin:0 0 20px;box-sizing:border-box}
.ocg-main .lwptoc,.ocg-main details.ocg-toc{background:#fff;border:1px solid var(--ocg-line);
     padding:14px 18px;margin:0 0 22px;box-sizing:border-box}
.ocg-main details.ocg-toc>summary{font-family:'OCG Display',Arial,sans-serif;font-weight:700;
     font-size:15px;cursor:pointer;color:var(--ocg-ink);letter-spacing:.02em;text-transform:uppercase}
.ocg-main details.ocg-toc a{text-decoration:none}
.ocg-main details.ocg-toc a:hover{text-decoration:underline}

/* кнопки: одна форма — прямоугольник с плотной подписью, без пилюль */
.ocg-main a.button,.ocg-main .btn,.ocg-main a[class*='play'],.ocg-main .play_now,.ocg-main .bonus_btn{
     display:inline-block;background:var(--ocg-wine)!important;color:#fff!important;
     font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.03em;
     text-transform:uppercase;text-decoration:none!important;padding:12px 20px;border:0;border-radius:2px}
.ocg-main a.button:hover,.ocg-main .btn:hover,.ocg-main .play_now:hover{background:var(--ocg-wine-d)!important}

/* сетки донора: ширины и поля сбрасываем, но РЯД остаётся рядом (иначе шапка топ-листа
   рассыпается в столбик — проверено скриншотом главной) */
.ocg-main .row,.ocg-main .flex-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;
     width:auto!important;max-width:none!important;float:none!important;
     margin-left:0!important;margin-right:0!important}
.ocg-main [class*='col-']{float:none!important;min-width:0;flex:1 1 auto;max-width:none!important;
     padding-left:0!important;padding-right:0!important}
.ocg-main [class*='col-'][class*='-12']{flex:1 1 100%}
.ocg-main .top_fixed_info,.ocg-main .scroll_top_round,.ocg-main .mobile-top-menu-box,
.ocg-main .slider-casinos-items,.ocg-main .sidebar-best-online-casino{display:none!important}

/* ---------- подвал: одна плита ---------- */
.ocg-ft{background:var(--ocg-ink)!important;color:#c8cdd6!important;margin-top:46px;
     font-size:15px;line-height:1.65}
.ocg-ft a{color:#e6e9ee!important;text-decoration:none;opacity:1!important}
.ocg-ft a:hover{color:#fff!important;text-decoration:underline}
.ocg-ft__trust{border-bottom:1px solid rgba(255,255,255,.1)}
.ocg-ft__trust .ocg-ft__in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding-top:16px;padding-bottom:16px}
.ocg-chip{display:inline-flex;align-items:center;gap:8px;background:#f2efe9;color:#1b1e23!important;
     padding:7px 12px;font-size:13px;font-weight:700;border-radius:2px}
.ocg-chip--age{background:var(--ocg-brass);color:#12141a!important;font-family:'OCG Display',Arial,sans-serif;letter-spacing:.06em}
.ocg-ft__in{max-width:var(--ocg-w-wide);margin:0 auto;padding:26px var(--ocg-pad);box-sizing:border-box}
.ocg-ft__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:30px}
.ocg-ft__about h4,.ocg-ft__col h4{font-family:'OCG Display',Arial,sans-serif;font-weight:700;
     font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 12px}
.ocg-ft__about p{margin:0 0 12px;color:#aab1bc}
.ocg-ft__col ul{list-style:none;margin:0;padding:0}
.ocg-ft__col li{margin:0 0 8px}
.ocg-ft__svc{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.ocg-ft__svc .ocg-ft__in{padding-top:13px;padding-bottom:13px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}
.ocg-ft__legal .ocg-ft__in{padding-top:16px;padding-bottom:26px;color:#828b98;font-size:13.5px}
.ocg-ft__help{color:#fff!important;font-weight:700}

/* ---------- мобилка ---------- */
@media(max-width:900px){
  :root{--ocg-pad:14px}
  body{font-size:16px!important;padding-top:0!important}
  .ocg-rail__note{display:none}
  .ocg-hd__in{flex-wrap:wrap;gap:12px}
  .ocg-burger__l{display:block;margin-left:auto;width:42px;height:38px;border:1px solid var(--ocg-line);
       background:#fff;position:relative;cursor:pointer;border-radius:2px}
  .ocg-burger__l span,.ocg-burger__l::before,.ocg-burger__l::after{content:'';position:absolute;left:10px;
       right:10px;height:2px;background:var(--ocg-ink)}
  .ocg-burger__l span{top:18px}.ocg-burger__l::before{top:12px}.ocg-burger__l::after{top:24px}
  .ocg-nav{display:none;order:9;width:100%;margin:0;flex-direction:column;gap:0;
       border-top:1px solid var(--ocg-line)}
  .ocg-burger:checked~.ocg-nav{display:flex}
  .ocg-nav__hub{padding:12px 0;border-bottom:0;margin:0;border-top:1px solid var(--ocg-line)}
  .ocg-nav__sub{position:static!important;visibility:visible;opacity:1;border:0;box-shadow:none;
       padding:0 0 8px 14px;min-width:0;background:transparent;border-top:0}
  .ocg-nav__sub a{padding:6px 0;font-size:14px}
  .ocg-main .row,.ocg-main .flex-row{display:block}
  .ocg-main [class*='col-']{width:auto!important}
  .ocg-main{margin:18px auto 28px!important}
  .ocg-main h1{font-size:29px}
  .ocg-main h2{font-size:22px;margin-top:30px}
  .ocg-main h3{font-size:18px}
  .ocg-ft__grid{grid-template-columns:1fr;gap:22px}
}
@media(min-width:901px){
  .ocg-nav__sub{content-visibility:visible}
}

/* донорские «свёрнутые» данные таблиц держались на JS — показываем */
.ocg-main .additional-data{display:block!important;visibility:visible!important;height:auto!important;
     max-height:none!important;overflow:visible!important}
.ocg-main .additional-data p{margin:0 0 4px;font-size:14px;line-height:1.5;text-align:left!important}
.ocg-main .readMore{display:block!important}
/* CTA донора в таблицах — в фирменную краску, одна форма на весь сайт */
.ocg-main a[class*='to_casino'],.ocg-main .bonus-poster_btn,.ocg-main td a[class*='btn'],
.ocg-main a.playNow,.ocg-main .play_btn,.ocg-main span.btn{
     background:var(--ocg-wine)!important;color:#fff!important;border:0!important;border-radius:2px!important;
     font-family:'OCG Display',Arial,sans-serif!important;font-weight:700!important;letter-spacing:.03em;
     text-transform:uppercase;text-decoration:none!important;display:inline-block;padding:11px 18px!important}
.ocg-main td{text-align:left!important;vertical-align:middle}
.ocg-main td p{margin:0 0 4px;text-align:left!important}
/* мобильная шапка: подпись под логотипом не должна упираться в границу плиты */
@media(max-width:900px){
  .ocg-hd__in{align-items:flex-start;padding-bottom:18px}
  .ocg-logo__txt small{margin-top:5px}
}

/* язык: на десктопе — выпадашка в служебной рейке, на мобиле — строки в раскрытом меню */
.ocg-nav__lang{display:none}
@media(max-width:900px){
  .ocg-lang{display:none}
  .ocg-nav__lang{display:block;border-top:1px solid var(--ocg-line);padding:10px 0 2px}
  .ocg-nav__lang a{display:inline-block;margin-right:18px;font-size:14px;color:var(--ocg-ink)!important;
       text-decoration:none}
  .ocg-nav__lang a[aria-current]{font-weight:700;color:var(--ocg-wine)!important}
}

/* остатки донорских тогглов в ячейках таблиц: контейнер прятался JS-ом */
.ocg-main td .wrap,.ocg-main td .centered{display:block!important;visibility:visible!important;height:auto!important}
/* мелкая служебная типографика донора: рейтинги и подписи — читаемый серый */
.ocg-main .user_rating,.ocg-main .rating_count,.ocg-main small,.ocg-main .caption{
     color:var(--ocg-muted)!important;font-size:13px}
.ocg-main .stars i,.ocg-main .fa-star{color:var(--ocg-brass)!important}

/* CTA донора (жёлтая кнопка ` .btn.visit `, белый текст на янтаре = контраст 1.9)
   — в фирменную краску; селектор сильнее донорского, у него свой !important */
html body .ocg-main a.btn,html body .ocg-main span.btn,html body .ocg-main .btnWrap .btn,
html body .ocg-main a[class*='visit'],html body .ocg-main span[class*='visit'],
html body .ocg-main .to_casino{background:var(--ocg-wine)!important;color:#fff!important;
     border:0!important;border-radius:2px!important;box-shadow:none!important}
html body .ocg-main .btn *,html body .ocg-main .btnWrap .btn *{color:#fff!important}
html body .ocg-main a.btn:hover,html body .ocg-main .btnWrap .btn:hover{background:var(--ocg-wine-d)!important}
/* первый блок контента не должен добавлять свой верхний отступ к зазору под шапкой */
.ocg-main>*:first-child,.ocg-main .brandHeader,.ocg-main .breadcrumbs{margin-top:0!important}
.ocg-main .brandHeader{padding:0!important;background:none!important}

/* ---------- геро обзора (`.brandHeader` донора лежит ВНЕ контентного контейнера) ----------
   Проработан как отдельный тип блока: чернильная плита по сетке контента,
   логотип и оффер белым, CTA — латунь (на тёмном она читается лучше вина). */
body .brandHeader{background:var(--ocg-ink)!important;color:#fff!important;
     border-bottom:3px solid var(--ocg-wine)!important;margin:0 0 26px!important;padding:0!important;
     width:auto!important;max-width:none!important}
body .brandHeader .container,body .brandHeader .wideContainer,body .brandHeader .topHeader{
     max-width:var(--ocg-w)!important;width:auto!important;margin:0 auto!important;
     padding:0 var(--ocg-pad)!important;box-sizing:border-box!important;float:none!important}
body .brandHeader .container{padding-top:22px!important;padding-bottom:22px!important}
body .brandHeader .topHeader{padding-top:12px!important;font-size:13px}
body .brandHeader,body .brandHeader p,body .brandHeader span,body .brandHeader div,
body .brandHeader h1,body .brandHeader h2,body .brandHeader li{color:#fff!important}
body .brandHeader a:not(.btn){color:#e8d7b8!important}
body .brandHeader h1{font-family:'OCG Display',Arial,sans-serif;font-size:34px;line-height:1.15;margin:0 0 10px}
/* CTA донора везде — фирменная форма; на тёмной плите латунь, в тексте — вино */
body .btn,body .btnWrap .btn,body a[class*='visit'],body span[class*='visit']{
     background:var(--ocg-wine)!important;color:#fff!important;border:0!important;border-radius:2px!important;
     font-family:'OCG Display',Arial,sans-serif!important;font-weight:700!important;text-transform:uppercase;
     letter-spacing:.03em;box-shadow:none!important;text-decoration:none!important}
body .btn *,body .btnWrap .btn *{color:#fff!important}
body .brandHeader .btn,body .brandHeader .btnWrap .btn{background:var(--ocg-brass)!important;color:#14171c!important}
body .brandHeader .btn *{color:#14171c!important}

/* ---------- свой геро обзора «карточка бренда» (заменил .brandHeader донора) ---------- */
.ocg-crumb{max-width:var(--ocg-w);margin:14px auto 0;padding:0 var(--ocg-pad);box-sizing:border-box;
     font-size:13px;color:var(--ocg-muted)}
.ocg-crumb a{color:var(--ocg-muted);text-decoration:none}
.ocg-crumb a:hover{color:var(--ocg-wine)}
.ocg-crumb i{font-style:normal;color:var(--ocg-line);margin:0 4px}
.ocg-hero{background:var(--ocg-ink);color:#fff;margin:14px 0 26px;border-top:3px solid var(--ocg-wine)}
.ocg-hero__in{max-width:var(--ocg-w);margin:0 auto;padding:22px var(--ocg-pad);box-sizing:border-box;
     display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:center}
.ocg-hero__id{display:flex;align-items:center;gap:18px;min-width:0}
.ocg-hero__logo{flex:0 0 132px;background:#fff;border-radius:2px;padding:10px;display:flex;
     align-items:center;justify-content:center;min-height:62px;box-sizing:border-box}
.ocg-hero__logo img{max-width:112px;max-height:52px;width:auto;height:auto}
.ocg-hero__name{min-width:0}
.ocg-hero__name h1{font-family:'OCG Display',Arial,sans-serif;font-size:31px;line-height:1.12;
     margin:0 0 8px;color:#fff!important;letter-spacing:-.015em}
.ocg-hero__score{display:inline-flex;align-items:baseline;gap:5px;font-size:13px;color:#9aa3b0}
.ocg-hero__score b{font-family:'OCG Display',Arial,sans-serif;font-size:26px;color:var(--ocg-brass);line-height:1}
.ocg-hero__score i{font-style:normal;color:#6c7581}
.ocg-hero__offer{border-left:1px solid rgba(255,255,255,.14);padding-left:22px}
.ocg-hero__bonus{display:block;font-family:'OCG Display',Arial,sans-serif;font-size:23px;
     color:var(--ocg-brass);margin-bottom:8px}
.ocg-hero__facts{list-style:none;margin:0 0 12px;padding:0;font-size:14px;color:#c8cdd6}
.ocg-hero__facts li{margin:0 0 5px;padding-left:14px;position:relative}
.ocg-hero__facts li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:var(--ocg-wine)}
.ocg-hero__pay{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.ocg-hero__pay img{height:22px;width:auto;background:#fff;border-radius:2px;padding:2px}
.ocg-hero__btn{display:block;text-align:center;background:var(--ocg-brass);color:#14171c!important;
     font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.05em;
     text-transform:uppercase;text-decoration:none!important;padding:13px 18px;border-radius:2px}
.ocg-hero__btn:hover{background:#d8ae49}
@media(max-width:900px){
  .ocg-hero__in{grid-template-columns:1fr;gap:18px;padding:18px var(--ocg-pad)}
  .ocg-hero__offer{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding-left:0;padding-top:16px}
  .ocg-hero__name h1{font-size:25px}
}

/* геро внутри контентного контейнера: правила контента (.ocg-main li/p) сильнее одного класса —
   поднимаем специфичность своих правил, иначе факты рисуются тёмным по тёмному */
body .ocg-hero,body .ocg-hero *{border-color:rgba(255,255,255,.14)}
body .ocg-hero .ocg-hero__facts li{color:#c8cdd6!important;font-size:14px;margin:0 0 5px}
body .ocg-hero .ocg-hero__facts li::before{background:var(--ocg-wine)!important}
body .ocg-hero .ocg-hero__name h1{color:#fff!important}
body .ocg-hero .ocg-hero__bonus{color:var(--ocg-brass)!important}
body .ocg-hero .ocg-hero__score b{color:var(--ocg-brass)!important}
body .ocg-hero .ocg-hero__score,body .ocg-hero .ocg-hero__score span{color:#9aa3b0!important}
body .ocg-hero a.ocg-hero__btn{color:#14171c!important;background:var(--ocg-brass)!important}
body .ocg-main .ocg-hero{margin-left:0;margin-right:0}

/* ---------- пагинация (у донора обфусцированные классы: active/current/last/first/pages) ---------- */
body .ocg-main .wp-pagenavi,body .ocg-main .pagination{display:flex;flex-wrap:wrap;gap:6px;align-items:center;
     margin:26px 0 10px;font-family:'OCG Display',Arial,sans-serif;font-size:14px}
body .ocg-main a[class*='page'],body .ocg-main a[class*='last'],body .ocg-main a[class*='first'],
body .ocg-main a[class*='next'],body .ocg-main a[class*='prev'],body .ocg-main span[class*='pages']{
     color:var(--ocg-ink)!important;background:#fff;border:1px solid var(--ocg-line);padding:6px 11px;
     text-decoration:none!important;border-radius:2px}
body .ocg-main a[class*='page']:hover,body .ocg-main a[class*='last']:hover,
body .ocg-main a[class*='first']:hover{border-color:var(--ocg-wine);color:var(--ocg-wine)!important}
body .ocg-main span[class*='current'],body .ocg-main span[class*='active'],
body .ocg-main .current span,body .ocg-main .current{color:#fff!important;background:var(--ocg-wine)!important;
     border:1px solid var(--ocg-wine)!important;padding:6px 11px;border-radius:2px}
body .ocg-main span[class*='pages']{background:transparent;border:0;color:var(--ocg-muted)!important;padding-left:0}
/* остатки свёрнутых обёрток донора в списках и карточках */
body .ocg-main .wrap,body .ocg-main .centered{display:block!important;visibility:visible!important}

body .ocg-main a.ocg-more{display:inline-block;margin-top:6px;color:var(--ocg-wine)!important;
     font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:14px;text-decoration:none!important}
body .ocg-main a.ocg-more:hover{text-decoration:underline!important}
body .ocg-main span[class*="link"]{color:var(--ocg-wine)!important}

/* карточки донора (топ-3 на французской главной, блоки .item) — свой внутренний отступ:
   отступ висит на блоке, КОТОРЫЙ РИСУЕТ ФОН (правило владельца, gate_padding) */
body .ocg-main .item{padding:14px 16px;box-sizing:border-box;background:#fff;border:1px solid var(--ocg-line);
     margin:0 0 12px}
body .ocg-main .item .top-name{display:block;font-family:"OCG Display",Arial,sans-serif;font-weight:700;
     font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ocg-wine);margin-bottom:8px}
body .ocg-main .rating_review.item{background:var(--ocg-ink);color:#fff;border:0}
body .ocg-main .rating_review.item span{color:var(--ocg-brass)!important;font-size:26px;
     font-family:"OCG Display",Arial,sans-serif}
body .ocg-main .rating_review.item .title{color:#9aa3b0!important}

/* донор прятал колонку «features» на мобиле (её дубль tr.mob снят) — показываем обратно */
@media(max-width:900px){
  body .ocg-main td[class*="features"],body .ocg-main .tableBonusText,
  body .ocg-main td[class*="payment"]{display:table-cell!important;visibility:visible!important}
  body .ocg-main table{font-size:14px}
}

/* строка «страница проверена» под H1 */
body .ocg-main p.ocg-pageupd{font-size:13px;color:var(--ocg-muted)!important;margin:-6px 0 18px;
     letter-spacing:.01em}
body .ocg-main p.ocg-pageupd time{color:var(--ocg-muted)!important}

/* ⛔ .readMore у донора — это НЕ кнопка, а свёрнутый КОНЕЦ вводного текста: показываем */
body .ocg-main .readMore,body .ocg-main [class*="readMore"]{display:block!important;height:auto!important;
     max-height:none!important;overflow:visible!important;visibility:visible!important}

/* FAQ донора на Bootstrap-collapse без JS не раскрывался — правило владельца: ВСЕ ответы открыты */
body .ocg-main .panel-collapse,body .ocg-main .panel-collapse.collapse,
body .ocg-main .qnaAnswerBody,body .ocg-main [class*="qnaAnswer"]{display:block!important;height:auto!important;
     max-height:none!important;overflow:visible!important;visibility:visible!important}
body .ocg-main [class*="qnaSingle"]{background:#fff;border:1px solid var(--ocg-line);padding:14px 16px;
     margin:0 0 10px;box-sizing:border-box}
body .ocg-main [class*="qnaQuestion"]{font-family:"OCG Display",Arial,sans-serif;font-weight:700;
     font-size:17px;color:var(--ocg-ink)}
body .ocg-main [class*="qnaAnswerBody"]{padding-top:6px}

/* ⛔⛔ У темы донора height у голого <header> — наша шапка на мобиле схлопывалась в 64 px,
   и H1 налезал на логотип (видно только скриншотом 390) */
body header.ocg-hd,body header.ocg-hd .ocg-hd__in{height:auto!important;min-height:0!important;
     max-height:none!important;overflow:visible!important}
body header.ocg-hd{display:block!important;position:relative!important}
/* тоггл «read more» донора: текст уже раскрыт, кнопка вводит в заблуждение */
body .ocg-main .expandAdd,body .ocg-main .expand.msg_head,body .ocg-main [class*="expandAdd"]{display:none!important}
/* ===========================================================================
   ВИТРИНА №289 `ocgv` «FICHE» — карточка-формуляр игрового пупитра.
   Разводка с соседями по CA: ранг — ВЕРТИКАЛЬНАЯ винная рейка у левого края строки,
   оффер — панель с ЛАТУННОЙ линейкой СВЕРХУ (у Northline полоса слева, у Érable —
   индиго слева, у Baromètre — шкала-барометр), фильтры — настоящие чекбоксы.
   =========================================================================== */
.ocgv-wrap{margin:26px 0 30px;clear:both}
.ocgv-wrap *{box-sizing:border-box}
.ocgv-wrap ol,.ocgv-wrap ul{list-style:none;margin:0;padding:0}
/* маркеры списков сайта сильнее одного класса — гасим явно, иначе у строк вылезают «5.» и точки */
body .ocgv-wrap ol,body .ocgv-wrap ul,body .ocgv-list,body .ocgv-facts{
     list-style:none!important;padding-left:0!important;margin-left:0!important}
body .ocgv-list>li,body .ocgv-facts>li{list-style:none!important;padding-left:0!important;margin-left:0!important}
body .ocgv-list>li::marker,body .ocgv-facts>li::marker{content:''!important}
body .ocgv-list>li::before,body .ocgv-facts>li::before{content:none!important;display:none!important}
.ocgv-wrap details{margin:0;padding:0}
.ocgv-wrap summary{display:block;list-style:none;cursor:pointer}
.ocgv-wrap summary::-webkit-details-marker{display:none}

body .ocgv-h2{font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:25px;line-height:1.22;
     color:var(--ocg-ink)!important;margin:0 0 8px;padding-bottom:9px;position:relative}
body .ocgv-h2::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;
     background:linear-gradient(90deg,var(--ocg-wine) 0 58px,var(--ocg-brass) 58px 74px,var(--ocg-line) 74px 100%)}
body .ocgv-upd{font-size:13px;color:var(--ocg-muted)!important;margin:0 0 14px}

body .ocgv-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 14px;
     background:#fff;border:1px solid var(--ocg-line);padding:14px 18px}
body .ocgv-filters__t{font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:12px;
     letter-spacing:.12em;text-transform:uppercase;color:var(--ocg-muted);margin-right:4px}
body label.ocgv-fl{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--ocg-text);cursor:pointer}
body label.ocgv-fl::before{content:"";width:16px;height:16px;border:1.5px solid var(--ocg-muted);background:#fff;
     border-radius:2px;flex:0 0 16px;background-repeat:no-repeat;background-position:center;background-size:10px}
.ocgv-f,.ocgv-morebox{position:fixed;top:0;left:0;opacity:0;width:1px;height:1px;pointer-events:none}
.ocgv-f--fs:checked~.ocgv-filters label[for*="-f-fs-"]::before,
.ocgv-f--wag:checked~.ocgv-filters label[for*="-f-wag-"]::before,
.ocgv-f--int:checked~.ocgv-filters label[for*="-f-int-"]::before,
.ocgv-f--crypto:checked~.ocgv-filters label[for*="-f-crypto-"]::before,
.ocgv-f--low:checked~.ocgv-filters label[for*="-f-low-"]::before{
     background-color:var(--ocg-wine);border-color:var(--ocg-wine);
     background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}

body .ocgv-list>li.ocgv-row{display:grid;grid-template-columns:38px 176px 1fr 196px 164px;
     grid-template-areas:'rank logo id offer act' 'det det det det det';
     align-items:center;gap:0 16px;background:#fff;border:1px solid var(--ocg-line);
     border-left:0;margin:0 0 10px;position:relative;padding:14px 16px 14px 0}
body .ocgv-list>li.ocgv-row.ocgv-hid{display:none}
.ocgv-morebox:checked~.ocgv-list>li.ocgv-row.ocgv-hid{display:grid}
body .ocgv-rank{grid-area:rank;align-self:stretch;display:flex;align-items:center;justify-content:center;
     background:var(--ocg-wine);color:#fff!important;font-family:'OCG Display',Arial,sans-serif;font-weight:700;
     font-size:17px;margin:-14px 0;width:38px}
body .ocgv-list>li.ocgv-row:nth-child(1) .ocgv-rank,
body .ocgv-list>li.ocgv-row:nth-child(2) .ocgv-rank{background:var(--ocg-ink)}
/* владелец 06.09.2026: «лого на витрине маленькие» — плашка и знак крупнее,
   картинка режется по знаку (bbox), поэтому масштабируется до края плашки */
body .ocgv-logo{grid-area:logo;display:flex;align-items:center;justify-content:center;background:#f2efe9;
     border:1px solid var(--ocg-line);height:80px;padding:8px}
body .ocgv-logo img{max-width:158px;max-height:64px;width:auto;height:auto;object-fit:contain}
body .ocgv-id{grid-area:id;min-width:0}
body .ocgv-name{display:block;font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:18px;
     line-height:1.2;color:var(--ocg-ink)}
body .ocgv-chip{display:inline-block;margin:4px 0 0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;
     color:var(--ocg-wine);border-bottom:2px solid var(--ocg-brass);padding-bottom:1px}
body .ocgv-facts{margin:6px 0 0!important;font-size:13.5px;color:var(--ocg-muted)}
body .ocgv-facts li{margin:0 0 2px;padding:0;list-style:none;color:var(--ocg-muted)}
body .ocgv-offer{grid-area:offer;border-top:3px solid var(--ocg-brass);padding-top:8px}
body .ocgv-bonus{display:block;font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:19px;
     line-height:1.15;color:var(--ocg-ink)}
body .ocgv-fs{display:block;font-size:13.5px;color:var(--ocg-wine);margin-top:2px}
body .ocgv-act{grid-area:act;text-align:right}
body a.ocgv-cta{display:block;background:var(--ocg-wine)!important;color:#fff!important;
     font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.05em;
     text-transform:uppercase;text-align:center;text-decoration:none!important;padding:12px 10px;border-radius:2px}
body a.ocgv-cta:hover{background:var(--ocg-wine-d)!important}
body a.ocgv-rev{display:inline-block;margin-top:7px;font-size:13px;color:var(--ocg-muted)!important;
     text-decoration:none!important}
body a.ocgv-rev:hover{color:var(--ocg-wine)!important;text-decoration:underline!important}
body .ocgv-det{grid-area:det;margin-top:10px!important;border-top:1px solid var(--ocg-line);padding-top:8px!important}
body .ocgv-det summary{font-size:13px;font-family:'OCG Display',Arial,sans-serif;font-weight:700;
     letter-spacing:.06em;text-transform:uppercase;color:var(--ocg-muted)}
body .ocgv-det summary::after{content:" +";color:var(--ocg-wine)}
body .ocgv-det[open] summary::after{content:" –"}
body .ocgv-det>div{font-size:13.5px;color:var(--ocg-text);padding:7px 0 2px}
body label.ocgv-more{display:block;text-align:center;border:1px solid var(--ocg-ink);background:#fff;
     font-family:'OCG Display',Arial,sans-serif;font-weight:700;font-size:14px;letter-spacing:.04em;
     padding:11px;cursor:pointer;color:var(--ocg-ink)}
body label.ocgv-more:hover{background:var(--ocg-ink);color:#fff}
.ocgv-morebox:checked~label.ocgv-more{display:none}
body .ocgv-disc{font-size:12.5px;line-height:1.55;color:var(--ocg-muted)!important;margin:12px 0 0}

/* фильтр реально режет: строка без признака уходит, подходящая из хвоста — раскрывается */
.ocgv-f--fs:checked~.ocgv-list>li.ocgv-row:not([data-fs="1"]),
.ocgv-f--wag:checked~.ocgv-list>li.ocgv-row:not([data-wag="1"]),
.ocgv-f--int:checked~.ocgv-list>li.ocgv-row:not([data-int="1"]),
.ocgv-f--crypto:checked~.ocgv-list>li.ocgv-row:not([data-crypto="1"]),
.ocgv-f--low:checked~.ocgv-list>li.ocgv-row:not([data-low="1"]){display:none!important}
.ocgv-f--fs:checked~.ocgv-list>li.ocgv-row.ocgv-hid[data-fs="1"],
.ocgv-f--wag:checked~.ocgv-list>li.ocgv-row.ocgv-hid[data-wag="1"],
.ocgv-f--int:checked~.ocgv-list>li.ocgv-row.ocgv-hid[data-int="1"],
.ocgv-f--crypto:checked~.ocgv-list>li.ocgv-row.ocgv-hid[data-crypto="1"],
.ocgv-f--low:checked~.ocgv-list>li.ocgv-row.ocgv-hid[data-low="1"]{display:grid}

@media(max-width:900px){
  /* мобильная строка держится в ~230 px: логотип и имя в один ярус, оффер и CTA — во второй */
  body .ocgv-list>li.ocgv-row{grid-template-columns:34px 136px 1fr;
       grid-template-areas:'rank logo id' 'rank offer act' 'det det det';
       gap:6px 10px;padding:10px 12px 10px 0;align-items:center}
  body .ocgv-logo{height:62px;width:136px;padding:6px}
  body .ocgv-logo img{max-width:122px;max-height:50px}
  body .ocgv-name{font-size:16px}
  body .ocgv-facts{display:none}
  body .ocgv-bonus{font-size:16px}
  body .ocgv-offer{padding-top:6px}
  body a.ocgv-cta{padding:10px 8px;font-size:13px}
  body .ocgv-det{margin-top:6px!important}
  body .ocgv-rank{margin:-12px 0}
  body .ocgv-logo{justify-self:start;width:150px}
  body .ocgv-offer{margin-top:4px}
  body .ocgv-act{text-align:left}
  body .ocgv-h2{font-size:21px}
  body .ocgv-filters{padding:12px 16px}
}

/* белый текст донора внутри таблиц (его шапка была тёмной) — наследуем цвет ячейки,
   иначе «Casino»/«Pros» рисуются белым по белому (контраст 1.0) */
body .ocg-main table span,body .ocg-main table strong,body .ocg-main table b,
body .ocg-main table em,body .ocg-main table a{color:inherit!important}
body .ocg-main table th span,body .ocg-main table th a{color:#fff!important}
body .ocg-main table td a{color:var(--ocg-wine)!important}

/* стрелки пагинации донора приходили серым #b3b3b3 (контраст 1.9) */
body .ocg-main a[class*="last"],body .ocg-main a[class*="first"],
body .ocg-main a[class*="next"],body .ocg-main a[class*="prev"],
body .ocg-main a[class*="last"] span,body .ocg-main a[class*="first"] span{color:var(--ocg-ink)!important}

/* строка даты внутри тёмного геро обзора — светло-серым, иначе контраст 2 */
body .ocg-hero p.ocg-pageupd,body .ocg-hero p.ocg-pageupd time{color:#9aa3b0!important}
/* стрелки пагинации донора: цвет задаём и вложенным элементам */
body .ocg-main a[class*="last"] *,body .ocg-main a[class*="first"] *,
body .ocg-main a[class*="next"] *,body .ocg-main a[class*="prev"] *{color:var(--ocg-ink)!important}

/* пагинация донора живёт вне контентного контейнера — красим по адресу страницы */
body a[href*="/page/"],body a[href*="/page/"] *{color:var(--ocg-ink)!important}
body a[href*="/page/"]{background:#fff;border:1px solid var(--ocg-line);padding:6px 11px;
     text-decoration:none!important;border-radius:2px;display:inline-block;margin:0 4px 6px 0}
body a[href*="/page/"]:hover{border-color:var(--ocg-wine);color:var(--ocg-wine)!important}

/* заголовки контента — всегда по левому краю (у донора часть H2 центрированы/справа) */
body .ocg-main h2,body .ocg-main h3,body .ocg-main h1{text-align:left!important}
/* пустое оглавление (все пункты донора ушли вместе с его блоками) — не показываем */
body .ocg-main details.ocg-toc:not(:has(a)){display:none!important}

/* таблицы фактов донора шире 390 — держим их в своей прокрутке, а не рвём страницу */
@media(max-width:900px){
  body .ocg-main table,body main table,body .content table{display:block!important;width:100%!important;
       max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  body .ocg-main table td,body .ocg-main table th{white-space:normal;word-break:break-word}
}