/* ── КАРКАС «Nattblå» · onlinecasinoexpert.net (SE, 12-й сайт сети под SE) ─────────────
   Сайт про ставки и казино. Палитра в разведение с соседями по гео: у bastaonlinekasinon
   еловая зелень + мёд, у allaonlinekasinon фалунский красный, у casinoinsikt сталь + мята,
   у onlinecasinotopp слива + янтарь. Здесь — НОЧНАЯ СИНЬ + ОРАНЖЕВЫЙ (спортивная пара).
   ⭐⭐ Ширины владельца: контент 888, контент шапки и подвала 1120. */
:root{
  --oce-navy:#14243f;        /* хром */
  --oce-navy-dk:#0e1a2e;
  --oce-orange:#ef7215;      /* акцент, CTA */
  --oce-orange-dk:#a44b06;   /* ссылки: контраст на белом 5.1 */
  --oce-ink:#1b2430;
  --oce-mut:#55606e;
  --oce-line:#e2e5ea;
  --oce-bg:#f5f6f8;
  --oce-wrap:888px;
  --oce-chrome:1120px;
}
html{background:var(--oce-bg)}
body{background:var(--oce-bg);color:var(--oce-ink);margin:0;
  font-family:"Segoe UI",Roboto,-apple-system,Arial,sans-serif}

.oce-hd__in,.oce-ft__in{max-width:var(--oce-chrome);margin:0 auto;padding-left:20px;
  padding-right:20px;box-sizing:border-box}
@media (max-width:760px){.oce-hd__in,.oce-ft__in{padding-left:14px;padding-right:14px}}

/* ── ШАПКА ───────────────────────────────────────────────────────────────────────── */
.oce-hd{background:var(--oce-navy);border-bottom:3px solid var(--oce-orange);color:#fff}
.oce-hd__in{display:flex;align-items:center;gap:18px;min-height:66px}
.oce-hd__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:0 0 auto}
.oce-hd__mark{width:38px;height:38px;flex:0 0 auto}
.oce-hd__name{display:block;font:700 19px/1.1 inherit;color:#fff}
.oce-hd__name i{font-style:normal;color:var(--oce-orange)}
.oce-hd__tag{display:block;font:400 11px/1.3 inherit;color:#b9c6d8;margin-top:2px}
.oce-nav{margin-left:auto}
.oce-nav__lvl1{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.oce-nav__li{position:relative}
.oce-nav__a{display:block;padding:10px 12px;color:#fff;text-decoration:none;font:600 14px/1.2 inherit;
  border-radius:7px}
.oce-nav__li:hover>.oce-nav__a{background:rgba(255,255,255,.12)}
.oce-nav__sub{display:none;position:absolute;top:100%;left:0;min-width:222px;background:#fff;
  border:1px solid var(--oce-line);border-radius:10px;box-shadow:0 10px 26px rgba(20,36,63,.18);
  padding:7px;z-index:60}
.oce-nav__li:hover>.oce-nav__sub,.oce-nav__li:focus-within>.oce-nav__sub{display:block}
.oce-nav__sub a{display:block;padding:8px 10px;color:var(--oce-ink);text-decoration:none;
  font:500 14px/1.25 inherit;border-radius:7px}
.oce-nav__sub a:hover{background:#eef1f6;color:var(--oce-navy)}
.oce-burger,.oce-burger-lbl{display:none}
@media (max-width:1080px){
  .oce-hd__in{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
  .oce-burger-lbl{display:block;margin-left:auto;font-size:26px;line-height:1;color:#fff;cursor:pointer;padding:2px 8px}
  .oce-nav{flex:1 0 100%;margin-left:0;display:none}
  .oce-burger:checked~.oce-nav{display:block}
  .oce-nav__lvl1{flex-direction:column;gap:0;padding-bottom:10px}
  .oce-nav__sub{display:block;position:static;border:0;box-shadow:none;background:transparent;padding:0 0 6px 12px}
  .oce-nav__sub a{color:#d8e2f0;padding:6px 8px}
}

/* ── ПОДВАЛ ──────────────────────────────────────────────────────────────────────── */
.oce-ft{background:var(--oce-navy);color:#d9e2ee;margin-top:34px}
.oce-ft__in{padding-top:30px;padding-bottom:24px}
.oce-ft__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px}
.oce-ft h3{font:700 15px/1.2 inherit;margin:0 0 10px;color:#fff}
.oce-ft ul{list-style:none;margin:0;padding:0}
.oce-ft li{margin:0 0 7px}
.oce-ft a{color:#d9e2ee;text-decoration:none;font-size:14px}
.oce-ft a:hover{color:var(--oce-orange);text-decoration:underline}
.oce-ft__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.oce-ft__chip{display:inline-block;padding:3px 10px;border:1px solid rgba(255,255,255,.35);
  border-radius:999px;font-size:12px;color:#e7eef7}
.oce-ft__chip--18{background:var(--oce-orange);border-color:var(--oce-orange);color:#241004;font-weight:700}
.oce-ft__trust{font-size:13px;line-height:1.6;color:#c8d5e5;margin:18px 0 0}
.oce-ft__copy{margin:16px 0 0;font-size:12px;color:#aebdd0;border-top:1px solid rgba(255,255,255,.2);
  padding-top:14px}

/* ── КОНТЕНТ ДОНОРА ──────────────────────────────────────────────────────────────── */
body .row,body .main-grid,body .grid-container,body .content-area,body .site-content{
  max-width:var(--oce-wrap)!important;margin-left:auto!important;margin-right:auto!important;
  float:none!important;width:auto!important;padding-left:20px;padding-right:20px;box-sizing:border-box}
@media (max-width:760px){body .row,body .main-grid{padding-left:14px;padding-right:14px}}
body .columns,body .column{width:100%!important;float:none!important;padding-left:0!important;
  padding-right:0!important;max-width:100%!important}
body h1,body h2,body h3,body h4{color:var(--oce-navy)!important;line-height:1.25}
body h1{font-size:31px;margin:6px 0 14px}
body h2{font-size:23px;margin:26px 0 10px}
body p,body li,body td{font-size:16px;line-height:1.65;color:var(--oce-ink)}
body a{color:var(--oce-orange-dk)!important}
body a:hover{color:var(--oce-navy)!important}
body header.oce-hd a{color:#fff!important}
body header.oce-hd .oce-nav__sub a{color:var(--oce-ink)!important}
body footer.oce-ft a{color:#d9e2ee!important}
body footer.oce-ft a:hover{color:var(--oce-orange)!important}
body footer.oce-ft h3,body header.oce-hd *{color:#fff!important}
body img{max-width:100%;height:auto}

/* кнопки донора: красные → оранжевые наши */
body .btn,body .button,body a.btn,body .bet-card a,body .bonus-btn,body .cta{
  background:var(--oce-orange)!important;color:#241004!important;border-radius:8px!important;
  border:0!important;font-weight:700!important;box-shadow:0 2px 0 var(--oce-orange-dk)!important}

/* ── СВОИ СТРАНИЦЫ ───────────────────────────────────────────────────────────────── */
main.oce-own{display:block;background:#fff;max-width:var(--oce-wrap);margin:0 auto;padding:0 0 10px}
main.oce-own .oce-in{max-width:var(--oce-wrap);margin:0 auto;padding:26px 20px 40px;box-sizing:border-box}
main.oce-own .breadcrumbs{font-size:13px;color:var(--oce-mut);margin:0 0 6px}
main.oce-own .breadcrumbs a{color:var(--oce-mut)!important}
main.oce-own h1{font:700 31px/1.2 inherit;margin:6px 0 14px}
main.oce-own h2{font:700 21px/1.3 inherit;color:var(--oce-navy);margin:26px 0 10px;
  padding-top:14px;border-top:1px solid var(--oce-line)}
main.oce-own p{margin:0 0 12px}
main.oce-own ul{margin:0 0 14px;padding-left:22px}
main.oce-own li{margin:0 0 7px}
main.oce-own code{background:#eef1f6;padding:1px 6px;border-radius:5px;font-size:14px}
.oce-upd{font-size:13px;color:var(--oce-mut);margin:6px 0 14px}
.oce-upd b{color:var(--oce-navy)}
main.oce-own .oce-upd{margin-top:26px;padding-top:12px;border-top:1px solid var(--oce-line)}

/* блок «Läs vidare» для страниц-сирот */
.oce-orph{max-width:var(--oce-wrap);width:calc(100% - 32px);margin:18px auto 26px;padding:0;
  box-sizing:border-box;font-size:14px;line-height:1.6}

/* ⚠️ сетка донора резервировала место под сайдбар: после его сноса `.main-content`
   осталась 535 px из 888. Колонки распускаем на всю ширину контента. */
body .main-container{max-width:var(--oce-wrap)!important;margin-left:auto!important;
  margin-right:auto!important;padding-left:0!important;padding-right:0!important}
body .main-grid,body .main-grid.sidebar{display:block!important;max-width:var(--oce-wrap)!important;
  margin-left:auto!important;margin-right:auto!important}
body .main-content{width:100%!important;max-width:100%!important;flex:1 1 100%!important;
  float:none!important;padding-left:0!important;padding-right:0!important}
body .row.no-flex,body .stripe{max-width:100%!important;padding-left:0!important;padding-right:0!important}
body .column.small-12,body [class*="medium-"],body [class*="large-"]{width:100%!important;
  max-width:100%!important;flex:1 1 100%!important}

/* индекс раздела на хабе + блок «Läs vidare» (перелинковка после сноса сайдбара донора) */
.oce-idx{display:block;max-width:var(--oce-wrap);margin:26px auto 8px;padding:16px 20px;
  box-sizing:border-box;background:#fff;border:1px solid var(--oce-line);border-radius:12px;
  font-size:14px;line-height:1.7}
.oce-idx b{display:block;margin-bottom:8px;color:var(--oce-navy);font-size:15px}
.oce-idx a{display:inline-block;margin:0 10px 6px 0}
.oce-orph{max-width:var(--oce-wrap);width:calc(100% - 32px);margin:18px auto 26px}

/* ⚠️ общие правила текста (`body p/li/td`) перебивали цвет подвала — там текст стал
   тёмным по тёмному (контраст 1.0). Объявляем цвета хрома явно и сильнее. */
body footer.oce-ft,body footer.oce-ft p,body footer.oce-ft li,body footer.oce-ft span,
body footer.oce-ft td,body footer.oce-ft b{color:#d9e2ee!important}
body footer.oce-ft .oce-ft__chip--18{color:#241004!important}
body header.oce-hd p,body header.oce-hd span,body header.oce-hd li,body header.oce-hd b{color:#fff!important}
body header.oce-hd .oce-nav__sub a,body header.oce-hd .oce-nav__sub *{color:var(--oce-ink)!important}

/* красная соц-полоса донора внизу страницы: соцсети из неё уже сняты, остались наши
   тёмные ссылки по красному — блок больше ничего не делает */
body .social-stripe{display:none!important}

/* мобильный экран 390: логотип с подписью не помещался в шапку, а контент шёл без полей */
@media (max-width:760px){
  .oce-hd__logo{min-width:0;flex:1 1 auto}
  .oce-hd__name{font-size:16px}
  .oce-hd__tag{display:none}
  body .main-content,body .entry-content,body article,body .oce-idx,body .oce-orph{
    padding-left:14px;padding-right:14px;box-sizing:border-box}
  body .oce-in{padding-left:14px;padding-right:14px}
}

/* обёртка контента донора внутри <main> (одна секция — одна ширина, R11) */
.oce-body{display:block;max-width:var(--oce-wrap);margin:0 auto;box-sizing:border-box}
@media (max-width:760px){.oce-body{padding-left:14px;padding-right:14px}}

/* красные кнопки донора (#ed1c24): белый текст даёт 4.34 — ниже нормы. Красим в свой оранжевый
   с тёмным текстом (контраст 7.0) */
body .mb-button,body .mb-button *,body .btn-red,body .red-button{
  background:var(--oce-orange)!important;color:#241004!important;border:0!important}

/* остатки красных меню-виджетов донора: наш тёмный текст по красному даёт 1.3–3.6.
   Виджет-меню в контенте перекрашиваем в наш хром. */
body .widget_nav_menu,body .menu-item,body .stripe.style-b{background:transparent!important}
body .widget_nav_menu a,body .menu-item a{color:var(--oce-orange-dk)!important;background:transparent!important}
body .widget_nav_menu li,body .menu-item{background:transparent!important;color:var(--oce-ink)!important}

/* донорские подложки логотипов и таблицы вылезали за экран */
body .bet-background{max-width:100%!important;width:100%!important}
body table{display:block;overflow-x:auto;max-width:100%}
@media (max-width:760px){body table{font-size:14px}}

/* кнопка предложения донора: белый по #ed1d24 = 4.37 — ниже нормы */
body .bookmaker-offer__btn,body .bookmaker-offer__btn *{background:var(--oce-orange)!important;
  color:#241004!important;border:0!important}

/* FAQ донора складывался скриптом (высота 0). Правило сети: ВСЕ ответы развёрнуты всегда */
.vcu_faq-accordion-panel{max-height:none!important;height:auto!important;overflow:visible!important;
  display:block!important;padding:6px 0 12px}
.vcu_faq-accordion-item{border-bottom:1px solid var(--oce-line);padding-bottom:6px}

/* кнопки донора: цвет текста задаётся его правилом с высокой специфичностью */
body .button,body .button *,body .button.primary,body .button.primary *{
  background:var(--oce-orange)!important;color:#241004!important}

/* полосы донора несли 64 px пустоты сверху — на светлом каркасе это читается как провал */
body .stripe{padding-top:18px!important;padding-bottom:6px!important}