/* Добор к собранному app.css темы «Слоты» (aviamasters).
   Здесь ТОЛЬКО то, чего нет в app.css: в оригинале эти правила жили инлайном
   на странице Laravel, поэтому в сборку не попали. app.css/app.js не трогаем. */

/* 1. Звёзды формы отзыва. Без этих правил видны системные radio-кружки
      (в оригинале блок стилей был инлайн в шаблоне страницы). */
.star-rating {
  display: inline-flex;
  direction: ltr;
}

.star-label {
  cursor: pointer;
  margin: 0;
}

.star-input {
  display: none;
}

.star {
  font-size: 3rem;
  color: #ddd;
  transition: color 0.2s ease;
  user-select: none;
}

.star:hover,
.star-input:checked ~ .star,
.star-label:hover .star,
.star-label:hover ~ .star-label .star {
  color: #ffc107;
}

.star-input:checked + .star {
  color: #ffc107;
}

.star-rating:hover .star {
  color: #ddd;
}

.star-rating .star-label:hover .star,
.star-rating .star-label:hover ~ .star-label .star {
  color: #ffc107;
}

/* 2. CTA-кнопка внутри текстового блока. В app.css у .custom-button стоит
      justify-self:center — оно работает только в grid-контейнере, а .content-block
      обычный блок, поэтому кнопка липла влево. В исходной теме (casino-mirror,
      content-block.scss) кнопка центрируется через margin:0 auto. */
.content-block > .custom-button {
  margin-left: auto;
  margin-right: auto;
}

/* 3. Блок автора. .author-bage в app.css позиционирован абсолютно с top:-16px и
      вылезает за границу блока — без внешнего отступа плашка «Написал:» наезжает
      на предыдущий блок (FAQ). Даём автору такой же отступ, как у остальных
      content-block, плюс запас под выступающую плашку. */
.author.content-block {
  margin-top: 44px;
}

/* 3. Значки совместимости платформ в характеристиках игры (в оригинале — строка
      «Kompatibilnost platforme» с иконками Android/iOS/Windows). */
.game-info__platforms {
  display: flex;
  align-items: center;
  gap: 10px;
}

.game-info__platforms img {
  width: 20px;
  height: 20px;
}

/* 4. Содержимое футера из конструктора (лицензии, рейтинг, дисклеймер):
      центрируем и приглушаем, как в оригинале темы. */
.footer__content {
  text-align: center;
  color: #fff;
  opacity: .85;
  font-size: 14px;
  line-height: 1.6;
  margin: 12px 0;
}
.footer__content img { display: inline-block; vertical-align: middle; margin: 6px 10px; max-height: 44px; }
.footer__content a { color: inherit; text-decoration: underline; }

/* Фрейм слота без плашки казино сверху (у «Слотов» с Keitaro её нет): фрейм
   раскладывает детей по высоте с промежутками, и без плашки кнопка прилипала к
   верхнему краю. Кнопку и «demo» ставим точно по центру фрейма, а строку с RTP и
   лайками прижимаем к низу, как было. */
.slot-preview--solo .slot-preview-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.slot-preview--solo .slot-preview-footer { margin-top: auto; }