/* RadixPlants — starter stylesheet. Colors pulled from the logo. */
:root{
  --green-dark:#1B4D2E;
  --green-mid:#4C9A2A;
  --green-light:#E8F5E9;
  --ink:#222;
  --muted:#666;
  --line:#e0e0e0;
  --warn:#b3261e;
  --maxw:1100px;
}
*{box-sizing:border-box}
body{
  margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);line-height:1.65;background:#fff;
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}

/* Header */
.site-header{border-bottom:2px solid var(--green-mid);background:#fff}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green-dark);font-weight:700;font-size:1.3rem}
.brand-logo{display:block}
.site-nav a{margin-left:18px;text-decoration:none;color:var(--green-dark);font-weight:600}
.site-nav a:hover{color:var(--green-mid)}

/* Article */
main.wrap{padding-top:24px;padding-bottom:48px}
.breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:16px}
.breadcrumb a{color:var(--green-mid);text-decoration:none}
.plant-head h1{color:var(--green-dark);margin-bottom:2px;font-size:2rem}
.sci-name{color:var(--muted);margin-top:0}
.plant-hero img{width:100%;height:auto;border-radius:8px}
.plant-hero figcaption{font-size:.8rem;color:var(--muted);margin-top:6px;font-style:italic}

/* Care table */
.care-table{margin:28px 0;background:var(--green-light);border-radius:8px;padding:8px 20px}
.care-table h2{color:var(--green-dark);font-size:1.2rem}
.care-table table{width:100%;border-collapse:collapse}
.care-table th{text-align:left;width:130px;padding:8px 10px;vertical-align:top;color:var(--green-dark)}
.care-table td{padding:8px 10px}
.pet-no{color:var(--warn);font-weight:600}
.pet-yes{color:var(--green-mid);font-weight:600}
.pet-warn{font-weight:400;font-size:.85rem}

/* Prominent pet-safety banners (top of page) */
.pet-alert{display:flex;align-items:flex-start;gap:12px;background:#fdecea;border:1px solid #f3b4ae;border-left:5px solid var(--warn);border-radius:8px;padding:14px 18px;margin:20px 0}
.pet-alert-icon{color:var(--warn);font-size:1.5rem;line-height:1.2;flex:0 0 auto}
.pet-alert-text{color:#7a1c15}
.pet-alert-text strong{color:var(--warn)}
.pet-ok{display:flex;align-items:center;gap:10px;background:var(--green-light);border:1px solid #b6dfb0;border-left:5px solid var(--green-mid);border-radius:8px;padding:10px 16px;margin:20px 0;font-size:.95rem}
.pet-ok-icon{color:var(--green-mid);font-weight:700;font-size:1.2rem}

/* Content sections */
section h2,aside h2{color:var(--green-dark);margin-top:32px;font-size:1.35rem}
.anecdote{background:#fffdf5;border-left:4px solid var(--green-mid);padding:4px 20px;margin:32px 0;border-radius:0 8px 8px 0}
.anecdote blockquote{margin:0;font-style:italic}
.product-picks{border:1px solid var(--line);border-radius:8px;padding:8px 20px;margin:32px 0}
.disclosure{font-size:.8rem;color:var(--muted)}
.plant-foot{margin-top:40px;padding-top:16px;border-top:1px solid var(--line)}
.updated{font-size:.85rem;color:var(--muted)}

/* Footer */
.site-footer{border-top:2px solid var(--green-mid);background:var(--green-dark);color:#fff;padding:28px 0;margin-top:40px}
.site-footer .wrap{text-align:center}
.footer-tagline{font-weight:600;margin:0 0 10px}
.footer-nav a{color:#cde8c9;margin:0 10px;text-decoration:none;font-size:.9rem}
.footer-disclosure{font-size:.78rem;color:#a9c9a3;margin-top:12px}
.footer-copy{font-size:.8rem;color:#9fbf99;margin-top:12px}

/* Index / listing page */
.index-head h1{color:var(--green-dark);font-size:2rem;margin-bottom:6px}
.index-intro{color:var(--muted);max-width:60ch}
.plant-index{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.plant-card a{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.plant-card a:hover{border-color:var(--green-mid);box-shadow:0 2px 10px rgba(76,154,42,.12)}
.plant-card img{border-radius:8px;object-fit:cover;flex:0 0 auto}
.thumb-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--green-light);border-radius:8px;font-size:2rem;flex:0 0 auto}
.card-body{display:flex;flex-direction:column}
.card-name{font-weight:700;color:var(--green-dark);font-size:1.05rem}
.card-sci{color:var(--muted);font-size:.85rem}
.card-meta{font-size:.82rem;color:var(--muted);margin-top:4px}
.tag-safe{color:var(--green-mid);font-weight:600}
.tag-toxic{background:var(--warn);color:#fff;font-weight:600;padding:1px 7px;border-radius:10px;font-size:.75rem}
.empty{color:var(--muted);font-style:italic}

/* ============ HOMEPAGE ============ */
.home-hero{text-align:center;padding:56px 20px 40px;max-width:720px;margin:0 auto}
.hero-logo{width:120px;height:auto;margin:0 auto 10px;display:block}
.hero-title{font-size:2.6rem;line-height:1.2;color:var(--green-dark);font-weight:700;margin:12px 0 20px}
.hero-title .accent{color:var(--green-mid)}
.hero-sub{font-size:1.15rem;color:var(--muted);max-width:44ch;margin:0 auto 28px;line-height:1.6}
.hero-actions{margin-top:8px}
.btn-primary{display:inline-block;background:var(--green-mid);color:#fff;text-decoration:none;font-weight:600;padding:12px 26px;border-radius:8px;transition:background .15s}
.btn-primary:hover{background:var(--green-dark)}

/* Thin decorative divider with a small mark */
.section-divider{display:flex;align-items:center;justify-content:center;gap:14px;max-width:340px;margin:36px auto}
.section-divider::before,.section-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.section-divider .dot{font-size:1rem;opacity:.7}

/* Eyebrow label (caps, spaced, accent) */
.eyebrow{text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:700;color:var(--green-mid);margin:0 0 6px}

/* Featured plants */
.home-featured{text-align:center;padding:8px 20px}
.featured-head{color:var(--green-dark);font-size:1.7rem;margin:0 0 28px}
.featured-grid{list-style:none;padding:0;margin:0 auto 22px;max-width:900px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.featured-card a{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);text-align:left;transition:border-color .15s,box-shadow .15s}
.featured-card a:hover{border-color:var(--green-mid);box-shadow:0 2px 10px rgba(76,154,42,.12)}
.fc-name{font-weight:700;color:var(--green-dark);font-size:1.05rem}
.fc-sci{color:var(--muted);font-size:.85rem}
.fc-meta{font-size:.82rem;color:var(--muted);margin-top:6px}
.featured-all a{color:var(--green-mid);text-decoration:none;font-weight:600}

/* Why section */
.home-why{text-align:center;padding:8px 20px 20px}
.why-head{color:var(--green-dark);font-size:1.7rem;margin:0 0 30px}
.why-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px;max-width:900px;margin:0 auto;text-align:left}
.why-col h3{color:var(--green-dark);font-size:1.1rem;margin:0 0 8px}
.why-col p{color:var(--muted);margin:0;line-height:1.6}

@media(max-width:560px){
  .hero-title{font-size:2rem}
  .hero-sub{font-size:1.05rem}
}
/* ============ END HOMEPAGE ============ */