/* ============================================================
   Goldera — редизайн низа страницы (преимущества + приветствие + футер)
   По макету Rutor Casino (Figma Dev Mode). Токены:
   bg #0E0A01 · борды #1F1704/#251C06/#3B2B0D · золото #E8B21D
   приглушённый текст #E0CAA3 · серый #767676 · круг 21+ #EA4335
   Шрифты Gilroy (уже подключены в css/style.css)
   Классы с префиксом gd- — не пересекаются со старой вёрсткой.
   ============================================================ */

.gd-bottom {
  --gd-bg: #0E0A01;
  --gd-gold: #E8B21D;
  --gd-gold-soft: #E0CAA3;
  --gd-muted: #767676;
  --gd-line: #1F1704;
  font-family: 'Gilroy', sans-serif;
  width: 100%;
  box-sizing: border-box;
}
.gd-bottom * { box-sizing: border-box; }

/* Золотая квадратная плитка под иконку — картинка bg.png (со свечением из макета) */
.gd-icon-tile {
  position: relative;
  width: 102px;
  height: 102px;
  background: url('/img/footer/bg.png') center center / contain no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gd-icon-tile img { max-width: 52px; max-height: 52px; width: auto; height: auto; object-fit: contain; }

/* ─── Блок «Наши преимущества» ─────────────────────────────── */
.gd-advantages {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 40px 16px 0;
  max-width: 1200px;
  margin: 0 auto;
}
.gd-advantages__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  text-align: center;
  margin: 0;
}
.gd-advantages__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  flex-wrap: wrap;
}
.gd-adv-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 288px;
  padding: 0 20px;
  text-align: center;
}
.gd-adv-item__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin: 0;
}
.gd-adv-item__sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #F1E2C6; /* чуть светлее #E0CAA3 — подписи не терялись на тёмном */
}

/* ─── Приветствие: логотип + текст ────────────────────────── */
.gd-welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px 16px 0;
  margin: 48px auto 0;
  max-width: 1200px;
}
.gd-welcome__logo {
  width: auto;
  height: 104px;
  object-fit: contain;
  filter: drop-shadow(0 0 24px rgba(232, 178, 29, 0.35));
}
.gd-welcome__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 559px;
}
.gd-welcome__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin: 0;
}
.gd-welcome__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--gd-gold-soft);
  text-align: center;
  margin: 0;
}

/* ─── Футер ───────────────────────────────────────────────── */
.gd-footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 40px 120px 60px;
  margin-top: 48px;
  background: var(--gd-bg);
  border-top: 1px solid var(--gd-line);
}
.gd-footer__inner {
  width: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

/* Платёжки */
.gd-pay {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.gd-pay__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  margin: 0;
}
.gd-pay__list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px 32px;
  padding: 16px 0;
  width: 100%;
}
.gd-pay__list img { height: 32px; width: auto; object-fit: contain; display: block; }
/* Крипта — монеты чуть крупнее карточных логотипов (в оригинале 39px) */
.gd-pay__coin { height: 40px !important; width: auto; }
/* P2P — исходник с полями, поэтому крупнее монет, чтобы логотип совпал по масштабу */
.gd-pay__p2p { height: 56px !important; width: auto; }

/* Правила + ответственная игра */
.gd-terms {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
}
.gd-terms__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  width: 100%;
}
.gd-terms__link {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.gd-terms__link:hover { color: var(--gd-gold); }
.gd-terms__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  max-width: 632px;
}
.gd-age {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 28px;
  background: #EA4335;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gd-terms__note {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--gd-muted);
  margin: 0;
}
/* Бейджи лицензий */
.gd-badges {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px 40px;
}
.gd-badges img { height: 32px; width: auto; object-fit: contain; opacity: 0.5; transition: opacity .2s; }
.gd-badges a:hover img { opacity: 0.85; }

.gd-footer__copy {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--gd-muted);
  text-align: center;
  margin: 0;
}

/* Выбор языка (в макете — на мобиле над платёжками) */
.gd-lang {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.gd-lang__label { font-weight: 700; font-size: 16px; color: #fff; }

/* ─── Адаптив ─────────────────────────────────────────────── */
@media (max-width: 900px) {
  .gd-footer { padding: 32px 20px 40px; }
  .gd-advantages__list { gap: 24px 0; }
  .gd-adv-item { width: 50%; padding: 0 12px; }
  .gd-lang { display: flex; }
}
@media (max-width: 560px) {
  .gd-advantages__title, .gd-welcome__title { font-size: 20px; }
  .gd-adv-item__title { font-size: 17px; }
  .gd-pay__list { gap: 14px 20px; }
  .gd-pay__list img { height: 26px; }
  .gd-badges { gap: 18px 24px; }
  .gd-badges img { height: 26px; }
  .gd-terms__row { flex-direction: row; align-items: flex-start; }
  .gd-footer__copy { font-size: 12px; }
}

/* ============================================================
   CMS-страницы (Правила и условия, статические тексты)
   Контент из редактора имеет частичные inline-стили, местами
   почти чёрный текст rgb(5,5,8) — форсируем читаемость на тёмной теме.
   ============================================================ */
.gd-cms-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 28px 20px 72px;
  font-family: 'Gilroy', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #cfc9bd;
}
/* Базовый читаемый цвет для всего текста */
.gd-cms-page, .gd-cms-page * { color: #cfc9bd !important; }
/* Заголовки и акценты — белым */
.gd-cms-page h1, .gd-cms-page h2, .gd-cms-page h3,
.gd-cms-page h4, .gd-cms-page h5, .gd-cms-page h6,
.gd-cms-page strong, .gd-cms-page b { color: #ffffff !important; }
/* Ссылки — золото */
.gd-cms-page a { color: #E8B21D !important; text-decoration: underline; }
.gd-cms-page a:hover { color: #FFDC7C !important; }

.gd-cms-page h1 { font-size: 32px; line-height: 1.25; text-align: center; margin: 8px 0 28px; font-weight: 700; }
.gd-cms-page h2 { font-size: 25px; margin: 34px 0 14px; font-weight: 700; }
.gd-cms-page h3 { font-size: 19px; margin: 26px 0 10px; font-weight: 700; }
.gd-cms-page h4 { font-size: 17px; margin: 20px 0 8px; font-weight: 700; }
.gd-cms-page p { margin: 0 0 14px; }
.gd-cms-page ul, .gd-cms-page ol { margin: 0 0 16px; padding-left: 24px; }
.gd-cms-page li { margin: 0 0 8px; }
.gd-cms-page hr { border: 0; height: 1px; background: #2a2113; margin: 26px 0; }
.gd-cms-page table { width: 100%; border-collapse: collapse; margin: 18px 0; }
.gd-cms-page th, .gd-cms-page td { border: 1px solid #2a2113; padding: 10px 12px; text-align: left; }
.gd-cms-page th { background: #17110552; }
.gd-cms-page blockquote {
  margin: 16px 0; padding: 12px 18px;
  border-left: 3px solid #E8B21D; background: rgba(232,178,29,.06); border-radius: 6px;
}
.gd-cms-page img { max-width: 100%; height: auto; }

@media (max-width: 560px) {
  .gd-cms-page { padding: 20px 14px 56px; font-size: 15px; }
  .gd-cms-page h1 { font-size: 25px; }
  .gd-cms-page h2 { font-size: 21px; }
  .gd-cms-page h3 { font-size: 17px; }
}