/*
Theme Name: nowe-kasyno
Version: 1.0.5
*/

/* ============================================================
   Spec tables — modern key/value cards
   ============================================================ */
.entry-content .table-wrap{
  border:1px solid #e3e9e6;border-radius:14px;overflow:hidden;
  box-shadow:0 6px 22px rgba(10,21,18,.07);background:#fff;margin:0 0 22px}
.entry-content table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:480px;background:#fff}
.entry-content th{
  width:44%;text-align:left;padding:13px 16px 13px 20px;font-weight:600;
  color:#0a1512;background:#eef5f1;border-bottom:1px solid #e2ebe6;position:relative;vertical-align:middle}
.entry-content th::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  height:58%;width:3px;background:#12cf92;border-radius:0 3px 3px 0}
.entry-content td{
  padding:13px 16px;border-bottom:1px solid #eef1f0;font-weight:700;color:#123038;vertical-align:middle}
.entry-content tr:last-child th,
.entry-content tr:last-child td{border-bottom:0}
.entry-content tr:hover th{background:#e6f7f0}
.entry-content tr:hover td{background:#f5fbf8}

/* ============================================================
   Topic hero — distinct, colourful first screen per page
   ============================================================ */
.topic-hero{
  display:flex;align-items:center;gap:16px;border-radius:16px;padding:18px 22px;
  margin:0 0 16px;color:#fff;position:relative;overflow:hidden;
  box-shadow:0 10px 26px rgba(10,21,18,.18)}
.topic-hero::after{
  content:"";position:absolute;right:-40px;top:-60px;width:180px;height:180px;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);pointer-events:none}
.topic-hero .th-badge{
  width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  font-size:30px;background:rgba(255,255,255,.16);flex:0 0 auto;backdrop-filter:blur(2px)}
.topic-hero .th-body{flex:1 1 auto;min-width:0}
.topic-hero .th-kicker{display:block;font-size:23px;font-weight:800;line-height:1.15;letter-spacing:-.2px}
.topic-hero .th-note{display:block;font-size:14px;opacity:.9;margin-top:3px}
.topic-hero .th-cta{
  background:#12cf92;color:#04150f!important;padding:12px 24px;border-radius:10px;font-weight:800;
  white-space:nowrap;flex:0 0 auto;box-shadow:0 6px 16px rgba(0,0,0,.28)}
.topic-hero .th-cta:hover{filter:brightness(1.06);text-decoration:none}

/* per-topic gradients */
.th-nodep  {background:linear-gradient(120deg,#0a1512 0%,#3b1d63 60%,#6d28d9 130%)}
.th-welcome{background:linear-gradient(120deg,#0a1512 0%,#5a1237 60%,#db2777 130%)}
.th-spins  {background:linear-gradient(120deg,#0a1512 0%,#0b3f38 55%,#0d9488 130%)}
.th-blik   {background:linear-gradient(120deg,#0a1512 0%,#122a5e 60%,#2563eb 130%)}
.th-fast   {background:linear-gradient(120deg,#0a1512 0%,#5a3d09 55%,#f59e0b 135%)}
.th-nokyc  {background:linear-gradient(120deg,#0a1512 0%,#0a4432 55%,#059669 130%)}
.th-pay    {background:linear-gradient(120deg,#0a1512 0%,#0b3a52 60%,#0ea5e9 130%)}
.th-guide  {background:linear-gradient(120deg,#0a1512 0%,#232a63 60%,#6366f1 130%)}
.th-lic    {background:linear-gradient(120deg,#0a1512 0%,#4a2f0a 55%,#c98a12 135%)}
.th-legal  {background:linear-gradient(120deg,#0a1512 0%,#26333f 60%,#5b7186 130%)}

/* ============================================================
   Casino preview strip — real brand logos, links to reviews
   ============================================================ */
.casino-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 24px}
.casino-strip .cs-item{
  display:flex;flex-direction:column;align-items:center;gap:7px;background:#fff;
  border:1px solid #e3e9e6;border-radius:12px;padding:12px 6px;text-align:center;
  transition:transform .15s,border-color .15s,box-shadow .15s}
.casino-strip .cs-item:hover{
  transform:translateY(-3px);border-color:#12cf92;
  box-shadow:0 10px 22px rgba(10,21,18,.13);text-decoration:none}
.casino-strip img{width:46px;height:46px;border-radius:11px;display:block}
.casino-strip .cs-n{font-size:12.5px;font-weight:700;color:#15151a;line-height:1.1}
.casino-strip .cs-r{font-size:12px;font-weight:800;color:#0a9d6e}

@media(max-width:768px){
  .topic-hero{flex-wrap:wrap;padding:16px 18px}
  .topic-hero .th-kicker{font-size:20px}
  .topic-hero .th-cta{width:100%;text-align:center;margin-top:4px}
  .casino-strip{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:400px){
  .casino-strip{grid-template-columns:repeat(3,1fr);gap:8px}
  .casino-strip .cs-n{font-size:11.5px}
}