/* ============================================================================
   casinorecent.com — каркас «Ceannlíne» (IE, en-IE)
   Палитра: чернила #151b2b · сланец #33415c · коралл #d1452f (акцент и CTA)
            бумага #f5f2ec · плашка #ffffff · линия #dcd6ca
   Шрифты:  Source Sans Pro (текст, шрифт донора) + Bitter (заголовки, slab)
   Разведение с соседями по IE: gamblemeter «Tomhas» (чернила-петроль + мох +
   виски-золото, однострочная шапка) и besteirecasinos (сетка 1180, фавикон-
   шестиугольник). Здесь: ДВУХЪЯРУСНАЯ шапка с тёмной утилити-полосой,
   подвал «широкий траст сверху + 3 колонки», синие чернила + коралл, slab-
   заголовки, карточки-строки с левой коралловой рейкой, фавикон-ЩИТ.
   ========================================================================== */

:root{
  --crc-ink:#151b2b;
  --crc-slate:#33415c;
  --crc-coral:#d1452f;
  --crc-coral-d:#a83421;
  --crc-paper:#f5f2ec;
  --crc-card:#ffffff;
  --crc-line:#dcd6ca;
  --crc-mute:#5d6879;
  --crc-w:888px;
  --crc-w-text:760px;
  --crc-w-chrome:1120px;
  --pad:20px;
  --gap:24px;
}
@media (max-width:780px){:root{--pad:16px;--gap:12px}}

/* ── шрифты донора + slab для заголовков (файлы локальные, /x/crc/f/) ───── */
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-display:swap;
  src:url('/x/crc/f/ssp-400.woff2') format('woff2')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-display:swap;
  src:url('/x/crc/f/ssp-600.woff2') format('woff2')}
@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-display:swap;
  src:url('/x/crc/f/ssp-700.woff2') format('woff2')}
@font-face{font-family:'Bitter';font-style:normal;font-weight:600;font-display:swap;
  src:url('/x/crc/f/bitter-600.woff2') format('woff2')}
@font-face{font-family:'Bitter';font-style:normal;font-weight:700;font-display:swap;
  src:url('/x/crc/f/bitter-700.woff2') format('woff2')}

/* ── база ───────────────────────────────────────────────────────────────── */
body{background:var(--crc-paper)!important;color:var(--crc-ink)!important;
     font-family:'Source Sans Pro',-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
     font-size:17px!important;line-height:1.68!important;margin:0!important;padding:0!important}
body h1,body h2,body h3,body h4,body .crc-hd__logo b{
     font-family:'Bitter','Source Sans Pro',Georgia,serif!important;
     color:var(--crc-ink)!important;line-height:1.25!important;letter-spacing:-.01em}
body h1{font-size:2.05rem!important;font-weight:700!important;margin:.2em 0 .5em}
body h2{font-size:1.5rem!important;font-weight:700!important;margin:1.6em 0 .5em;
     padding-bottom:.32em;border-bottom:2px solid var(--crc-line)}
body h3{font-size:1.2rem!important;font-weight:600!important;margin:1.4em 0 .4em}
body a{color:var(--crc-slate)}
body a:hover{color:var(--crc-coral)}
/* маркеры-крапины темы у каждого <li> */
body #main_inner li::before,body .page-wrapper li::before{content:none!important;display:none!important}

/* ── сетка: одна ширина на весь сайт ────────────────────────────────────── */
body .page-wrapper{background:transparent!important;overflow:visible!important}
body .page-wrapper > .section,
body .page-wrapper > .section.section-two-cols{background:transparent!important;
     padding-top:0!important;padding-bottom:0!important}
body .page-wrapper .container{max-width:var(--crc-w)!important;width:100%!important;
     margin:0 auto!important;padding:0!important;box-sizing:border-box!important;float:none!important}
body .crc-textpage .page-wrapper .container{max-width:var(--crc-w-text)!important}
/* отступ держат ПРЯМЫЕ дети контейнера, промежуточные обёртки обнуляются */
body .page-wrapper .container > *{padding-left:var(--pad)!important;padding-right:var(--pad)!important;
     box-sizing:border-box!important;max-width:100%!important}
body .page-wrapper .container .container,
body .page-wrapper .container .row{padding-left:0!important;padding-right:0!important;
     margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
/* сайдбар снят физически (стадия 05) — колонка контента во всю ширину */
body .col-lg-8,body .col-main,body .col-lg-12{width:100%!important;max-width:100%!important;
     flex:0 0 100%!important;padding-left:0!important;padding-right:0!important;float:none!important}
body .row{display:block!important}
body .section-two-cols .row > *{width:100%!important;max-width:100%!important;flex:none!important}
body img{max-width:100%;height:auto}

/* ── ШАПКА: два яруса ───────────────────────────────────────────────────── */
.crc-hd{background:var(--crc-card);border-bottom:3px solid var(--crc-coral);
        box-shadow:0 1px 0 rgba(21,27,43,.06);position:relative;z-index:900}
.crc-hd__util{background:var(--crc-ink);color:#c9d0dd;font-size:.82rem;letter-spacing:.02em}
.crc-hd__util-in{max-width:var(--crc-w-chrome);margin:0 auto;padding:7px var(--pad);
        display:flex;justify-content:space-between;gap:12px;align-items:center;box-sizing:border-box}
.crc-hd__util b{color:#fff;font-weight:600}
.crc-hd__util .crc-hd__age{border:1px solid #4a5468;border-radius:3px;padding:1px 6px;
        color:#fff;font-weight:700;font-size:.76rem}
.crc-hd__main{max-width:var(--crc-w-chrome);margin:0 auto;padding:14px var(--pad);
        display:flex;align-items:center;gap:26px;box-sizing:border-box}
.crc-hd__logo{display:flex;align-items:center;gap:10px;text-decoration:none!important;flex:0 0 auto}
.crc-hd__logo svg{width:34px;height:38px;display:block}
.crc-hd__logo b{font-size:1.42rem;font-weight:700;color:var(--crc-ink)!important;letter-spacing:-.02em}
.crc-hd__logo i{font-style:normal;color:var(--crc-coral)}
.crc-hd__logo span{display:block;font-size:.68rem;color:var(--crc-mute);letter-spacing:.09em;
        text-transform:uppercase;margin-top:-3px}
.crc-nav{margin-left:auto}
.crc-nav > ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.crc-nav > ul > li{position:relative}
.crc-nav > ul > li > a{display:block;padding:10px 13px;font-size:.97rem;font-weight:600;
        color:var(--crc-ink)!important;text-decoration:none!important;border-radius:3px}
.crc-nav > ul > li:hover > a,.crc-nav > ul > li:focus-within > a{background:var(--crc-paper);
        color:var(--crc-coral)!important}
.crc-nav__sub{position:absolute;left:0;top:100%;min-width:236px;background:var(--crc-card);
        border:1px solid var(--crc-line);border-top:3px solid var(--crc-coral);
        box-shadow:0 14px 32px rgba(21,27,43,.14);list-style:none;margin:0;padding:6px 0;
        visibility:hidden;opacity:0;transform:translateY(4px);transition:.14s;z-index:901}
.crc-nav > ul > li:hover .crc-nav__sub,.crc-nav > ul > li:focus-within .crc-nav__sub{
        visibility:visible;opacity:1;transform:none}
.crc-nav > ul > li:nth-last-child(-n+2) .crc-nav__sub{left:auto;right:0}
body .crc-hd .crc-nav__sub a{display:block;padding:8px 16px;font-size:.93rem;
        color:var(--crc-ink)!important;text-decoration:none!important}
body .crc-hd .crc-nav__sub a:hover{background:var(--crc-paper);color:var(--crc-coral)!important}
.crc-hd__burger{display:none}

@media (max-width:900px){
  .crc-hd__main{flex-wrap:wrap;gap:10px}
  .crc-hd__util-in{font-size:.76rem}
  .crc-nav{margin-left:0;width:100%}
  .crc-nav > ul{flex-wrap:wrap;gap:0}
  .crc-nav > ul > li{width:100%;border-top:1px solid var(--crc-line)}
  .crc-nav > ul > li > a{padding:9px 0}
  .crc-nav__sub{position:static;visibility:visible;opacity:1;transform:none;border:0;
        box-shadow:none;padding:0 0 6px 12px;min-width:0}
  body .crc-hd .crc-nav__sub a{padding:5px 0;font-size:.9rem;color:var(--crc-mute)!important}
}

/* ── крошки ─────────────────────────────────────────────────────────────── */
body .breadcrumbs-wrapper{max-width:var(--crc-w);margin:16px auto 4px!important;
        padding:0 var(--pad)!important;font-size:.85rem;color:var(--crc-mute);box-sizing:border-box}
body .breadcrumbs-wrapper a{color:var(--crc-mute)}

/* ── контентные плашки: три уровня плоскостей ───────────────────────────── */
body .page-wrapper .container > .entry-content,
body .page-wrapper .container > .row,
body .page-wrapper .container > .section-content,
body #main_inner{background:var(--crc-card)!important;border:1px solid var(--crc-line)!important;
        border-radius:4px!important;padding:26px var(--pad) 30px!important;
        margin:0 0 var(--gap)!important;box-sizing:border-box!important}
body .page-wrapper .container > .row .row,
body .page-wrapper .container > .entry-content .row{background:transparent!important;
        border:0!important;padding:0!important;margin:0!important}
/* заголовки донора шли по центру — портал читается лучше с левым краем */
body .page-wrapper h1,body .page-wrapper h2,body .page-wrapper h3{text-align:left!important}
/* донорский лид-абзац по центру и серым */
body .page-wrapper .entry-content > p[style]{text-align:left!important;color:var(--crc-ink)!important}

/* ── таблицы донора ─────────────────────────────────────────────────────── */
body table{width:100%!important;border-collapse:collapse;font-size:.95rem;background:var(--crc-card)}
body table th{background:var(--crc-ink)!important;color:#fff!important;text-align:left!important;
        padding:10px 12px!important;font-weight:600!important;border:0!important}
body table td{border-top:1px solid var(--crc-line)!important;padding:10px 12px!important;
        background:transparent!important}
body table tr:nth-child(even) td{background:#faf8f4!important}

/* ── ПОДВАЛ: широкий траст сверху + три колонки ─────────────────────────── */
.crc-ft{background:var(--crc-ink);color:#c6cdda;margin-top:38px;font-size:.94rem}
.crc-ft a{color:#c6cdda!important;text-decoration:none}
.crc-ft a:hover{color:#fff!important;text-decoration:underline}
.crc-ft__trust{background:#1d2537;border-bottom:1px solid #2b3550}
.crc-ft__trust-in{max-width:var(--crc-w-chrome);margin:0 auto;padding:20px var(--pad);
        display:grid;grid-template-columns:repeat(3,1fr);gap:16px;box-sizing:border-box}
.crc-ft__badge{display:flex;gap:11px;align-items:flex-start;background:#232c40;
        border:1px solid #2f3a52;border-radius:4px;padding:13px 15px;box-sizing:border-box}
.crc-ft__badge svg{flex:0 0 auto;width:26px;height:26px;margin-top:2px}
.crc-ft__badge b{display:block;color:#fff;font-size:.95rem;margin-bottom:2px;font-weight:600}
.crc-ft__badge span{display:block;font-size:.85rem;line-height:1.5;color:#aab3c4}
.crc-ft__cols{max-width:var(--crc-w-chrome);margin:0 auto;padding:26px var(--pad) 22px;
        display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:26px;box-sizing:border-box}
.crc-ft__cols h4{font-family:'Bitter',Georgia,serif;color:#fff!important;font-size:1rem;
        margin:0 0 10px;letter-spacing:.01em}
.crc-ft__cols ul{list-style:none;margin:0;padding:0}
.crc-ft__cols li{margin:0 0 7px}
.crc-ft__about p{margin:0 0 10px;color:#aab3c4;line-height:1.62}
.crc-ft__bar{border-top:1px solid #2b3550}
.crc-ft__bar-in{max-width:var(--crc-w-chrome);margin:0 auto;padding:14px var(--pad);
        display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
        font-size:.85rem;color:#8e97a9;box-sizing:border-box}
.crc-ft__age{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
        border:2px solid #d1452f;border-radius:50%;color:#fff!important;font-weight:700;font-size:.8rem}
@media (max-width:820px){
  .crc-ft__trust-in{grid-template-columns:1fr}
  .crc-ft__cols{grid-template-columns:1fr;gap:20px}
}

/* ── мелочи, которые тема донора красила своим акцентом ─────────────────── */
body .btn,body .button,body a.btn{background:var(--crc-coral)!important;border-color:var(--crc-coral)!important;
        color:#fff!important;border-radius:3px!important;font-weight:600!important}
body .btn:hover,body a.btn:hover{background:var(--crc-coral-d)!important}
body blockquote,body .su-note{border-left:4px solid var(--crc-coral)!important;
        background:#fff!important;padding:14px 18px!important;margin:18px 0!important}

/* ── контраст: приглушённые тексты донора были #b7d9ef / #08f на белом ──── */
body .title-score,body .num-percent span,body .prp-el-circle-rating span,
body .rating-text,body .score-text{color:var(--crc-mute)!important}
body .num-percent{color:var(--crc-ink)!important;font-weight:700!important}
/* донорский лид по центру — портал читается с левого края */
body .entry-content p[style*="center"],body .entry-content p[style*="justify"]{
        text-align:left!important;color:var(--crc-ink)!important}
/* карточка контента: воздух под шапкой */
body .page-wrapper > .section:first-of-type .container > *{margin-top:22px!important}

/* ── плитки донора «View Casino Sites Based On» (одинарные кавычки в разметке) ── */
body .entry-content .row{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px;
        max-width:100%!important;margin:14px 0!important}
body .entry-content .row > *{width:auto!important;max-width:100%!important;padding:0!important}
body .box-s2{background:var(--crc-card)!important;border:1px solid var(--crc-line)!important;
        border-radius:4px!important;padding:14px 18px!important;text-align:center;
        box-sizing:border-box!important;transition:.15s}
body .box-s2:hover{border-color:var(--crc-coral)!important;box-shadow:0 4px 14px rgba(21,27,43,.08)}
body .box-s2 span{color:var(--crc-ink)!important;font-weight:600;font-size:.97rem}
body a.box-link{text-decoration:none!important;display:block}
@media (max-width:780px){body .entry-content .row{grid-template-columns:1fr 1fr}}
/* строки витрины донора: пока она не заменена своей (этап 08) — не липнуть к краю */
body .table-s1 .row,body .table-s1 [class*="col-"]{padding-left:12px!important;padding-right:12px!important;
        box-sizing:border-box!important}

/* ── добор после этапа 08 ──────────────────────────────────────────────── */
/* контейнер темы в секциях донора держал 1140 px — сетка одна на весь сайт */
body div.page-wrapper div.container,
body .page-wrapper .section .container,
body .page-wrapper .section-two-cols .container{max-width:var(--crc-w)!important}
body .crc-textpage div.page-wrapper div.container{max-width:var(--crc-w-text)!important}
/* кнопки shortcodes-ultimate с инлайновым голубым фоном донора (контраст 2.0) */
body .su-button,body a.su-button{background:var(--crc-coral)!important;
        background-color:var(--crc-coral)!important;border-color:var(--crc-coral-d)!important;
        color:#fff!important;border-radius:3px!important}
body .su-button:hover{background-color:var(--crc-coral-d)!important}
body .su-button span{color:#fff!important;border-color:transparent!important}

/* ── добор: контейнер темы в двухколоночной секции держал 1140 px ─────────
   у донора правило `.prp-page.page .container{max-width:1140px}` (0,3,0) сильнее
   нашего `body .page-wrapper .container` (0,1,3) — берём три класса подряд */
.page-wrapper .container.container.container{max-width:var(--crc-w)!important;
        padding-left:0!important;padding-right:0!important}
body.crc-textpage .page-wrapper .container.container.container{max-width:var(--crc-w-text)!important}
/* мобильный отступ у плиток и рядов донора */
@media (max-width:780px){
  body .entry-content .row{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
  body .page-wrapper .container > *{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
}

/* донорские кнопки prp-btn были голубыми #29a3e0 с белым текстом (контраст 2.0) */
body .prp-btn,body a.prp-btn{background:var(--crc-coral)!important;background-color:var(--crc-coral)!important;
        color:#fff!important;border-color:var(--crc-coral-d)!important;border-radius:3px!important}
body .prp-btn:hover{background-color:var(--crc-coral-d)!important}
/* мелкие условия бонуса донора — отступ от края плашки */
body .terms-wrapper,body .terms,body .bonus-terms{padding-left:var(--pad)!important;
        padding-right:var(--pad)!important;box-sizing:border-box!important}

/* ── индекс-перечень (лечит сирот после снятия сайдбара донора) ─────────── */
.crc-index{background:var(--crc-card);border:1px solid var(--crc-line);border-radius:4px;
        padding:22px var(--pad) 24px;margin:24px 0}
body .crc-index h2{margin:0 0 8px!important;border:0!important;padding:0!important;
        font-size:1.32rem!important}
.crc-index p{margin:0 0 14px;color:var(--crc-mute);font-size:.94rem}
.crc-index__list{list-style:none;margin:0;padding:0;column-count:2;column-gap:26px}
.crc-index__list li{margin:0 0 7px;font-size:.94rem;break-inside:avoid;
        border-bottom:1px solid #efeae0;padding-bottom:6px}
body .crc-index__list a{color:var(--crc-ink)!important;text-decoration:none!important}
body .crc-index__list a:hover{color:var(--crc-coral)!important;text-decoration:underline!important}
@media (max-width:780px){.crc-index__list{column-count:1}}
/* CTA своих обзоров (без классов витрины — иначе C11.4 считает обзор витриной) */
body a.crc-cta{display:inline-block;background:var(--crc-coral)!important;color:#fff!important;
        font-weight:700;padding:12px 22px;border-radius:3px;text-decoration:none!important}
body a.crc-cta:hover{background:var(--crc-coral-d)!important}
.crc-fine{font-size:.82rem;color:var(--crc-mute);line-height:1.55;margin:14px 0 0}

/* ══ ⛔⛔ ЧАСТЬ КОНТЕНТА ЛЕЖИТ СИБЛИНГОМ .page-wrapper ═══════════════════════
   У донора вторая секция (`.section.section-two-cols` — та, где статья) стоит ЗА
   закрывающим тегом обёртки: `div.page-wrapper` закрывается сразу после первой секции.
   Поэтому все правила каркаса дублируются БЕЗ префикса `.page-wrapper`
   ([[donor-content-outside-app-wrapper]]). */
body .container.container.container{max-width:var(--crc-w)!important;width:100%!important;
        margin:0 auto!important;padding-left:0!important;padding-right:0!important;
        box-sizing:border-box!important;float:none!important}
body.crc-textpage .container.container.container{max-width:var(--crc-w-text)!important}
body > .section,body > .section.section-two-cols{background:transparent!important;
        padding-top:0!important;padding-bottom:0!important}
body .container > *{padding-left:var(--pad)!important;padding-right:var(--pad)!important;
        box-sizing:border-box!important;max-width:100%!important}
body .container .container,body .container .row{padding-left:0!important;padding-right:0!important;
        margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
body .container > .entry-content,body .container > .row{background:var(--crc-card)!important;
        border:1px solid var(--crc-line)!important;border-radius:4px!important;
        padding:26px var(--pad) 30px!important;margin:0 0 var(--gap)!important}
body .container > .row .row,body .container > .entry-content .row{background:transparent!important;
        border:0!important;padding:0!important;margin:0!important}
/* мелкие условия бонуса донора внутри ячеек — отступ от края плашки */
body .prp-table-cell{padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}

/* заголовки и абзацы донора, лежащие прямо в .container, на мобиле упирались в край */
@media (max-width:780px){
  body .container > h2,body .container > h3,body .container > p,
  body .entry-content > h2,body .entry-content > h3{
        padding-left:var(--pad)!important;padding-right:var(--pad)!important;box-sizing:border-box}
}
@media (max-width:780px){
  /* прямые дети контентной плашки донора тоже держат поле (H3 «View Casino Sites Based On») */
  body .entry-content > *,body .col-main > article > *{padding-left:var(--pad)!important;
        padding-right:var(--pad)!important;box-sizing:border-box}
  body .entry-content{padding-left:0!important;padding-right:0!important}
}

/* ⚠️ R7 меряет РАМКУ элемента, а не текст: у H3 донора padding был 16 px, но сама рамка
   упиралась в край экрана, и чекер честно писал «текст у края». На мобиле отступ прямым
   детям контейнера даём МАРДЖИНОМ — он двигает рамку
   ([[padding-lives-on-the-block-that-paints-background]]). */
@media (max-width:780px){
  body .container.container.container{padding-left:0!important;padding-right:0!important}
  body .container.container.container > *{margin-left:var(--pad)!important;
        margin-right:var(--pad)!important;width:auto!important;max-width:none!important;
        padding-left:0!important;padding-right:0!important}
  /* блоки, которые РИСУЮТ фон, получают своё поле внутри */
  body .container.container.container > .entry-content,
  body .container.container.container > .row,
  body .container.container.container > .crc-index{padding-left:14px!important;
        padding-right:14px!important}
  body .entry-content > *,body .col-main > article > *{padding-left:0!important;
        padding-right:0!important;margin-left:0!important;margin-right:0!important}
}