/*
Theme Name: Casino Review Pro
Theme URI: https://example.com/
Author: OpenAI
Description: Flexible WordPress theme for casino reviews, rankings and listicles.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: casino-review-pro
*/

:root {
  --crp-primary: #1769ff;
  --crp-accent: #18b26b;
  --crp-text: #172033;
  --crp-muted: #667085;
  --crp-bg: #f6f8fb;
  --crp-card: #fff;
  --crp-border: #e5e7eb;
  --crp-radius: 14px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; color:var(--crp-text); background:var(--crp-bg); font-family:Arial,Helvetica,sans-serif; line-height:1.65; }
a { color:var(--crp-primary); text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; height:auto; }
.crp-container { width:min(1180px, calc(100% - 32px)); margin:auto; }
.crp-header { background:#fff; border-bottom:1px solid var(--crp-border); }
.crp-header-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.crp-brand { font-size:24px; font-weight:800; color:var(--crp-text); }
.crp-nav ul { list-style:none; margin:0; padding:0; display:flex; gap:20px; }
.crp-nav li { margin:0; }
.crp-main { padding:38px 0 70px; }
.crp-card { background:var(--crp-card); border:1px solid var(--crp-border); border-radius:var(--crp-radius); padding:24px; margin-bottom:22px; box-shadow:0 2px 10px rgba(16,24,40,.04); }
.crp-hero { padding:42px 0 20px; }
.crp-hero h1 { font-size:clamp(32px,5vw,52px); line-height:1.1; margin:0 0 14px; }
.crp-hero p { color:var(--crp-muted); font-size:18px; max-width:780px; }
.crp-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.crp-casino { position:relative; }
.crp-rank { position:absolute; top:14px; left:14px; width:36px; height:36px; border-radius:50%; background:var(--crp-primary); color:#fff; display:grid; place-items:center; font-weight:800; z-index:2; }
.crp-logo { height:74px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; }
.crp-logo img { max-height:70px; max-width:190px; object-fit:contain; }
.crp-casino h2,.crp-casino h3 { margin:8px 0; }
.crp-rating { font-weight:800; font-size:20px; }
.crp-bonus { background:#f1f8f4; border-radius:10px; padding:10px 12px; margin:14px 0; font-weight:700; }
.crp-button { display:inline-block; background:var(--crp-primary); color:#fff; border-radius:9px; padding:11px 18px; font-weight:700; text-decoration:none; }
.crp-button:hover { color:#fff; opacity:.9; text-decoration:none; }
.crp-muted { color:var(--crp-muted); }
.crp-proscons { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.crp-proscons ul { margin-top:8px; }
.crp-table-wrap { overflow-x:auto; }
.crp-table { width:100%; border-collapse:collapse; background:#fff; }
.crp-table th,.crp-table td { border:1px solid var(--crp-border); padding:12px; text-align:left; }
.crp-table th { background:#f2f4f7; }
.crp-footer { background:#101828; color:#fff; padding:36px 0; }
.crp-footer a { color:#fff; }
.crp-breadcrumbs { color:var(--crp-muted); font-size:14px; margin-bottom:20px; }
.crp-pagination { margin-top:30px; }
@media(max-width:800px) {
  .crp-grid { grid-template-columns:1fr; }
  .crp-nav { display:none; }
  .crp-proscons { grid-template-columns:1fr; }
  .crp-header-inner { min-height:64px; }
}