/*
Theme Name: Stone County Business Collective
Theme URI: https://scbc.example
Author: SCBC
Description: Custom theme for the Stone County Business Collective chamber of commerce site.
Version: 1.0
Text Domain: scbc
*/

:root {
  --teal:#0e5a5a; --teal-dark:#083d3e; --teal-soft:#e8f2f0;
  --gold:#c89a3d; --gold-soft:#f5ead3; --cream:#fbf8f1;
  --ink:#183132; --muted:#647474; --line:#d9e2df; --white:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f5f4ef}
.site{max-width:1320px;margin:auto;background:#fff;min-height:100vh;box-shadow:0 0 35px rgba(0,0,0,.08)}
header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 36px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}
.logo{width:230px;max-height:100px;object-fit:contain}
nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
nav a{border:0;background:transparent;padding:12px 13px;color:var(--teal-dark);font-weight:700;cursor:pointer;border-radius:10px;text-decoration:none;display:inline-block}
nav a:hover,nav a.active{background:var(--teal-soft)}
nav a.join{background:var(--teal);color:#fff;padding:12px 18px}
nav a.join:hover{background:var(--teal-dark)}
.hero{min-height:590px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(110deg,var(--cream) 0 57%,#d9e8df 57%)}
.hero-copy{padding:76px 46px 70px 72px;z-index:2;display:flex;flex-direction:column;justify-content:center}
.kicker{color:var(--gold);letter-spacing:.16em;font-weight:800;font-size:14px;text-transform:uppercase}
h1{font-family:Georgia,'Times New Roman',serif;color:var(--teal-dark);font-size:62px;line-height:1.02;margin:16px 0 24px;max-width:720px}
.hero p{font-size:21px;line-height:1.65;color:#435c5d;max-width:650px}
.hero-art{position:relative;min-height:590px;background:radial-gradient(circle at 75% 18%,rgba(232,189,91,.78) 0 7%,transparent 7.5%),linear-gradient(180deg,#b7d4d2 0 48%,#8eb299 48% 61%,#708d67 61% 100%);overflow:hidden}
.sun-rays{position:absolute;right:12%;top:4%;width:290px;height:290px;border-radius:50%;background:repeating-conic-gradient(from -8deg,rgba(255,255,255,.42) 0 3deg,transparent 3deg 13deg);opacity:.65}
.tree{position:absolute;bottom:0;width:0;height:0;border-left:56px solid transparent;border-right:56px solid transparent;border-bottom:190px solid #174d47}
.tree:after{content:"";position:absolute;left:-38px;top:50px;width:0;height:0;border-left:38px solid transparent;border-right:38px solid transparent;border-bottom:130px solid #174d47}
.tree.one{left:13%;transform:scale(1.45)} .tree.two{left:42%;transform:scale(1.1)} .tree.three{left:66%;transform:scale(.85)}
.water-tower{position:absolute;right:11%;bottom:27%;width:72px;height:42px;border-radius:50% 50% 40% 40%;border:6px solid #f4f0de;background:#d7ddd3}
.water-tower:before,.water-tower:after{content:"";position:absolute;top:38px;width:5px;height:145px;background:#d7ddd3}
.water-tower:before{left:14px;transform:rotate(8deg)} .water-tower:after{right:14px;transform:rotate(-8deg)}
.water-tower span{position:absolute;inset:9px 0 auto;text-align:center;font-size:10px;font-weight:700;color:var(--teal-dark)}
.buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px}
.btn{border:0;border-radius:10px;padding:15px 22px;font-weight:800;cursor:pointer;font-size:15px;text-decoration:none;display:inline-block}
.btn.primary{background:var(--teal);color:#fff}.btn.secondary{background:#fff;color:var(--teal);border:2px solid var(--teal)}
.band{background:var(--teal-dark);color:#fff;padding:30px 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.promise{padding:8px 35px;border-right:1px solid rgba(255,255,255,.2)}.promise:last-child{border:0}
.promise strong{display:block;color:#e4bd69;font-size:22px;margin-bottom:6px}.promise span{color:#e1ebea;line-height:1.5}
.section{padding:70px 60px}.section.alt{background:var(--cream)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}
h2{font-family:Georgia,'Times New Roman',serif;font-size:40px;color:var(--teal-dark);margin:5px 0}
.section-head p,.lead{color:var(--muted);font-size:18px;line-height:1.55}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:26px;box-shadow:0 8px 25px rgba(8,61,62,.06)}
.date{display:inline-grid;background:var(--gold-soft);color:var(--teal-dark);padding:9px 13px;border-radius:11px;font-weight:800;text-align:center}
.card h3{font-size:22px;margin:16px 0 8px;color:var(--teal-dark)}.card p{color:var(--muted);line-height:1.55}
.searchbar{display:grid;grid-template-columns:1fr 220px auto;gap:10px;background:var(--teal-soft);padding:22px;border-radius:18px}
input,select{padding:14px 15px;border:1px solid #c9d7d3;border-radius:10px;font-size:16px;background:#fff;width:100%}
.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.mapbox{min-height:390px;border-radius:22px;background:linear-gradient(135deg,#e8efe5,#c4d9cf);position:relative;overflow:hidden;border:1px solid var(--line)}
.mapbox:before{content:"STONE COUNTY";position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-family:Georgia,serif;font-weight:700;font-size:34px;color:rgba(8,61,62,.22);letter-spacing:.08em}
.pin{position:absolute;width:26px;height:26px;background:var(--gold);border:5px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 3px 10px rgba(0,0,0,.2)}
.pin.p1{left:36%;top:42%}.pin.p2{left:53%;top:57%}.pin.p3{left:63%;top:34%}.pin.p4{left:47%;top:29%}.pin.p5{left:70%;top:62%}
.directory-list{border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:22px}
.biz{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.biz:last-child{border:0}
.biz h3{margin:0 0 6px;color:var(--teal-dark)}.biz small{color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap}
.pill{background:var(--teal-soft);color:var(--teal-dark);padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700;display:inline-block;margin-bottom:8px}
.cta{margin:0 60px 65px;border-radius:26px;padding:46px;background:linear-gradient(120deg,var(--teal-dark),var(--teal));color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}
.cta h2{color:#fff;margin:0 0 8px}.cta p{color:#dce9e6;margin:0;max-width:700px;line-height:1.6}
.event-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}
.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-head{font-size:12px;text-align:center;color:var(--muted);font-weight:700;padding:5px}
.day{aspect-ratio:1;border:1px solid var(--line);border-radius:11px;padding:9px;position:relative;background:#fff}.day.event{background:var(--gold-soft);border-color:#e4c27e;font-weight:700}.day.event:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--teal);bottom:8px;left:50%;transform:translateX(-50%)}
.membership{background:var(--teal-soft);border-radius:22px;padding:28px}.membership ul{padding-left:19px;color:#405d5b;line-height:1.9}
footer{background:#072f30;color:#dce7e5;padding:34px 48px;display:flex;justify-content:space-between;gap:20px;align-items:center}footer .mark{font-family:Georgia,serif;font-size:22px;color:#fff}
@media(max-width:850px){
 header{padding:14px 18px;align-items:flex-start;flex-direction:column}.logo{width:190px}nav{justify-content:flex-start}
 .hero{grid-template-columns:1fr}.hero-copy{padding:55px 28px}h1{font-size:45px}.hero-art{min-height:330px}
 .band,.cards,.feature-grid,.event-layout{grid-template-columns:1fr}.promise{border-right:0;border-bottom:1px solid rgba(255,255,255,.2);padding:18px 0}
 .section{padding:52px 24px}.searchbar{grid-template-columns:1fr}.cta{margin:0 24px 50px;flex-direction:column;align-items:flex-start}.biz{flex-direction:column;align-items:flex-start}
 footer{flex-direction:column;align-items:flex-start}
}