/*
Theme Name: Casino Monkey Child
Template: twentytwentyfive
Version: 1.0.0
*/

/* === Casino Monkey: Hub UI (minimal) === */
.cm-container{max-width:1100px;margin:0 auto;padding:24px 16px}
.cm-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0 10px}
.cm-filters label{display:block;font-size:12px;opacity:.75;margin-bottom:6px}
.cm-filters select,.cm-filters button,.cm-filters a.cm-btn{
  height:40px;padding:0 12px;border:1px solid rgba(0,0,0,.15);border-radius:10px;background:#fff
}
.cm-filters button,.cm-filters a.cm-btn{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.cm-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.cm-chip{font-size:12px;padding:6px 10px;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:rgba(0,0,0,.03)}
.cm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.cm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.cm-grid{grid-template-columns:1fr}.cm-filters{flex-direction:column;align-items:stretch}}
.cm-card{border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:14px;background:#fff}
.cm-card h2{font-size:16px;margin:0 0 8px}
.cm-card p{margin:0;opacity:.75;font-size:14px}
.cm-pagination{margin:22px 0;display:flex;gap:10px;flex-wrap:wrap}

/* === Casino Monkey: Comparison Tables === */
.cm-compare__wrap{overflow:auto;border:1px solid rgba(0,0,0,.12);border-radius:16px;background:#fff}
.cm-compare__table{width:100%;border-collapse:collapse;min-width:640px}
.cm-compare__table th,.cm-compare__table td{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;white-space:nowrap}
.cm-compare__table th{font-size:12px;opacity:.75}
.cm-compare__cta{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(0,0,0,.15);text-decoration:none}

/* === CM Clean Premium tokens === */
:root{
  --cm-border: rgba(0,0,0,.10);
  --cm-soft: rgba(0,0,0,.04);
  --cm-radius: 18px;
  --cm-radius-pill: 999px;
  --cm-pad: 16px;
}
.cm-card{border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff}
.cm-compare__cta{border:1px solid var(--cm-border);border-radius:var(--cm-radius-pill);background:rgba(0,0,0,.03)}
.cm-compare__cta:hover{background:rgba(0,0,0,.06)}

/* === CM Clean Premium tokens === */
:root{
  --cm-border: rgba(0,0,0,.10);
  --cm-soft: rgba(0,0,0,.04);
  --cm-radius: 18px;
  --cm-radius-pill: 999px;
  --cm-pad: 16px;
}
.cm-card{border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:#fff}
.cm-compare__cta{border:1px solid var(--cm-border);border-radius:var(--cm-radius-pill);background:rgba(0,0,0,.03)}
.cm-compare__cta:hover{background:rgba(0,0,0,.06)}