/* ===========================
   Casino Landing – Main Styles
   СКОП: только body.cr-landing
   =========================== */

body.cr-landing{
  /* Палитра */
  --ink:        #0b1220;
  --muted:      #5b667a;
  --bg:         #f6f8fb;
  --card:       #ffffff;
  --border:     #e5e9f1;
  --shadow:     0 8px 24px rgba(11,18,32,.08);
  --primary:    #1363ff;
  --accent:     #7a5cff;
  --success:    #10b981;
  --warning:    #f59e0b;
  --danger:     #ef4444;
  --chip:       #eef3ff;
  --soft:       #f3f5f9;
}

body.cr-landing *{
  box-sizing: border-box;
}

body.cr-landing .entry-content > *{
  /* вычищаем лишние вертикальные дыры Gutenberg/GP */
  margin-top: 0;
  margin-bottom: 0;
}

/* Контейнер */
body.cr-landing .entry-content main{
  width: min(var(--gp--container-max), 94vw);
  margin-inline: auto;
  display: block;
  padding: clamp(8px, 1vw, 12px);
  color: var(--ink);
  font: 400 16px/1.65 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ======= Типографика ======= */
body.cr-landing h1,
body.cr-landing h2,
body.cr-landing h3{
  font-family: "PT Serif", Georgia, "Times New Roman", serif;
  line-height: 1.25;
  color: #0a0f1d;
  letter-spacing: .2px;
}

body.cr-landing h1{
  font-size: clamp(28px, 4.2vw, 44px);
  margin: 0 0 .3em 0;
  text-wrap: balance;
}
body.cr-landing h2{
  font-size: clamp(22px, 3vw, 30px);
  margin: 0 0 .8em 0;
  position: relative;
  padding-left: .9em;
}
body.cr-landing h2::before{
  content:"";
  position:absolute;
  inset: .2em auto .2em 0;
  width: .34em;
  border-radius: 6px;
  background: linear-gradient(180deg, var(--primary), var(--accent));
}
body.cr-landing h3{
  font-size: clamp(18px, 2.2vw, 22px);
  margin: 0 0 .6em 0;
}

/* абзацы, ссылки, списки */
body.cr-landing p{ margin: 0 0 1em 0; color: #172033; }
body.cr-landing strong{ color: #0b1220; }
body.cr-landing em{ color: #334155; }
body.cr-landing a{ color: var(--primary); }

body.cr-landing ul{
  margin: .2em 0 1.1em 0;
  padding-left: 1.2em;
}
body.cr-landing li{ margin: .35em 0; }

/* Таблицы: общий вид */
body.cr-landing table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow);
  margin: .8em 0 1.2em 0;
}
body.cr-landing caption{
  text-align: left;
  font-weight: 700;
  padding: .9em 1em;
  background: #f7f9ff;
  border-bottom: 1px solid var(--border);
}
body.cr-landing th,
body.cr-landing td{
  vertical-align: top;
  padding: .85em 1em;
}
body.cr-landing thead th{
  background: #fbfcff;
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid var(--border);
}
body.cr-landing tbody tr:not(:last-child) td{
  border-bottom: 1px solid var(--border);
}
body.cr-landing tbody tr:hover td{
  background: #fafcff;
}

/* На маленьких экранах превращаем таблицы в карточки (без изменения HTML) */
@media (max-width: 720px){
  body.cr-landing table{ border-radius: 12px; }
  body.cr-landing thead{ display:none; }
  body.cr-landing tbody tr{
    display: grid;
    grid-template-columns: 1fr;
    padding: .4em .2em;
  }
  body.cr-landing tbody tr td{
    display: grid;
    grid-template-columns: 40% 60%;
    gap: .6em;
    align-items: start;
    border: none !important;
    padding: .65em .9em;
  }
  body.cr-landing tbody tr:not(:last-child){ border-bottom: 1px solid var(--border); }
}

/* ========== Хедер страницы (hero + TOC) ========== */
body.cr-landing main > header{
  position: relative;
  padding: clamp(20px, 5vw, 56px);
  margin-bottom: clamp(18px, 3vw, 26px);
  background:
    radial-gradient(1200px 400px at 30% -260px, rgba(122,92,255,.25), transparent 70%),
    linear-gradient(160deg, #ffffff 0%, #f1f5ff 100%);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow);
}

body.cr-landing main > header p{
  max-width: 80ch;
}

body.cr-landing main > header nav{
  margin-top: clamp(12px, 2.6vw, 22px);
  position: sticky;
  top: 0; /* «прилипает» под верх окна */
  z-index: 30;
  background: rgba(255,255,255,.7);
  backdrop-filter: saturate(160%) blur(8px);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: .5rem .6rem;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .06);
}

body.cr-landing main > header nav ul{
  display: flex;
  gap: .4rem;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}

body.cr-landing main > header nav a{
  display: inline-flex;
  align-items: center;
  gap: .5ch;
  padding: .5rem .85rem;
  background: var(--chip);
  border: 1px solid #dbe6ff;
  border-radius: 999px;
  font: 600 14px/1 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #0b3fd6;
  transition: all .2s ease;
}
body.cr-landing main > header nav a:hover{
  transform: translateY(-1px);
  background: #e6eeff;
  border-color: #cfe0ff;
}

/* при переходе к якорю подсветим секцию */
body.cr-landing main > section{ scroll-margin-top: 84px; }
body.cr-landing main > section:target{
  outline: 3px solid rgba(19,99,255,.18);
  box-shadow: 0 0 0 6px rgba(19,99,255,.08);
  border-radius: 18px;
}

/* ======= Общий каркас секций ======= */
body.cr-landing main > section{
  padding: clamp(18px, 3.6vw, 42px);
  margin-bottom: clamp(16px, 2.8vw, 26px);
  background: var(--card);
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow: var(--shadow);
}

/* альтернируем фон «через одну» для лучшего ритма */
body.cr-landing main > section:nth-of-type(2n){
  background: linear-gradient(180deg, #ffffff, #f9fbff);
}

/* Значки в списках по умолчанию */
body.cr-landing ul li{
  list-style: none;
  position: relative;
  padding-left: 1.35em;
}
body.cr-landing ul li::before{
  content:"•";
  position:absolute; left:0; top: .1em;
  color: var(--accent);
  font-weight:700;
}

/* ======= Секция 1: Что такое «без ROFUS» ======= */
#hvad-betyder-casino-uden-rofus{
  background:
    radial-gradient(600px 120px at 80% -40px, rgba(16,185,129,.09), transparent 60%),
    var(--card);
  border-left: 6px solid var(--success);
}
#hvad-betyder-casino-uden-rofus p:first-of-type::first-letter{
  font: 700 44px/1 "PT Serif", serif;
  float: left;
  color: var(--success);
  margin: .1em .2em 0 0;
}

/* ======= Секция 2: Методика – «шаги‑карточки» ======= */
#saadan-vurderer-vi-nem-udbetaling ul{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
  gap: 14px;
  counter-reset: steps;
  margin-top: .6em;
}
#saadan-vurderer-vi-nem-udbetaling li{
  background: #fbfdff;
  border:1px solid var(--border);
  border-radius:14px;
  padding: 14px 14px 14px 48px;
  box-shadow: var(--shadow);
}
#saadan-vurderer-vi-nem-udbetaling li::before{
  counter-increment: steps;
  content: counter(steps);
  width: 28px; height: 28px;
  display:inline-grid; place-items:center;
  position:absolute; left:12px; top: 14px;
  border-radius: 50%;
  color:#fff; background: linear-gradient(135deg, var(--primary), var(--accent));
  font: 700 14px/1 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ======= Секция 3: Top‑10 (таблица) ======= */
#top-10-casino-uden-rofus-2025 table{
  border-left: 4px solid var(--primary);
}
#top-10-casino-uden-rofus-2025 tbody tr:nth-child(odd) td{
  background: #fcfdff;
}
@media (max-width:720px){
  /* подписи ячеек для мобильной карточки */
  #top-10-casino-uden-rofus-2025 tbody td:nth-child(1)::before{ content:"Casino"; }
  #top-10-casino-uden-rofus-2025 tbody td:nth-child(2)::before{ content:"Licens"; }
  #top-10-casino-uden-rofus-2025 tbody td:nth-child(3)::before{ content:"Hurtigste udbetaling"; }
  #top-10-casino-uden-rofus-2025 tbody td:nth-child(4)::before{ content:"Min. indskud"; }
}

/* ======= Секция 4: Сравнение методов платежей ======= */
#sammenligning-udbetalingshastigheder-og-betalingsmetoder{
  background:
    radial-gradient(500px 160px at 20% -40px, rgba(19,99,255,.08), transparent 60%),
    var(--card);
}
#sammenligning-udbetalingshastigheder-og-betalingsmetoder td:first-child{
  font-weight: 700;
}
#sammenligning-udbetalingshastigheder-og-betalingsmetoder img{
  vertical-align: -3px;
  margin-right: 6px;
  filter: saturate(0.6);
}
@media (max-width:720px){
  #sammenligning-udbetalingshastigheder-og-betalingsmetoder tbody td:nth-child(1)::before{ content:"Metode"; }
  #sammenligning-udbetalingshastigheder-og-betalingsmetoder tbody td:nth-child(2)::before{ content:"Udbetalingstid"; }
  #sammenligning-udbetalingshastigheder-og-betalingsmetoder tbody td:nth-child(3)::before{ content:"Bemærkninger"; }
}

/* ======= Секция 5: KYC (таблица + стикер‑tips) ======= */
#kyc-og-dokumenter-saadan-undgaar-forsinkelser{
  border-top: 5px solid #0ea5e9;
}
#kyc-og-dokumenter-saadan-undgaar-forsinkelser p strong{
  background: #e6f6ff;
  border: 1px dashed #b3e3ff;
  padding: .12em .4em;
  border-radius: 6px;
}
#kyc-og-dokumenter-saadan-undgaar-forsinkelser table{
  border-left: 4px solid #0ea5e9;
}
@media (max-width:720px){
  #kyc-og-dokumenter-saadan-undgaar-forsinkelser tbody td:nth-child(1)::before{ content:"Dokument"; }
  #kyc-og-dokumenter-saadan-undgaar-forsinkelser tbody td:nth-child(2)::before{ content:"Krav"; }
}

/* ======= Секция 6: Лицензии (цветные бордеры по строкам) ======= */
#licenser-og-sikkerhed table tbody tr td:first-child{
  font-weight:700;
  position: relative;
}
#licenser-og-sikkerhed table tbody tr{
  border-left: 6px solid transparent;
}
#licenser-og-sikkerhed table tbody tr:nth-child(1){ border-left-color: #22c55e; } /* MGA */
#licenser-og-sikkerhed table tbody tr:nth-child(2){ border-left-color: #14b8a6; } /* Estonia */
#licenser-og-sikkerhed table tbody tr:nth-child(3){ border-left-color: #f59e0b; } /* Curacao */
#licenser-og-sikkerhed table tbody tr:nth-child(4){ border-left-color: #06b6d4; } /* Kahnawake */
#licenser-og-sikkerhed table tbody tr:nth-child(5){ border-left-color: #ef4444; } /* Costa Rica */
#licenser-og-sikkerhed table tbody tr:nth-child(6){ border-left-color: #8b5cf6; } /* Anjouan */

@media (max-width:720px){
  #licenser-og-sikkerhed tbody td:nth-child(1)::before{ content:"Licens"; }
  #licenser-og-sikkerhed tbody td:nth-child(2)::before{ content:"Udsteder"; }
  #licenser-og-sikkerhed tbody td:nth-child(3)::before{ content:"Karakteristika"; }
  #licenser-og-sikkerhed tbody td:nth-child(4)::before{ content:"Klagevej"; }
}

/* ======= Секция 7: Налоги – callout‑боксы ======= */
#skat-og-oekonomi{
  background: linear-gradient(180deg, #ffffff 0, #f6fbff 100%);
  border: 1px solid #d7ecff;
}
#skat-og-oekonomi p strong{
  display:inline-block;
  background:#eef7ff;
  border:1px solid #d6ebff;
  padding:.15em .5em;
  border-radius:8px;
  margin-right:.3em;
}

/* ======= Секция 8: Плюсы/минусы – двухколоночные карточки ======= */
#fordele-og-ulemper-uden-rofus h3{
  display:inline-flex; align-items:center; gap:.5ch;
  padding:.35em .6em;
  border-radius: 10px;
  background:#f3f5f9;
  border:1px solid var(--border);
  margin-bottom: .6em;
}
#fordele-og-ulemper-uden-rofus h3:nth-of-type(1){ /* Fordele */
  background:#ecfdf5; border-color:#b7f0dd; color:#065f46;
}
#fordele-og-ulemper-uden-rofus h3:nth-of-type(2){ /* Ulemper */
  background:#fef2f2; border-color:#ffd3d3; color:#991b1b;
}

#fordele-og-ulemper-uden-rofus ul{
  display:grid; gap:10px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
#fordele-og-ulemper-uden-rofus h3 + ul li{
  background: #ffffff;
  border:1px solid var(--border);
  border-radius: 12px;
  padding: 12px 12px 12px 40px;
  box-shadow: var(--shadow);
}
#fordele-og-ulemper-uden-rofus h3 + ul li::before{
  content:"✓";
  width: 22px; height: 22px;
  display:grid; place-items:center;
  position:absolute; left:10px; top: 12px;
  border-radius: 50%;
  color:#fff; background: var(--success);
  font-weight:800;
}
#fordele-og-ulemper-uden-rofus h3 + ul + h3 + ul li::before{
  content:"!";
  background: var(--danger);
  font: 900 14px/1 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ======= Секция 9: Бонусы – «ярлыки» внутри абзацев ======= */
#bonusser-uden-rofus p strong:first-child{
  display:inline-block;
  min-width: 12ch;
  background:#f5f1ff;
  color:#4c1d95;
  border:1px solid #e7dbff;
  padding:.12em .5em;
  border-radius:8px;
  margin: .1em .45em .1em 0;
}

/* ======= Секция 10: Спилудвальг – лёгкие карточки тезисов ======= */
#spiludvalg-og-udbetalingspolitik{
  background:
    radial-gradient(600px 140px at 15% -30px, rgba(124,58,237,.09), transparent 60%),
    var(--card);
}
#spiludvalg-og-udbetalingspolitik p strong{
  color:#4c1d95;
}

/* ======= Секция 11: Чек‑лист – «прогресс» ======= */
#ansvarligt-spil-tjekliste ul{
  counter-reset: check;
  display:grid; gap:12px;
  grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
}
#ansvarligt-spil-tjekliste li{
  background:#fbfffc;
  border:1px solid #d9f5e7;
  border-radius:12px;
  padding:12px 12px 12px 44px;
  box-shadow: var(--shadow);
}
#ansvarligt-spil-tjekliste li::before{
  counter-increment: check;
  content:"✓";
  position:absolute; left:12px; top:12px;
  width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center;
  background:var(--success); color:#fff; font-weight:800;
}

/* ======= Секция 12: Метод/источники – маркеры‑«файлы» ======= */
#metode-og-kilder ul li::before{
  content:"📎";
  color:#475569;
  background:transparent;
  width:auto; height:auto; left:-1.1em; top:0;
}

/* ======= Секция 13: FAQ – карточки вопрос/ответ без JS ======= */
#faq h3{
  cursor: default;
  padding: .6em .8em;
  background: #f7f8fc;
  border: 1px solid var(--border);
  border-radius: 12px 12px 0 0;
  margin-bottom: 0;
}
#faq h3 + p{
  padding: .85em .95em;
  border: 1px solid var(--border);
  border-top: none;
  border-radius: 0 0 12px 12px;
  margin-top: 0;
  margin-bottom: 1.1em;
  background: #ffffff;
  box-shadow: var(--shadow);
}

/* ======= Footer внутри main (не путать с .site-footer) ======= */
body.cr-landing main > footer{
  margin-top: clamp(18px, 3vw, 28px);
  background: #0b1220;
  color: #e7eefc;
  border-radius: 16px;
  padding: clamp(16px, 3vw, 28px);
  border: 1px solid #1f2a44;
  box-shadow: 0 10px 28px rgba(2,6,23,.35);
}
body.cr-landing main > footer a{
  color: #93c5fd;
  border-bottom-color: #93c5fd;
}

/* ======= Мелкие утилиты ======= */
.badge{
  display:inline-block; padding:.15em .5em; border-radius:999px;
  background:#eef2ff; color:#3730a3; border:1px solid #e0e7ff;
}

/* Ссылки-якоря в тексте выглядят как чипы */
a[href^="#"]{
  display: inline-flex; align-items: center;
  padding: .15em .5em; margin: 0 .15em;
  background: #eef7ff; border:1px solid #d7ecff; border-radius: 999px;
}

/* Адаптивные отступы для изображений в таблицах/тексте, если появятся */
img{ max-width: 100%; height: auto; }


/* TOC: делаем фон/тени абсолютно прозрачными и подгоняем под фон страницы */
nav.toc{
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0;
}
nav.toc ul{
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: 10px 14px;
}
nav.toc li{ display: inline-flex; align-items: center; gap: 8px; }
nav.toc li::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:#3a7afe; box-shadow:none !important;
}
nav.toc a{
  display:inline-block; padding:8px 12px; border-radius:999px;
  text-decoration:none; color:#1f3b82;
  border:1px solid rgba(31,59,130,.18);
  background-color: transparent !important; /* ключевой фикс */
  box-shadow:none !important;
  transition:border-color .15s ease, color .15s ease, transform .05s ease;
}
nav.toc a:hover{ border-color: rgba(31,59,130,.35); }
nav.toc a:active{ transform: translateY(1px); }

/* Тёмная тема (если используется) — всё так же прозрачно */
@media (prefers-color-scheme: dark){
  nav.toc a{ color:#cfe0ff; border-color: rgba(207,224,255,.25); }
  nav.toc a:hover{ border-color: rgba(207,224,255,.45); }
}