/*
Theme Name: Shiloh Hills 2025
Theme URI: https://shiloh-hills.com
Author: Shiloh Hills
Description: Mobile-first, colorful theme with sticky action bar and offcanvas menu.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: shhills
*/
:root{
  --green:#1F5633; --lime:#9EEB47; --sunset:#FF8A00; --magenta:#EC4CAA; --sky:#42D9FF;
  --ink:#0E1116; --bg:#F8F9FB; --card:#ffffff; --slate:#2F3B4C;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;margin:0}
a{color:var(--green);text-decoration-thickness:2px}
.container{max-width:1200px;margin:auto;padding:16px}
.header{background:linear-gradient(135deg,var(--sunset),var(--magenta));color:#fff}
.brand{display:flex;align-items:center;gap:.8rem}
.brand img{height:54px}
.navbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0}
.menu a{color:#fff;margin:0 .7rem;font-weight:700}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;padding:20px 0 28px}
.card{background:var(--card);border-radius:14px;padding:16px;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.cta{display:inline-block;background:var(--green);color:#fff;padding:12px 18px;border-radius:12px;font-weight:800}
.cta.alt{background:var(--sunset);color:#1a1a1a}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.footer{background:#fff;border-top:2px solid var(--slate);margin-top:24px}
.footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:12px 0}
/* Offcanvas menu */
#drawer{position:fixed;inset:0 0 0 auto;width:78%;max-width:360px;background:#0d1420;color:#fff;transform:translateX(110%);transition:.25s;padding:20px;z-index:9999}
#drawer.open{transform:none}
#drawer a{color:#fff;display:block;padding:10px 6px;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.hamburger{display:none;cursor:pointer}
/* Sticky action bar (mobile) */
.actionbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e1e5ea;display:none;gap:6px;padding:8px;z-index:9998}
.actionbar a{flex:1;text-align:center;border-radius:12px;padding:10px 4px;font-weight:800;border:2px solid var(--green);color:var(--green);text-decoration:none}
.actionbar a:nth-child(2){background:var(--green);color:#fff;border-color:var(--green)}
@media(max-width:900px){
  .hero{grid-template-columns:1fr}
  .menu{display:none}
  .hamburger{display:block}
  .actionbar{display:flex}
}
/* Blocks */
.wp-block-button__link{background:var(--green);border-radius:12px}
.post-card h2 a{color:var(--ink);text-decoration:none}