/*
 Theme Name:  GeneratePress Child – Casino Landing
 Template:    generatepress
 Version:     1.0.0
 Text Domain: gp-child-casino
 Description: Child-тема для посадочной «Casino uden ROFUS» с кастомным блочным дизайном.
*/

/* Ничего «тяжёлого» здесь не держим – всё в main-page.css.
   Но оставим пару безопасных базовых штрихов. */
:root{
  --gp--container-max: 1200px;
}

body.cr-landing{
  /* фоновая подложка всей посадочной */
  background:
    radial-gradient(1200px 400px at 50% -200px, rgba(17, 113, 239, .06), transparent 60%) no-repeat,
    linear-gradient(#fafbfc, #f8fafc) fixed;
}

/* Подстрахуемся: если по какой-то причине PHP‑хук не сработал */
body.cr-landing .site-header,
body.cr-landing .site-footer,
body.cr-landing .inside-header,
body.cr-landing .footer-widgets{
  display:none !important;
}

body.cr-landing .site-content,
body.cr-landing .content-area,
body.cr-landing .site-main{
  padding:0;
  margin:0;
  max-width:none;
}

/* У GeneratePress есть свои отступы у .entry-content – прижмём */
body.cr-landing .entry-content{
  padding: clamp(16px, 3vw, 32px) 0;
}

/* Ссылки по умолчанию */
body.cr-landing a{
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
body.cr-landing a:hover{ border-bottom-color: transparent; }

/* Служебный класс на случай использования в Гутенберге */
.hide-on-cr-landing{ display:none !important; }

/* === TOC FIX OVERRIDES (вставить в самый конец CSS) === */

/* Прозрачный контейнер TOC, без блюра/рамок/тени */
body.cr-landing main > header nav{
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Убираем «точки» перед пунктами именно в TOC */
body.cr-landing main > header nav li::before{ content: none !important; }

/* Стили «чипов» в TOC: прозрачный фон + мягкая рамка */
body.cr-landing main > header nav a{
  background: transparent !important;
  box-shadow: none !important;
  border: 1px solid rgba(19,99,255,.18) !important;
  color: #0b3fd6 !important;
  padding: .5rem .85rem !important;
  border-radius: 999px !important;
  text-decoration: none !important;
}
body.cr-landing main > header nav a:hover{
  border-color: rgba(19,99,255,.35) !important;
  transform: translateY(-1px);
}

/* Глобальный стиль «чипов» для якорных ссылок оставляем… */
body.cr-landing a[href^="#"]{
  display: inline-flex;
  align-items: center;
  padding: .15em .5em;
  margin: 0 .15em;
  background: #eef7ff;
  border: 1px solid #d7ecff;
  border-radius: 999px;
}
/* …но в TOC принудительно откатываем к прозрачному фону */
body.cr-landing main > header nav a[href^="#"]{
  background: transparent !important;
  border-color: rgba(19,99,255,.18) !important;
  margin: 0 !important;
  padding: .5rem .85rem !important;
}

/* Чуть плотнее сетка бейджей в TOC (по желанию) */
body.cr-landing main > header nav ul{ gap: .4rem .4rem; }

/* === Footer text contrast === */
body.cr-landing main > footer{
  color: #fff !important;
}
body.cr-landing main > footer p,
body.cr-landing main > footer strong,
body.cr-landing main > footer em{
  color: #fff !important;
}

/* ссылки в футере */
body.cr-landing main > footer a{
  color: #e6f0ff !important;
  border-bottom: 1px dotted rgba(230,240,255,.7) !important;
}
body.cr-landing main > footer a:hover{
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}