/* sb-home.css - Extra Sic Bo dark casino theme (Evolution-inspired, original design) */
:root{
  --sb-bg:#070b18; --sb-bg2:#0c1228; --sb-panel:#121c3d; --sb-panel2:#17224a;
  --sb-ink:#eaf0ff; --sb-muted:#aebada; --sb-brand:#5b8cff; --sb-brand2:#8fb0ff;
  --sb-accent:#cfe0ff; --sb-line:rgba(120,150,220,.16); --sb-shadow:0 24px 60px rgba(0,0,0,.45);
  --sb-radius:18px; --sb-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--sb-bg)!important;color:var(--sb-ink)!important;font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;}
a{color:var(--sb-brand2)}
a:hover{color:var(--sb-accent)}
h1,h2,h3,h4{color:var(--sb-ink)!important;letter-spacing:-.01em}

/* ---- chrome (header/footer) overrides for twentytwentyfive ---- */
.wp-site-blocker,.wp-site-blocks{background:var(--sb-bg)}
header.wp-block-template-part,footer.wp-block-template-part{background:transparent}
body .wp-block-site-title a,body .wp-block-site-title{color:var(--sb-ink)!important;font-weight:800}
body .wp-block-site-tagline{color:var(--sb-muted)}
body .wp-block-navigation .wp-block-navigation-item__content,body .wp-block-page-list a{color:var(--sb-ink)!important}
body .wp-block-navigation a:hover{color:var(--sb-brand2)!important}
body,hr,.wp-block-separator{border-color:var(--sb-line)}
.entry-content,.wp-block-post-content{color:var(--sb-ink)}
body a.wp-block-search__button,body .wp-block-button__link{background:var(--sb-brand);color:#fff;border:none}

/* ---- generic section wrapper ---- */
.sb-wrap{max-width:var(--sb-max);margin:0 auto;padding:0 22px}
.sb-section{padding:78px 0}
.sb-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:700;color:var(--sb-brand2);background:rgba(91,140,255,.12);border:1px solid var(--sb-line);padding:7px 14px;border-radius:999px}
.sb-h2{font-size:clamp(26px,3.4vw,40px);line-height:1.15;margin:16px 0 10px;font-weight:800}
.sb-sub{color:var(--sb-muted);font-size:17px;line-height:1.7;max-width:680px}

/* ---- HERO ---- */
.sb-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 78% -8%,rgba(91,140,255,.35),transparent 60%),linear-gradient(160deg,var(--sb-bg2),var(--sb-bg));border-bottom:1px solid var(--sb-line)}
.sb-hero .sb-wrap{padding:92px 22px 84px;position:relative;z-index:2}
.sb-hero h1{font-size:clamp(34px,5.4vw,62px);line-height:1.05;margin:18px 0 16px;font-weight:900;max-width:820px}
.sb-hero .sb-lead{color:var(--sb-muted);font-size:19px;line-height:1.7;max-width:640px;margin:0 0 30px}
.sb-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.sb-dice{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-content:center;min-height:240px}
.sb-die{width:104px;height:104px;border-radius:20px;background:linear-gradient(160deg,#f4f8ff,#c7d6ff);box-shadow:var(--sb-shadow);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:14px;gap:4px}
.sb-die i{background:transparent;border-radius:50%}
.sb-die i.on{background:#0c1a3f;box-shadow:inset 0 1px 2px rgba(255,255,255,.4)}
.sb-die.d2{transform:translateY(26px)} .sb-die.d3{transform:translateY(-10px)}

/* ---- buttons ---- */
.sb-btns{display:flex;gap:14px;flex-wrap:wrap}
.sb-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;transition:.2s;border:1px solid transparent}
.sb-btn.primary{background:linear-gradient(120deg,var(--sb-brand),#3f6bff);color:#04060d;box-shadow:0 12px 30px rgba(91,140,255,.4)}
.sb-btn.primary:hover{transform:translateY(-2px)}
.sb-btn.ghost{background:rgba(255,255,255,.04);color:var(--sb-ink);border-color:var(--sb-line)}
.sb-btn.ghost:hover{border-color:var(--sb-brand)}

/* ---- stats band ---- */
.sb-stats{background:var(--sb-panel);border:1px solid var(--sb-line);border-radius:var(--sb-radius);padding:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sb-stat{text-align:center}
.sb-stat b{display:block;font-size:38px;font-weight:900;color:var(--sb-accent)}
.sb-stat span{color:var(--sb-muted);font-size:14px}

/* ---- category / feature cards ---- */
.sb-grid{display:grid;gap:22px}
.sb-grid.cols3{grid-template-columns:repeat(3,1fr)}
.sb-grid.cols4{grid-template-columns:repeat(4,1fr)}
.sb-card{background:linear-gradient(180deg,var(--sb-panel),var(--sb-bg2));border:1px solid var(--sb-line);border-radius:var(--sb-radius);padding:26px;transition:.2s;text-decoration:none;display:block;height:100%}
.sb-card:hover{transform:translateY(-4px);border-color:var(--sb-brand);box-shadow:var(--sb-shadow)}
.sb-card .ic{width:46px;height:46px;border-radius:12px;background:rgba(91,140,255,.15);display:grid;place-items:center;font-size:22px;margin-bottom:14px}
.sb-card h3{margin:0 0 8px;font-size:19px}
.sb-card p{margin:0;color:var(--sb-muted);font-size:15px;line-height:1.6}

/* ---- articles / latest posts ---- */
.sb-latest .wp-block-latest-posts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sb-latest .wp-block-latest-posts__post-title{font-weight:700;color:var(--sb-ink)!important;font-size:18px}
.sb-latest .wp-block-latest-posts li{background:var(--sb-panel);border:1px solid var(--sb-line);border-radius:16px;padding:22px}
.sb-latest .wp-block-latest-posts__post-date,.sb-latest .wp-block-latest-posts__post-excerpt{color:var(--sb-muted);font-size:14px}

/* ---- comparison table ---- */
.sb-table{width:100%;border-collapse:collapse;background:var(--sb-panel);border-radius:var(--sb-radius);overflow:hidden;border:1px solid var(--sb-line)}
.sb-table th,.sb-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--sb-line);font-size:15px}
.sb-table th{background:var(--sb-panel2);color:var(--sb-accent)}
.sb-table td{color:var(--sb-muted)} .sb-table tr:last-child td{border-bottom:none}

/* ---- FAQ ---- */
.sb-faq details{background:var(--sb-panel);border:1px solid var(--sb-line);border-radius:14px;padding:6px 20px;margin-bottom:12px}
.sb-faq summary{cursor:pointer;font-weight:700;color:var(--sb-ink);list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 0}
.sb-faq summary:after{content:"+";color:var(--sb-brand2);font-size:22px}
.sb-faq details[open] summary:after{content:"–"}
.sb-faq p{color:var(--sb-muted);line-height:1.7;margin:0 0 14px}

/* ---- CTA ---- */
.sb-cta{background:radial-gradient(700px 300px at 50% -30%,rgba(91,140,255,.35),transparent 60%),linear-gradient(160deg,var(--sb-panel2),var(--sb-bg));border:1px solid var(--sb-line);border-radius:24px;padding:56px;text-align:center}
.sb-cta h2{font-size:clamp(24px,3vw,36px);margin:0 0 12px}
.sb-cta p{color:var(--sb-muted);max-width:600px;margin:0 auto 26px;line-height:1.7}

/* ---- breadcrumb ---- */
.rank-math-breadcrumb,.sb-breadcrumb{padding:16px 0;font-size:14px}
.rank-math-breadcrumb p,.sb-breadcrumb{color:var(--sb-muted)}
.rank-math-breadcrumb a{color:var(--sb-brand2)!important;text-decoration:none}
.rank-math-breadcrumb .separator,.rank-math-breadcrumb p .separator{color:var(--sb-muted);margin:0 6px}

/* ---- hide theme page title where our content already provides an H1 ---- */
body.home .wp-block-post-title,
body.page .wp-block-post-title{display:none!important}
body.home .sb-hero h1{display:block!important}

/* ---- single post/article page ---- */
.sb-page{max-width:860px;margin:0 auto;padding:0 22px}
.sb-page .entry-content{font-size:17px;line-height:1.85;color:var(--sb-ink)}
.sb-page .entry-content p{color:#cdd8f2;margin:0 0 22px}
.sb-page .entry-content h2,.sb-page .entry-content h3{margin:34px 0 12px}
.sb-page .entry-content strong{color:var(--sb-accent)}

/* ---- footer ---- */
.sb-footer-note{color:var(--sb-muted);font-size:14px;max-width:820px;line-height:1.7}
footer .wp-block-latest-posts,body footer a{color:var(--sb-muted)!important}
body footer .wp-block-navigation a{color:var(--sb-ink)!important}

/* ---- responsive ---- */
@media (max-width:900px){
  .sb-hero-grid{grid-template-columns:1fr;gap:34px}
  .sb-stats{grid-template-columns:repeat(2,1fr)}
  .sb-grid.cols3,.sb-grid.cols4,.sb-latest .wp-block-latest-posts{grid-template-columns:1fr}
  .sb-section{padding:54px 0}
  .sb-die{width:84px;height:84px}
}