/* Каркас «Jacaranda» — xcasinobonuses.net (AU, 6-й сайт сети под AU).
   Палитра: жакаранда #5b3a8c + золото #f0b429 + кремовый #f7f4fb.
   У соседей по AU: ночная синь+золото (grd), «Red Centre» (cst), бирюза+коралл (atc),
   тёмная синь донора (oac), эвкалипт+акация (oas). Повторов нет. */

:root{--xcb-plum:#5b3a8c;--xcb-plum2:#3d2463;--xcb-gold:#f0b429;--xcb-gold2:#c9920f;
  --xcb-cream:#f7f4fb;--xcb-ink:#22202b;--xcb-dim:#5f5a6b;--xcb-line:#ddd6ea}

/* тема донора — bootstrap с фиксированной шапкой: свою ставим статикой, отступ снимаем */
body{padding-top:0!important;background:#fff}
.container,.xcb-hd__in,.xcb-ft__in{padding-left:20px;padding-right:20px;box-sizing:border-box}
@media (max-width:760px){.container,.xcb-hd__in,.xcb-ft__in{padding-left:14px;padding-right:14px}}

/* ── ШАПКА ── */
.xcb-hd{background:var(--xcb-plum);color:#fff;border-bottom:3px solid var(--xcb-gold);position:static}
.xcb-hd__in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:18px;min-height:66px}
.xcb-hd__logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:0 0 auto}
.xcb-hd__mark{width:38px;height:38px;flex:0 0 auto}
.xcb-hd__name{display:block;font:700 19px/1.1 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff}
.xcb-hd__name i{font-style:normal;color:var(--xcb-gold)}
.xcb-hd__tag{display:block;font:400 11px/1.3 Arial,sans-serif;color:#d6c8ef;margin-top:2px}
.xcb-nav{margin-left:auto}
.xcb-nav__lvl1{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.xcb-nav__li{position:relative}
.xcb-nav__a{display:block;padding:12px 13px;color:#fff;text-decoration:none;font:500 14px/1.2 Arial,sans-serif;border-radius:6px}
.xcb-nav__li:hover>.xcb-nav__a{background:var(--xcb-plum2);color:var(--xcb-gold)}
.xcb-nav__sub{position:absolute;left:0;top:100%;min-width:236px;background:#fff;border:1px solid var(--xcb-line);
  border-top:3px solid var(--xcb-gold);border-radius:0 0 8px 8px;box-shadow:0 12px 30px rgba(34,32,43,.2);
  padding:8px 0;display:none;z-index:1200}
.xcb-nav__li:hover>.xcb-nav__sub{display:block}
.xcb-nav__sub a{display:block;padding:8px 16px;color:var(--xcb-ink);text-decoration:none;font:400 14px/1.3 Arial,sans-serif}
.xcb-nav__sub a:hover{background:var(--xcb-cream);color:var(--xcb-plum)}
.xcb-burger,.xcb-burger-lbl{display:none}
@media (max-width:1080px){
  .xcb-burger-lbl{display:block;margin-left:auto;font-size:26px;line-height:1;color:var(--xcb-gold);cursor:pointer;padding:6px 10px}
  .xcb-nav{display:none;order:9;flex:1 0 100%;margin:0}
  .xcb-burger:checked~.xcb-nav{display:block}
  .xcb-nav__lvl1{flex-direction:column;gap:0;padding-bottom:10px}
  .xcb-nav__a{padding:11px 4px;border-bottom:1px solid rgba(255,255,255,.14)}
  .xcb-nav__sub{position:static;display:block;box-shadow:none;border:0;background:transparent;padding:0 0 6px 12px}
  .xcb-nav__sub a{color:#e0d5f5;padding:7px 4px;font-size:13px}
  .xcb-nav__sub a:hover{background:transparent;color:var(--xcb-gold)}
  .xcb-hd__in{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
}

/* ── ПОДВАЛ ── */
.xcb-ft{background:var(--xcb-plum);color:#e4dcf2;margin-top:44px;border-top:3px solid var(--xcb-gold);
  font:400 14px/1.6 Arial,sans-serif}
.xcb-ft__in{max-width:1180px;margin:0 auto;padding-top:32px;padding-bottom:26px}
.xcb-ft__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
.xcb-ft h3{margin:0 0 12px;font:700 15px/1.2 Arial,sans-serif;color:var(--xcb-gold)}
.xcb-ft ul{list-style:none;margin:0;padding:0}
.xcb-ft li{margin:0 0 7px}
.xcb-ft a{color:#e4dcf2;text-decoration:none;border-bottom:1px solid transparent}
.xcb-ft a:hover{color:#fff;border-bottom-color:var(--xcb-gold)}
.xcb-ft__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.xcb-ft__chip{display:inline-block;padding:4px 10px;border:1px solid rgba(255,255,255,.3);border-radius:999px;
  font-size:12px;color:#fff}
.xcb-ft__chip--18{background:var(--xcb-gold);border-color:var(--xcb-gold);color:#22202b;font-weight:700}
.xcb-ft__trust{margin:22px 0 0;font-size:12.5px;line-height:1.7;color:#d3c8e6}
.xcb-ft__trust b{color:#fff}
.xcb-ft__copy{margin:16px 0 0;font-size:12px;color:#cbc0e0;border-top:1px solid rgba(255,255,255,.18);padding-top:14px}
@media (max-width:900px){.xcb-ft__cols{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.xcb-ft__cols{grid-template-columns:1fr}}

/* ── поверх темы донора ── */
.xcb-upd{margin:6px 0 18px;font:400 12.5px/1.5 Arial,sans-serif;color:var(--xcb-dim)}
.xcb-upd b{color:var(--xcb-plum)}
body .navbar-fixed-top{position:static}
h1,h2,h3{color:var(--xcb-ink)}
h1{color:var(--xcb-plum)}
.container a:not([class]){color:var(--xcb-plum)}
.container a:not([class]):hover{color:var(--xcb-gold2)}
.btn-success{background:var(--xcb-gold);border-color:var(--xcb-gold2);color:#22202b;text-shadow:none}
.btn-success:hover,.btn-success:focus{background:var(--xcb-gold2);border-color:var(--xcb-gold2);color:#22202b}
.label-warning{background:var(--xcb-plum)}
/* боковая колонка донора: своя рамка вместо жёлтой заливки */
.sidebar,.col-md-3 .well,.well{background:var(--xcb-cream);border:1px solid var(--xcb-line);
  box-shadow:none;border-radius:10px;color:var(--xcb-ink)}

/* текстовый чип вместо мёртвой иконки платёжки донора */
.xcb-pay{display:inline-block;margin:2px 4px 2px 0;padding:3px 9px;border:1px solid var(--xcb-line);
  border-radius:999px;background:var(--xcb-cream);color:var(--xcb-dim);font-size:12px;line-height:1.5}
/* крошки донора читались бледно-серым */
.breadcrumb,.breadcrumb a,.breadcrumbs a{color:var(--xcb-plum)}
.breadcrumb>li+li:before{color:var(--xcb-dim)}
.breadcrumb>.active,.breadcrumb li.active{color:var(--xcb-ink)}

/* контраст: счётчик в фильтрах и виджет твиттера донора */
.xcbv-filters label b{color:#7d5b06}
a[href*="twitter.com"],.twitter-share-button,.twitter-follow-button{color:#0f6ea8}

/* ── табы донора работали на JS: раскрываем все панели, навигацию снимаем ── */
.tab-content>.tab-pane{display:block!important;opacity:1!important}
.tab-content>.tab-pane+.tab-pane{margin-top:14px;padding-top:14px;border-top:1px solid var(--xcb-line)}
/* .nav-tabs вырезана стадией 05c, стилем не прячем — иначе «скрытый текст» */

/* ── мобильные переполнения темы ── */
@media (max-width:760px){
  .social-buttons{display:flex;flex-wrap:wrap;gap:6px;max-width:100%}
  .container table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .container table td,.container table th{padding-left:8px;padding-right:8px}
  .xcbv-wrap table{display:table}
}

/* аккордеон донора (bootstrap collapse) висел на JS — ответы раскрыты всегда
   (правило сети: FAQ показываем целиком) */
.panel-collapse.collapse{display:block!important;height:auto!important;visibility:visible!important}
.panel-group .panel-heading a[data-toggle]{pointer-events:none;text-decoration:none}

/* виджеты соцсетей донора вылезали за экран на мобиле */
@media (max-width:760px){
  .social-buttons,.twitter-timeline,.twitter-share-button,iframe{max-width:100%!important}
  .social-buttons{flex-wrap:wrap;overflow:hidden}
}

/* На узком экране таблицы донора не помещаются даже со скроллом (их <tr> шире вьюпорта):
   раскладываем строки карточками — данные видны, горизонтального выезда нет. */
@media (max-width:560px){
  .container table:not(.xcbv-list),.container thead,.container tbody,.container tr,.container td,.container th{
    display:block;width:auto;max-width:100%}
  /* ⚠️ прятать thead за экран нельзя: рендер-гейт считает это скрытым текстом.
     Показываем шапку таблицы строкой мелких подписей. */
  .container thead tr{display:flex;flex-wrap:wrap;gap:4px 10px;border:0;padding:0 0 4px;margin:0}
  .container thead th{display:inline-block;font-size:11px;color:var(--xcb-dim);padding:0}
  .container tr{border:1px solid var(--xcb-line);border-radius:8px;margin:0 0 10px;padding:8px}
  .container td,.container th{border:0;padding:4px 6px}
  .xcbv-wrap *{max-width:none}
}

/* кнопки-ссылки «more» шли синим bootstrap (#337ab7) — белый текст на нём даёт 4.0 */
.btn-primary{background:var(--xcb-plum);border-color:var(--xcb-plum2);color:#fff}
.btn-primary:hover,.btn-primary:focus{background:var(--xcb-plum2);border-color:var(--xcb-plum2);color:#fff}

/* ══ ГЛАВНАЯ: геро, полоса доверия, раздел типов бонусов ══ */
.xcb-hero{background:linear-gradient(135deg,#3d2463 0%,#5b3a8c 55%,#6f47a8 100%);color:#fff;
  border-bottom:3px solid var(--xcb-gold)}
.xcb-hero__in{max-width:1180px;margin:0 auto;padding:34px 20px 30px;display:grid;
  grid-template-columns:1.35fr 1fr;gap:30px;align-items:center}
.xcb-hero__kicker{margin:0 0 8px;font:700 12px/1 Arial,sans-serif;letter-spacing:.12em;
  text-transform:uppercase;color:var(--xcb-gold)}
.xcb-hero__h1{margin:0 0 12px;font:700 34px/1.18 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff}
.xcb-hero__lead{margin:0 0 16px;font-size:15.5px;line-height:1.65;color:#e6dcf6;max-width:62ch}
.xcb-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.xcb-hero__chips span{display:inline-block;padding:5px 12px;border:1px solid rgba(255,255,255,.35);
  border-radius:999px;font-size:12.5px;color:#fff}
.xcb-hero__cta{display:inline-block;padding:13px 26px;border-radius:8px;background:var(--xcb-gold);
  color:#22202b;font:700 15px/1.2 Arial,sans-serif;text-decoration:none}
.xcb-hero__cta:hover,.xcb-hero__cta:focus{background:#d99f14;color:#22202b;text-decoration:none}
.xcb-hero__facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xcb-hero__facts li{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
  border-radius:10px;padding:14px 16px}
.xcb-hero__facts b{display:block;font:700 24px/1.1 Arial,sans-serif;color:var(--xcb-gold)}
.xcb-hero__facts span{display:block;margin-top:5px;font-size:12.5px;line-height:1.45;color:#e6dcf6}

.xcb-why{background:var(--xcb-cream);border-bottom:1px solid var(--xcb-line)}
.xcb-why__in{max-width:1180px;margin:0 auto;padding:20px;display:grid;
  grid-template-columns:repeat(4,1fr);gap:20px}
.xcb-why b{display:block;font:700 14px/1.3 Arial,sans-serif;color:var(--xcb-plum);margin-bottom:4px}
.xcb-why span{display:block;font-size:12.5px;line-height:1.55;color:var(--xcb-dim)}
.xcb-why a{color:var(--xcb-plum)}

.xcb-shortlist{background:#fff;padding:0 0 10px}
.xcb-shortlist .container{max-width:1180px;margin:0 auto}

.xcb-types{margin:26px 0 8px}
.xcb-types>h2{margin:0 0 6px;font:700 24px/1.25 Arial,sans-serif;color:var(--xcb-plum)}
.xcb-types__lead{margin:0 0 14px;color:var(--xcb-dim);font-size:14px;max-width:78ch}
.xcb-types .tab-content{background:transparent}
.xcb-types .tab-pane{border:1px solid var(--xcb-line);border-radius:10px;padding:14px 16px;background:#fff}
.xcb-types .tab-pane+.tab-pane{margin-top:12px}

@media (max-width:980px){
  .xcb-hero__in{grid-template-columns:1fr;gap:22px;padding:26px 16px}
  .xcb-hero__h1{font-size:26px}
  .xcb-why__in{grid-template-columns:1fr 1fr;gap:14px;padding:16px}
}
@media (max-width:560px){
  .xcb-hero__facts{grid-template-columns:1fr}
  .xcb-why__in{grid-template-columns:1fr}
  .xcb-hero__h1{font-size:23px}
}

/* заголовок-подводка к витрине на главной */
.xcb-lead{background:#fff}
.xcb-lead.container{max-width:1180px;margin:0 auto;padding:24px 20px 4px}
.xcb-lead-h2{margin:0 0 8px;font:700 26px/1.25 Arial,sans-serif;color:var(--xcb-plum)}
.xcb-lead p{margin:0;color:var(--xcb-dim);font-size:14.5px;line-height:1.65;max-width:88ch}