/*
Theme Name: atlas-bbed85
Theme URI:
Author: Atlas Delta
Description: Block theme for Rainbet information site.
Version: 1.0.9
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atlas-bbed85
*/

/* --- база (дев-стандарт NL, блок «КОРОТКО ПРО СТИЛІ») --- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  word-wrap: anywhere;
  font-size: 1.2rem;
  font-family: "Archivo", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Правки дева 17.08: блок ссылок/кнопок/бейджей из base.css здесь больше НЕ
   печатается. Цвета ссылок теперь живут только в theme.json (elements.link),
   регистр кнопки — в elements.button. Почему так, а не «просто убрать
   !important»: `:where(...)` даёт нулевую специфичность, поэтому перебить эти
   правила можно было ТОЛЬКО другим !important, а Global Styles (то, что пишет
   Site Editor и «styles css») печатает свои декларации без него — сайт молча
   игнорировал смену цвета ссылок из админки, и оставался только FTP.
   `.img-filter` и `.is-style-hover` в генерируемой разметке не используются
   вовсе — это был мёртвый CSS и одновременно сетевая сигнатура. */

/* Внимание: в исходном base.css это правило стояло под `no-preference`,
   то есть анимации глушились у тех, кто их НЕ просил отключать. Исправлено. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* --- функциональный минимум для [toc_h2] и [faq] ---
   Только то, без чего компонент не работает: раскрытие, курсор, поворот стрелки.
   Цвета, рамки, отступы и типографика этих блоков сознательно НЕ печатаются:
   дев-команда держит их оформление в Site Editor → Additional CSS (28 селекторов
   на каждом из 10 сателлитов), а style.css темы подключается ПОЗЖЕ Global Styles
   и перебил бы их — ровно та ловушка, из-за которой правились цвета ссылок. */
.rainbet-login-norway-toc-header {
  cursor: pointer;
  user-select: none;
}

.rainbet-login-norway-toc-arrow {
  display: inline-block;
  transition: transform 0.25s ease-in-out;
}

.rainbet-login-norway-toc-arrow.is-open {
  transform: rotate(90deg);
}

.rainbet-login-norway-toc-list.no-style {
  list-style: none;
}

.rainbet-login-norway-faq-question {
  cursor: pointer;
}

/* Родная стрелка <summary> убирается, потому что дев рисует свою через ::after. */
.rainbet-login-norway-faq-question::-webkit-details-marker {
  display: none;
}

.rainbet-login-norway-faq-question {
  list-style: none;
}

/* --- вариант A: флекс, space-between --- */
.site-header {
  padding-top: 1em;
  padding-bottom: 1em;
}

.site-footer {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}

.site-header .wp-block-site-logo img,
.site-header .wp-block-site-title {
  max-width: 120px;
}

.site-footer .wp-block-site-logo img {
  max-width: 120px;
}

.site-header .wp-block-navigation {
  gap: 16px;
}

.site-footer .wp-block-navigation {
  gap: 16px;
}

.rg-badge {
  width: 60px;
  height: auto;
}

.copyright-bar {
  border-radius: 8px;
}

/* --- hero: затемнение градиентом, а не ровным полотном ---
   `wp:cover` печатает `dimRatio` как сплошную заливку поверх всей картинки.
   На тёмной иллюстрации это незаметно, а на светлой (клиенты со своим
   визуальным профилем — Fixbet, плоская графика на кремовом) картинка уходила
   в мутную оливку: 60 % тёмного поверх светлого фона. Убрать затемнение
   нельзя — текст hero светлый и на кремовом станет нечитаем, поэтому тень
   остаётся там, где лежит текст (левая половина), и сходит на нет над самой
   иллюстрацией. Специфичность двух классов перебивает правило ядра без
   !important. */
.wp-block-cover > .wp-block-cover__background.has-background-dim {
  opacity: 1;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    rgba(22, 27, 37, 0.92) 0%,
    rgba(22, 27, 37, 0.92) 30%,
    rgba(22, 27, 37, 0.55) 55%,
    rgba(22, 27, 37, 0) 80%
  );
}

/* Текст hero держим в затемнённой половине. Без этого абзацы уезжали на
   светлую часть картинки и белым по кремовому не читались — сам градиент
   проблему не закрывает, потому что contrained-контейнер cover занимает всю
   ширину. */
@media (min-width: 801px) {
  .wp-block-cover > .wp-block-cover__inner-container {
    max-width: min(58%, 760px);
    margin-inline: 0 auto;
  }
}

/* На узком экране колонки cover складываются, текст едет поверх самой
   иллюстрации — горизонтальный градиент там перестаёт защищать читаемость,
   поэтому возвращаем ровную подложку. */
@media (max-width: 800px) {
  .wp-block-cover > .wp-block-cover__background.has-background-dim {
    background-image: linear-gradient(
      180deg,
      rgba(22, 27, 37, 0.55) 0%,
      rgba(22, 27, 37, 0.92) 100%
    );
  }
}

@media (max-width: 991px) {
  .ftr-row-secondary {
    flex-direction: column-reverse;
  }
}

@media (max-width: 800px) {
  .hdr-row-reverse {
    flex-direction: row-reverse;
  }
  .img-float > .alignleft,
  .img-float > .alignright {
    float: none !important;
    margin: 0 auto;
  }
  .img-float figure {
    margin: 0 auto !important;
  }
  .wp-block-image.alignleft {
    margin-right: auto !important;
  }
}

@media (max-width: 390px) {
  .bttn-mobile-padding a {
    padding: 10px 20px;
    font-size: 12px;
  }
}

/* --- правки дев-команды 05.08 (правки.docx, разбор на трёх сателлитах Wettzo DE) --- */
body {
  overflow-x: hidden;
}

main.wp-block-group {
  padding: 1em;
}

main.wp-block-group .wp-block-image {
  display: flex;
  justify-content: center;
}

.site-footer .wp-block-navigation__container {
  justify-content: center;
}

.site-header .wp-block-site-logo img,
.site-header .wp-block-site-title {
  width: auto;
  height: auto;
}

.wp-block-navigation__responsive-container-open {
  background-color: transparent !important;
}

@media (max-width: 800px) {
  .site-header .wp-block-site-logo img,
  .site-header .wp-block-site-title {
    max-width: min(120px, 38vw);
  }
  .wp-block-navigation__responsive-container-open {
    padding: 4px !important;
  }
}

/* --- вариант B: grid-хедер и Columns-футер (docx «Основні вимоги до дизайну 2») --- */
.hdr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 16px;
}

.hdr-cell {
  margin: 0;
}

/* На бургер-брейкпойнте порядок меняется: меню вправо, лого в центр, кнопка влево. */
@media (max-width: 800px) {
  .hdr-grid {
    grid-template-columns: auto 1fr auto;
  }
  .hdr-cell-cta { order: 1; justify-content: flex-start; }
  .hdr-cell-logo { order: 2; justify-content: center; }
  .hdr-cell-nav { order: 3; justify-content: flex-end; }
}

.ftr-columns {
  gap: 16px;
  align-items: flex-start;
}

.ftr-col-brand {
  text-align: center;
}

.ftr-col-brand .wp-block-site-logo {
  display: flex;
  justify-content: center;
}

.ftr-disclaimer {
  opacity: 0.75;
  margin-top: 12px;
}

.ftr-menu-divider {
  border-left: 1px solid #1e98dd33;
  padding-left: 16px;
}

.ftr-copyright {
  margin-top: 26px;
  border-radius: 8px;
}

@media (max-width: 781px) {
  .ftr-menu-divider {
    border-left: 0;
    padding-left: 0;
  }
}

/* ── главная-витрина (satctl/layout.py) ── */
.rb-hero{min-height:460px;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important}
.rb-hero .wp-block-cover__inner-container{max-width:min(720px,52%)!important;margin-left:auto!important;margin-right:auto!important;text-align:center}
.rb-hero .wp-block-buttons{justify-content:center!important}
@media (max-width:900px){.rb-hero .wp-block-cover__inner-container{max-width:92%!important}
  .rb-hero .wp-block-cover__background{background:rgba(0,0,0,.6)!important}}
.rb-hero h1{font-size:clamp(1.8rem,4vw,3rem);text-shadow:0 2px 12px rgba(0,0,0,.55)}
.rb-hero-offer{font-size:clamp(1.15rem,2.4vw,1.8rem);font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.6)}
.rb-hero .wp-block-cover__background{background:radial-gradient(ellipse at center,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 70%)!important;opacity:1!important}
.rb-games{gap:14px!important;margin-block:28px}
.rb-games.is-layout-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.rb-game{margin:0!important;position:relative}
.rb-game a{display:block;border-radius:12px;overflow:hidden;position:relative}
.rb-game img{width:100%;height:auto;display:block;transition:transform .25s ease}
.rb-game a::after{content:"▶";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:2.2rem;color:#fff;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.rb-game a:hover img{transform:scale(1.05)}
.rb-game a:hover::after{opacity:1}
.rb-game figcaption{text-align:center;font-size:.85rem;line-height:1.3;margin-top:6px;opacity:.9}
.rb-games-title{font-size:1.25rem;margin-top:28px}
.rb-promo{border-radius:16px;overflow:hidden;margin-block:32px;min-height:300px}
.rb-promo .wp-block-cover__background{background:linear-gradient(90deg,#161b25F2 0%,#161b2599 55%,#161b2500 100%)!important;opacity:1!important}
.rb-promo .wp-block-cover__inner-container{max-width:620px!important;margin-left:0!important;margin-right:auto!important}
.rb-promo-offer{font-size:clamp(1.3rem,2.6vw,2rem);font-weight:800;line-height:1.2}
.rb-promo .wp-block-buttons{justify-content:flex-start!important}
.rb-ticker{overflow:hidden;white-space:nowrap;padding:8px 0;background:linear-gradient(90deg,#2a1a6e,#4b2bb3,#2a1a6e);margin:0!important}
.rb-ticker-line{display:inline-block;margin:0;padding-left:0;animation:rb-ticker 60s linear infinite;font-weight:700;text-transform:uppercase;font-size:.85rem}
.rb-ticker-btn{display:inline-block;margin:0 22px 0 10px;padding:4px 14px;border-radius:999px;background:#fff;color:#1b1446!important;text-decoration:none}
@keyframes rb-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.rb-ticker-line{animation:none}}
@media (max-width:900px){.rb-games.is-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:520px){.rb-games.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rb-promo .wp-block-cover__background{background:#161b25D9!important}}