/* Homepage only. Loads after growth.css (which flattens the shared tiles for
   every page) and events.css (which supplies the shared event cards and the
   .hero-stat tiles). Restores the poster look and adds live counts. */

/* Hero: stat tiles over the spotlight */
.home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px;position:relative;z-index:2}
.home-stats .hero-stat{text-decoration:none}
.home-stats .hero-stat:hover{background:var(--warmsun)}

/* Spotlight card: category color header, sunburst and icon badge */
.spot-card{border:2.5px solid var(--ink)!important;border-radius:10px!important;box-shadow:6px 6px 0 var(--ink)!important;background:#FFFBEA}
.spot-head{height:132px!important;justify-content:center!important;padding:0!important;background:var(--cat,#28523E)!important;border-bottom:2.5px solid var(--ink)!important}
.spot-head::before{content:""!important;position:absolute;inset:-60%;background:repeating-conic-gradient(rgba(255,252,238,.18) 0deg 8deg,rgba(255,252,238,0) 8deg 19deg)}
.spot-head .emoji{display:flex!important;font-size:38px;width:80px;height:80px;background:#FFFBEA}
.spot-flag{position:absolute!important;top:12px;left:12px;background:var(--gold)!important;color:var(--ink)!important;border:2px solid var(--ink)!important;border-radius:999px!important;padding:4px 11px!important;font-weight:800!important;font-size:10.5px}
.spot-cat{position:absolute;right:12px;bottom:10px;z-index:1;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#FFFBEA}
.spot-meta{color:var(--orange-sh)!important}
.spot-price:empty{display:none}

/* Upcoming: cards float on the green band instead of sitting in one box */
.upcoming .ev-list.cards{background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;padding:0}
.upcoming .ev-list.cards .ev{border-bottom:1.5px solid var(--line2);cursor:pointer}
.upcoming .ev-list.cards .ev:hover{border-color:var(--ink);box-shadow:4px 4px 0 var(--pine)}
.upcoming .ev-list.cards .ev-all{padding:14px 0 0}
.upcoming .ev-list.cards .ev-all a{display:inline-block;font-family:var(--display);font-size:16px;color:var(--ink);background:var(--gold);border:2px solid var(--ink);border-radius:999px;padding:10px 22px;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}
.upcoming .ev-list.cards .ev-all a:hover{background:var(--warmsun)}
.upcoming .ev-list.cards .ev-featured{background:linear-gradient(90deg,#FBE9C9,#FFFBEA)}
.upcoming .filters button{border-radius:999px;border-color:rgba(243,233,191,.5);background:transparent;color:var(--cream)}
.upcoming .filters button:hover{border-color:var(--cream)}
.upcoming .filters button.active{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* Signup and guide links */
.home-signup{position:relative;margin:34px auto 0;max-width:820px;background:var(--warmsun);border:2.5px solid var(--ink);border-radius:12px;box-shadow:5px 5px 0 var(--orange);padding:30px 28px;overflow:hidden}
.home-signup::before{content:"";position:absolute;inset:-80% -20%;background:repeating-conic-gradient(rgba(255,252,238,.55) 0deg 7deg,rgba(255,252,238,0) 7deg 17deg);pointer-events:none}
.home-signup>*{position:relative}
.home-signup h2{color:var(--ink)}
.guide-links{gap:10px;padding:30px 20px 34px}
.guide-links h2{font-family:var(--display);font-weight:400;margin:0 0 6px}
.guide-links a{text-decoration:none;font-weight:700;font-size:14.5px;color:var(--ink);background:#FFFBEA;border:2px solid var(--ink);border-radius:999px;padding:9px 16px;box-shadow:2px 2px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.guide-links a:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);background:var(--warmsun)}

/* Category tiles: one color per category, icon badge, live count */
.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.cat{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:0!important;text-align:center!important;padding:16px 8px 13px!important;background:color-mix(in srgb,var(--cat,#28523E) 11%,#FFFBEA)!important;border:2px solid var(--ink)!important;border-radius:10px!important;box-shadow:3px 3px 0 var(--ink)!important;transition:transform .12s,box-shadow .12s,background .12s}
.cat:hover{transform:translate(-1px,-1px)!important;box-shadow:4px 4px 0 var(--ink)!important;background:color-mix(in srgb,var(--cat,#28523E) 20%,#FFFBEA)!important;text-decoration:none!important;color:inherit!important}
.cat .ico{display:flex!important;margin:0!important;width:46px;height:46px;border-radius:50%!important;background:var(--cat,#28523E)!important;border:2px solid var(--ink)}
.cat .ico svg{stroke:#FFFBEA!important}
.cat .nm{font:800 12.5px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.04em;text-transform:uppercase;color:var(--ink)}
.cat .ct,.city .ct{font-size:12px;font-weight:700;color:var(--cat,var(--green))}
.cat .ct:empty,.city .ct:empty{display:none}

/* Town cards: bring the hills and sun art back, add a live count */
.city-col{gap:12px}
.city{border:2.5px solid var(--ink)!important;border-radius:10px!important;box-shadow:4px 4px 0 var(--ink)!important;padding:0!important;transition:transform .12s,box-shadow .12s}
.city:nth-child(1){background:linear-gradient(100deg,#F1DA94,#E7CF83)!important}
.city:nth-child(2){background:linear-gradient(100deg,#F3DEAE,#E7CF83)!important}
.city:nth-child(3){background:linear-gradient(100deg,#E7CF83,#DABF72)!important}
.city:hover{transform:translate(-1px,-1px)!important;box-shadow:5px 5px 0 var(--ink)!important;filter:brightness(1.03)}
.city-art{display:block!important}
.city-body{padding:12px 16px 12px 0!important}
.city .ct{display:inline-block;margin-top:7px;font-size:11.5px;font-weight:800;letter-spacing:.04em;color:#FFFBEA;background:var(--green);border-radius:999px;padding:3px 10px}

@media (prefers-reduced-motion:reduce){.cat,.city,.guide-links a{transition:none}.cat:hover,.city:hover,.guide-links a:hover{transform:none!important}}

@media (max-width:960px){
  .home-stats{max-width:520px}
}
@media (max-width:700px){
  .home-stats{gap:8px}
  .spot-head{height:104px!important}
  .spot-head .emoji{width:64px;height:64px;font-size:30px}
  .home-signup{margin:26px 16px 0;padding:24px 16px}
  .guide-links{flex-direction:row!important;align-items:center!important;justify-content:flex-start;gap:8px!important;padding:24px 16px 28px}
  .guide-links a{padding:9px 14px!important;font-size:13.5px}
  .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .city-art{width:92px}
}
/* growth.css hides the whole right column on phones. Keep the count tiles, drop the card. */
@media (max-width:700px){.hero .spotlight{display:block!important}.hero .spot-card{display:none}}
.upcoming .ev-list.cards .ev-cta{padding:0;background:transparent;box-shadow:none}
/* The count tiles link to the same two pages as these buttons, so they replace them. */
.discovery-actions{display:none}