/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/
Description: Дочерняя тема для Kadence
Author: lokki
Author URI: https://wild-kaz.com
Template: kadence
Version: 1.0.0
*/

/* Дата */

.post-date{display:block;font-size:12px;color:#9aa0a6;margin:6px 0 12px}

/* Отключение галочек в меню хедера */

.primary-menu-container ul li {
    list-style: none;
    position: static;
    padding-left: 0;
}

.primary-menu-container ul li::before {
    content: none;
}

/* Скрытие заголовков казино */

/* Видимый заголовок-спан */
.casino-title{
  display:block;
  margin:0 0 10px;           /* нижний отступ 10px */
  text-align:center;
  color:#dfad17;
  font-size:25px;
  font-family:'Roboto Slab',serif;
  font-weight:700;
}

/* Отключение галочек в меню подвала */

.footer-menu-container ul li {
    list-style: none;
    position: static;
    padding-left: 0;
}

.footer-menu-container ul li::before {
    content: none;
}

/* БАЗА КАРТОЧКИ */

/* ===== Токены / база ===== */
.casino-card{
  --bg:#000; --text:#f1f1f1; --muted:#d8d8d8;
  --accent:#dfad17; --danger:#ff2e2e; --brd:#dfad17;
  --radius:12px; --gap:12px; --gap-title:5px; --gap-cta:15px;

  max-width:360px; margin:0 auto;
  display:grid; grid-template-areas:
    "title" "media" "rating" "bonus" "limits" "cta";
  row-gap:var(--gap); justify-items:center; text-align:center;

  padding:16px; border:2px solid var(--brd); border-radius:var(--radius);
  background:var(--bg); color:var(--text);
}

/* ===== Обложка ===== */
.card__media{ grid-area:media; border:1.5px solid var(--accent); border-radius:14px; padding:1px; }
.card__image{ display:block; width:100%; height:auto; border-radius:10px; }

/* ===== Рейтинг (полузвёзды от --rating) ===== */
.card__rating{ grid-area:rating; display:flex; align-items:center; gap:10px; }
.rating{
  --rating:4.0; --star-size:18px; --star-color:#C8C8C8; --star-fill:#FFD700;
  position:relative; display:inline-block; font-size:var(--star-size); line-height:1; letter-spacing:2px;
}
.rating::before{ content:"★★★★★"; color:var(--star-color); }
.rating::after{
  content:"★★★★★"; color:var(--star-fill); position:absolute; left:0; top:0;
  width:calc(var(--rating)/5*100%); overflow:hidden; white-space:nowrap;
}
.score{ font:700 14px/1.1 "Roboto Slab",serif; color:var(--muted); }

/* Ровно 5px между рейтингом → названием и названием → бонусом */
.card__title{ display:block; margin:0; }
.card__bonus{ margin:0; }
.card__title + .card__rating{  margin-top: var(--gap-title, 5px); }
.card__rating + .card__bonus{  margin-top: var(--gap-title, 5px); }
.card__bonus + .card__restrict{  margin-top: var(--gap-title, 20px); }

/* ===== Заголовок ===== */
.card__title{ grid-area:title; font:700 20px/1.25 "Roboto Slab",serif; color:var(--accent); }

/* ===== Бонус (по центру) ===== */
.card__bonus{
  grid-area: bonus;
  display: flex;
  flex-wrap: wrap;           /* переносится на узких экранах */
  justify-content: center;   /* ← центр по горизонтали */
  align-items: flex-end;     /* выравниваем нижние линии текста */
  gap: 10px;
  width: 100%;
  text-align: center;        /* если будет перенос */
  margin: 0;
}
.bonus__value{ font:800 32px/1 "Roboto Slab",serif; color:var(--danger); }
.bonus__extra{ font:400 22px/1.1 "Roboto Slab",serif; color:var(--text); }
.bonus__note{
  display:block; width:100%;
  margin-top:2px; font-size:12px; color:var(--muted);
  text-align:center;         /* подпись тоже по центру */
}

/* ===== Лимиты (без маркеров, центр) ===== */
.card__limits{ grid-area:limits; display:flex; flex-direction:column; align-items:center; gap:8px; }
.limit-line{ font:500 15px/1.35 "Roboto Slab",serif; }
.limit-label{ font:500 15px/1.35 "Roboto Slab",serif; }
.money{ color:var(--accent); }

/* Увеличенный отступ до кнопки */
.card__cta{ grid-area:cta; margin-top:var(--gap-cta); }

/* ===== Кнопка ===== */
.card__cta{
  display:inline-block;
  padding:10px 35px;
  border-radius:14px;
  background:var(--danger);
  color:#fff;
  text-decoration:none;
  font-family:"Roboto Slab",serif;
  font-weight:700;
  font-size:22px;
  line-height:1.1;
}
.card__cta-label::before{
  content:"САЙТ КАЗИНО";
}
.card__cta:focus-visible{ outline:2px solid #000; outline-offset:3px; }
.casino-card .card__cta:hover{
  background: var(--accent);
  color: #000;
}

.card__cta-label::before{
  content:"САЙТ КАЗИНО";
  display:inline-block;
}

/* Контейнер списка карточек: одна колонка, центр, между карточками 10px */

/* Контейнер списка: FLEX везде */
.casino_list{
  display: flex !important;   /* принудительно поверх любых grid-правил */
  flex-wrap: wrap;            /* в несколько колонок на широких экранах */
  gap: 10px;                  /* расстояние между карточками */
  justify-content: center;
  align-items: stretch;
  margin: 0;
  padding: 0;
}

/* Карточки читают позицию из CSS-переменной */
.casino_list .casino-card{
  order: var(--pos, 0);
  flex: 0 1 360px;            /* ширина карточки (подгони при желании) */
  margin: 0;
}


/* === Ordering via CSS only === */
.casino_list{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  align-items:stretch;
  margin:0; padding:0;
}
.casino_list > .casino-card{
  order: var(--pos, 999);
  flex: 0 1 360px;
  margin:0;
}

/* === Visual order map (edit numbers only) === */
.casino_list > .casino-card:nth-child(1){ --pos:1; } /* IZZI */
.casino_list > .casino-card:nth-child(2){ --pos:2; } /* STARDA */
.casino_list > .casino-card:nth-child(3){ --pos:3; } /* SOL */
.casino_list > .casino-card:nth-child(4){ --pos:4; } /* BEEF */
.casino_list > .casino-card:nth-child(5){ --pos:5; } /* MARTIN */
.casino_list > .casino-card:nth-child(6){ --pos:6; } /* FLAGMAN */
.casino_list > .casino-card:nth-child(7){ --pos:7; } /* GIZBO */
.casino_list > .casino-card:nth-child(8){ --pos:8; } /* IRWIN */
.casino_list > .casino-card:nth-child(9){ --pos:9; } /* MONRO */
.casino_list > .casino-card:nth-child(10){ --pos:10; } /* LEX */
.casino_list > .casino-card:nth-child(11){ --pos:11; } /* 7K */
.casino_list > .casino-card:nth-child(12){ --pos:12; } /* FUGU */
.casino_list > .casino-card:nth-child(13){ --pos:13; } /* GAMA */
.casino_list > .casino-card:nth-child(14){ --pos:14; } /* SLOTTYWAY */
.casino_list > .casino-card:nth-child(15){ --pos:15; } /* PLAY FORTUNA */
.casino_list > .casino-card:nth-child(16){ --pos:16; } /* RIOBET */
.casino_list > .casino-card:nth-child(17){ --pos:17; } /* VAVADA */
.casino_list > .casino-card:nth-child(18){ --pos:18; } /* BOOSTWIN */
.casino_list > .casino-card:nth-child(19){ --pos:19; } /* PINCO */
.casino_list > .casino-card:nth-child(20){ --pos:20; } /* PIN-UP */

/* Контейнер списка новых казино */
.new_casino_list{
  display: flex !important;   /* принудительно поверх любых grid-правил */
  flex-wrap: wrap;            /* в несколько колонок на широких экранах */
  gap: 10px;                  /* расстояние между карточками */
  justify-content: center;
  align-items: stretch;
  margin: 0;
  padding: 0;
}

/* Карточки читают позицию из CSS-переменной */
.new_casino_list .casino-card{
  order: var(--pos, 0);
  flex: 0 1 360px;            /* ширина карточки (подгони при желании) */
  margin: 0;
}


/* === Ordering via CSS only === */
.new_casino_list{
  display:flex !important;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  align-items:stretch;
  margin:0; padding:0;
}
.new_casino_list > .casino-card{
  order: var(--pos, 999);
  flex: 0 1 360px;
  margin:0;
}

/* === Visual order map (edit numbers only) === */

.new_casino_list > .casino-card:nth-child(1){ --pos:1; } /* BEEF */
.new_casino_list > .casino-card:nth-child(2){ --pos:3; } /* MARTIN */
.new_casino_list > .casino-card:nth-child(3){ --pos:4; } /* FLAGMAN */
.new_casino_list > .casino-card:nth-child(4){ --pos:5; } /* GIZBO */
.new_casino_list > .casino-card:nth-child(5){ --pos:7; } /* IRWIN */
.new_casino_list > .casino-card:nth-child(6){ --pos:8; } /* MONRO */
.new_casino_list > .casino-card:nth-child(7){ --pos:10; } /* LEX */
.new_casino_list > .casino-card:nth-child(8){ --pos:9; } /* NEON WIN */
.new_casino_list > .casino-card:nth-child(9){ --pos:11; } /* SLOTTYWAY */
.new_casino_list > .casino-card:nth-child(10){ --pos:2; } /* BOOSTWIN */
.new_casino_list > .casino-card:nth-child(11){ --pos:6; } /* PINCO */