/*
Theme Name: RackUp
Theme URI: https://localpooltournaments.com
Description: RackUp — the directory of weekly pool tournaments. Custom theme matching the approved RackUp design (warm cream + felt green, Geist typeface).
Author: RackUp
Version: 0.1.0
*/
* { box-sizing: border-box; }
html { background:#F6F3EC; }
body { margin:0; background:#F6F3EC; color:#17211C; font-family:'Geist', system-ui, sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
img { max-width:100%; height:auto; }
::selection { background:#C9EBD6; color:#0E3A26; }
@keyframes rk-pulse { 0%,100% { opacity:1; } 50% { opacity:0.35; } }
@keyframes rk-rise { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
*::-webkit-scrollbar { width:10px; height:10px; }
*::-webkit-scrollbar-thumb { background:rgba(20,45,32,0.18); border-radius:8px; border:2px solid #F6F3EC; }
/* gentle hover affordances (replaces design tool's style-hover) */
.rk-nav a:hover { color:#17211C; background:rgba(20,45,32,0.05); }
.rk-btn-primary:hover { background:#0E5536 !important; }
.rk-link:hover { text-decoration:underline; }
.rk-tile:hover { filter:brightness(1.06); transform:translateY(-1px); }
.rk-card:hover { border-color:rgba(20,106,69,0.35) !important; background:#fff !important; }
.rk-staterow:hover { background:rgba(20,106,69,0.06); }

/* ===== Mobile responsiveness — overrides only apply below desktop widths ===== */
@media (max-width: 920px) {
  .rk-hero-grid, .rk-state-grid, .rk-city-grid, .rk-2col, .rk-3col, .rk-sidebar, .rk-grid-3 { grid-template-columns:1fr !important; }
  .rk-sticky { position:static !important; top:auto !important; }
  .rk-h1 { font-size:40px !important; }
}
@media (max-width: 680px) {
  .rk-grid-2 { grid-template-columns:1fr !important; }
  .rk-league-row { grid-template-columns:1fr !important; gap:4px !important; padding-top:12px !important; padding-bottom:12px !important; }
  .rk-h1 { font-size:30px !important; line-height:1.12 !important; }
  .rk-navbar { height:auto !important; padding-top:12px !important; padding-bottom:12px !important; flex-wrap:wrap !important; gap:12px !important; }
  .rk-nav { display:none !important; }
  h1, h2 { overflow-wrap:anywhere; }
}