/*
 * OurGardenWorks Home page — scoped under `.ogw-home-page .entry-content`
 * (body class added in functions.php on the static front page) so the design
 * rules apply to the page content only, never the GeneratePress header/nav/footer.
 * Shares the Start Here / Garden Tools visual language + child-theme typography
 * tokens (Merriweather / Lora / Inter, brand green). Loaded only on the home page.
 */

/* ── Page-level: kill horizontal scroll from full-bleed sections + strip the
   article-box chrome so the colored sections sit edge to edge. ── */
.ogw-home-page { overflow-x:hidden; }
.ogw-home-page .site-content { padding-top:0; }
.ogw-home-page.separate-containers .site-main { margin-top:0; }
.ogw-home-page.separate-containers .inside-article {
  padding:0 !important; border:none !important; box-shadow:none !important; background:transparent !important;
}
.ogw-home-page .inside-article .entry-content { margin:0 !important; }

.ogw-home-page .entry-content {
  --green:#2d6a2d; --green-dark:#1a4019; --green-mid:#3d7a3a;
  --green-light:#eaf4e8; --green-border:#b8d9b5; --header:#154e45;
  --amber:#c97b2a; --amber-dark:#a0601e; --amber-light:#fdf3e7;
  --cream:#faf8f3; --cream-2:#f3efe7; --white:#fff;
  --ink:#1a1a14; --ink-2:#3d3d30; --ink-3:#6b6b58; --ink-4:#9a9a85;
  --border:#e2ddd4;
  --serif:var(--ogw-font-head,'Merriweather',Georgia,serif);
  --body-serif:var(--ogw-font-serif,'Lora',Georgia,'Times New Roman',serif);
  --sans:var(--ogw-font-ui,'Inter',-apple-system,BlinkMacSystemFont,sans-serif);
  --radius:8px;
  font-family:var(--sans); color:var(--ink);
}
.ogw-home-page .entry-content *{ box-sizing:border-box; }
.ogw-home-page .entry-content :where(h1,h2,h3,p,ul,li){ margin:0; }
.ogw-home-page .entry-content a{ color:inherit; text-decoration:none; }
.ogw-home-page .entry-content img{ display:block; max-width:100%; }

/* ── Make every top-level section full-bleed; inner wrappers re-center. ── */
.ogw-home-page .entry-content .hero,
.ogw-home-page .entry-content .section,
.ogw-home-page .entry-content .home-tools,
.ogw-home-page .entry-content .start-strip,
.ogw-home-page .entry-content .about-section {
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
}

/* ── HERO (top edge = nav color → merges with the header) ── */
.ogw-home-page .entry-content .hero{
  background:linear-gradient(180deg,#154e45 0%,#123f37 55%,#0f3329 100%);
  position:relative; overflow:hidden; padding:4.5rem 2rem;
}
.ogw-home-page .entry-content .hero::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 80% 60% at 65% 45%, rgba(255,255,255,.06) 0%, transparent 70%);
}
.ogw-home-page .entry-content .hero-inner{
  max-width:1100px; margin:0 auto; position:relative; z-index:1;
  display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;
}
.ogw-home-page .entry-content .hero-eyebrow{
  font-size:.72rem; font-weight:700; color:rgba(255,255,255,.6);
  letter-spacing:.14em; text-transform:uppercase; margin-bottom:.9rem;
  display:flex; align-items:center; gap:.6rem;
}
.ogw-home-page .entry-content .hero-eyebrow::before{ content:''; display:block; width:24px; height:1px; background:var(--amber); }
.ogw-home-page .entry-content .hero h1{
  font-family:var(--serif); font-size:clamp(2.3rem,5vw,3.5rem); font-weight:900;
  line-height:1.1; color:#fff; letter-spacing:-.025em; margin-bottom:1.25rem;
}
.ogw-home-page .entry-content .hero h1 em{ font-style:italic; color:var(--amber); }
.ogw-home-page .entry-content .hero-sub{
  font-family:var(--body-serif); font-size:1.15rem; line-height:1.75;
  color:rgba(255,255,255,.78); margin-bottom:2rem;
}
.ogw-home-page .entry-content .hero-actions{ display:flex; gap:1rem; flex-wrap:wrap; }
.ogw-home-page .entry-content .btn-primary{
  font-size:.88rem; font-weight:700; background:var(--amber); color:#fff;
  padding:.8rem 1.7rem; border-radius:4px; letter-spacing:.02em; transition:opacity .15s;
}
.ogw-home-page .entry-content .btn-primary:hover{ opacity:.88; }
.ogw-home-page .entry-content .btn-ghost{
  font-size:.88rem; font-weight:600; color:rgba(255,255,255,.8);
  padding:.8rem 1.7rem; border-radius:4px; border:1.5px solid rgba(255,255,255,.25);
  transition:border-color .15s, color .15s;
}
.ogw-home-page .entry-content .btn-ghost:hover{ border-color:rgba(255,255,255,.6); color:#fff; }

.ogw-home-page .entry-content .hero-right{ display:flex; flex-direction:column; gap:.75rem; }
.ogw-home-page .entry-content .hero-pillar-card{
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius); padding:.95rem 1.2rem;
  display:flex; align-items:center; gap:1rem; transition:background .15s, border-color .15s;
}
.ogw-home-page .entry-content .hero-pillar-card:hover{ background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.22); }
.ogw-home-page .entry-content .hero-pillar-icon{ flex-shrink:0; line-height:0; color:#9ed39c; }
.ogw-home-page .entry-content .hero-pillar-icon svg{ width:26px; height:26px; display:block; }
.ogw-home-page .entry-content .hero-pillar-title{ font-size:.88rem; font-weight:700; color:#fff; line-height:1.3; }
.ogw-home-page .entry-content .hero-pillar-count{ font-size:.7rem; font-weight:500; color:rgba(255,255,255,.5); margin-top:.15rem; }
.ogw-home-page .entry-content .hero-pillar-arrow{ margin-left:auto; color:rgba(255,255,255,.4); font-size:.9rem; flex-shrink:0; transition:transform .15s; }
.ogw-home-page .entry-content .hero-pillar-card:hover .hero-pillar-arrow{ transform:translateX(4px); color:var(--amber); }

/* ── SECTION SHARED ── */
.ogw-home-page .entry-content .section{ padding:4rem 2rem; background:var(--cream); }
.ogw-home-page .entry-content .section-inner{ max-width:1200px; margin:0 auto; }
.ogw-home-page .entry-content .section-header{ margin-bottom:2.5rem; }
.ogw-home-page .entry-content .section-eyebrow{
  font-size:.68rem; font-weight:800; color:var(--green-mid); letter-spacing:.14em;
  text-transform:uppercase; margin-bottom:.6rem; display:flex; align-items:center; gap:.5rem;
}
.ogw-home-page .entry-content .section-eyebrow::before{ content:''; display:block; width:20px; height:2px; background:var(--green-mid); }
.ogw-home-page .entry-content .section-title{
  font-family:var(--serif); font-size:clamp(1.6rem,3vw,2.2rem); font-weight:900;
  color:var(--ink); letter-spacing:-.02em; line-height:1.18;
}
.ogw-home-page .entry-content .section-sub{
  font-family:var(--body-serif); font-size:1.05rem; color:var(--ink-3); margin-top:.6rem; line-height:1.7;
}
.ogw-home-page .entry-content .section-header-row{
  display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; flex-wrap:wrap;
}
.ogw-home-page .entry-content .view-all{
  font-size:.82rem; font-weight:700; color:var(--green-mid);
  display:inline-flex; align-items:center; gap:.35rem;
  border-bottom:1.5px solid var(--green-border); padding-bottom:.1rem; transition:color .15s;
}
.ogw-home-page .entry-content .view-all:hover{ color:var(--green-dark); }
.ogw-home-page .entry-content .view-all.amber{ color:var(--amber); border-bottom-color:#e8d5b7; }
.ogw-home-page .entry-content .view-all.amber:hover{ color:var(--amber-dark); }

/* ── PILLAR GRID ── */
.ogw-home-page .entry-content .pillar-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.ogw-home-page .entry-content .pillar-card{
  background:var(--white); border:1px solid var(--border); border-radius:var(--radius);
  padding:1.75rem 1.5rem; display:flex; flex-direction:column; position:relative; overflow:hidden;
  transition:box-shadow .2s, transform .2s;
}
.ogw-home-page .entry-content a.pillar-card:hover{ box-shadow:0 8px 32px rgba(0,0,0,.1); transform:translateY(-2px); }
.ogw-home-page .entry-content .pillar-card::before{
  content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--card-accent, var(--green-mid));
}
.ogw-home-page .entry-content .pillar-card-icon{ margin-bottom:1rem; line-height:0; color:var(--card-accent, var(--green-mid)); }
.ogw-home-page .entry-content .pillar-card-icon svg{ width:36px; height:36px; display:block; }
.ogw-home-page .entry-content .pillar-card-label{
  font-size:.65rem; font-weight:800; color:var(--card-accent, var(--green-mid));
  text-transform:uppercase; letter-spacing:.1em; margin-bottom:.45rem;
}
.ogw-home-page .entry-content .pillar-card-title{
  font-family:var(--serif); font-size:1.2rem; font-weight:700; color:var(--ink); line-height:1.25; margin-bottom:.6rem;
}
.ogw-home-page .entry-content .pillar-card-desc{
  font-family:var(--body-serif); font-size:.9rem; color:var(--ink-3); line-height:1.65; flex:1; margin-bottom:1.25rem;
}
.ogw-home-page .entry-content .pillar-card-meta{
  display:flex; align-items:center; justify-content:space-between; font-size:.72rem; color:var(--ink-4); font-weight:500;
}
.ogw-home-page .entry-content .pillar-card-link{
  font-size:.78rem; font-weight:700; color:var(--card-accent, var(--green-mid)); display:flex; align-items:center; gap:.3rem;
}
.ogw-home-page .entry-content a.pillar-card:hover .pillar-card-link{ gap:.55rem; }

/* ── GARDEN TOOLS (cards match the Garden Tools hub) ── */
.ogw-home-page .entry-content .home-tools{ background:var(--cream-2); padding:4rem 2rem; }
.ogw-home-page .entry-content .tools-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-top:.5rem; }
.ogw-home-page .entry-content .tool-card{
  background:var(--white); border:2px solid var(--border); border-radius:var(--radius);
  padding:1.5rem 1.35rem 1.1rem; display:flex; flex-direction:column; position:relative;
  transition:border-color .15s, box-shadow .15s, transform .15s;
}
.ogw-home-page .entry-content a.tool-card:hover{ border-color:var(--green-mid); box-shadow:0 4px 20px rgba(0,0,0,.08); transform:translateY(-2px); }
.ogw-home-page .entry-content .tool-top{ display:flex; align-items:flex-start; gap:.85rem; margin-bottom:1.15rem; } /* extra space before description */
.ogw-home-page .entry-content .tool-icon{ color:var(--green-mid); line-height:0; flex-shrink:0; }
.ogw-home-page .entry-content .tool-icon svg{ width:34px; height:34px; display:block; }
.ogw-home-page .entry-content .tool-name{ font-size:1.02rem; font-weight:700; color:var(--ink); line-height:1.25; }
.ogw-home-page .entry-content .tool-vol{ display:none; } /* search volume hidden per request */
.ogw-home-page .entry-content .tool-desc{ font-family:var(--body-serif); font-size:.9rem; color:var(--ink-3); line-height:1.6; margin-bottom:1rem; flex:1; }
.ogw-home-page .entry-content .tool-foot{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:auto; padding-top:.85rem; border-top:1px solid var(--border); }
.ogw-home-page .entry-content .tool-cta{ font-size:.82rem; font-weight:700; color:var(--green-mid); display:flex; align-items:center; gap:.3rem; }
.ogw-home-page .entry-content a.tool-card:hover .tool-cta{ gap:.5rem; }
.ogw-home-page .entry-content .tool-tag{ display:none; } /* "Free · No signup" tag hidden per request */
.ogw-home-page .entry-content .home-tools-foot{ margin-top:2rem; text-align:center; }
.ogw-home-page .entry-content .tools-all-btn{
  font-size:.85rem; font-weight:700; background:var(--green-mid); color:#fff;
  padding:.8rem 1.8rem; border-radius:4px; display:inline-flex; align-items:center; gap:.4rem; transition:background .15s;
}
.ogw-home-page .entry-content .tools-all-btn:hover{ background:var(--green-dark); }

/* ── START HERE STRIP ── */
.ogw-home-page .entry-content .start-strip{ background:var(--green-dark); padding:3.5rem 2rem; }
.ogw-home-page .entry-content .start-inner{ max-width:1200px; margin:0 auto; }
.ogw-home-page .entry-content .start-header{ margin-bottom:2rem; }
.ogw-home-page .entry-content .start-eyebrow{ font-size:.68rem; font-weight:800; color:var(--amber); letter-spacing:.14em; text-transform:uppercase; margin-bottom:.6rem; }
.ogw-home-page .entry-content .start-title{ font-family:var(--serif); font-size:clamp(1.6rem,3vw,2.1rem); font-weight:900; color:#fff; letter-spacing:-.02em; }
.ogw-home-page .entry-content .start-sub{ font-family:var(--body-serif); font-size:.95rem; color:rgba(255,255,255,.65); margin-top:.5rem; line-height:1.7; max-width:760px; }
.ogw-home-page .entry-content .start-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.ogw-home-page .entry-content .start-card{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:1.25rem 1.1rem; transition:background .15s; }
.ogw-home-page .entry-content a.start-card:hover{ background:rgba(255,255,255,.13); }
.ogw-home-page .entry-content .start-card-step{ font-family:var(--serif); font-size:2rem; font-weight:900; color:rgba(255,255,255,.15); line-height:1; margin-bottom:.6rem; }
.ogw-home-page .entry-content .start-card-icon{ margin-bottom:.6rem; line-height:0; color:var(--amber); }
.ogw-home-page .entry-content .start-card-icon svg{ width:30px; height:30px; display:block; }
.ogw-home-page .entry-content .start-card-title{ font-size:.9rem; font-weight:700; color:#fff; margin-bottom:.4rem; line-height:1.3; }
.ogw-home-page .entry-content .start-card-desc{ font-family:var(--body-serif); font-size:.82rem; color:rgba(255,255,255,.55); line-height:1.6; margin-bottom:.9rem; }
.ogw-home-page .entry-content .start-card-link{ font-size:.75rem; font-weight:700; color:var(--amber); display:flex; align-items:center; gap:.3rem; }
.ogw-home-page .entry-content a.start-card:hover .start-card-link{ gap:.5rem; }

/* ── BUYING GUIDES (dynamic: rendered by [ogw_buying_guides]) ── */
.ogw-home-page .entry-content .buying-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:.5rem; }
.ogw-home-page .entry-content .buy-card{
  background:var(--white); border:1px solid var(--border); border-radius:var(--radius);
  display:flex; flex-direction:column; position:relative; overflow:hidden; transition:box-shadow .2s, transform .2s;
}
.ogw-home-page .entry-content a.buy-card:hover{ box-shadow:0 8px 32px rgba(0,0,0,.1); transform:translateY(-2px); }
.ogw-home-page .entry-content .buy-card::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--amber); z-index:2; }
.ogw-home-page .entry-content .buy-card-thumb{ aspect-ratio:16/10; overflow:hidden; background:var(--green-light); }
.ogw-home-page .entry-content .buy-card-thumb img{ width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.ogw-home-page .entry-content a.buy-card:hover .buy-card-thumb img{ transform:scale(1.04); }
.ogw-home-page .entry-content .buy-card-body{ padding:1.35rem 1.4rem; display:flex; flex-direction:column; flex:1; }
.ogw-home-page .entry-content .buy-card-tag{ font-size:.62rem; font-weight:800; color:var(--amber); text-transform:uppercase; letter-spacing:.1em; margin-bottom:.45rem; }
.ogw-home-page .entry-content .buy-card-title{ font-family:var(--serif); font-size:1.08rem; font-weight:700; color:var(--ink); line-height:1.3; margin-bottom:.55rem; }
.ogw-home-page .entry-content .buy-card-excerpt{ font-family:var(--body-serif); font-size:.88rem; color:var(--ink-3); line-height:1.6; flex:1; margin-bottom:1rem; }
.ogw-home-page .entry-content .buy-card-link{ font-size:.78rem; font-weight:700; color:var(--amber); display:flex; align-items:center; gap:.3rem; }
.ogw-home-page .entry-content a.buy-card:hover .buy-card-link{ gap:.55rem; }

/* ── ABOUT STRIP ── */
.ogw-home-page .entry-content .about-section{ background:var(--amber-light); border-top:1px solid #e8d5b7; border-bottom:1px solid #e8d5b7; padding:3.5rem 2rem; }
.ogw-home-page .entry-content .about-inner{ max-width:1100px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.ogw-home-page .entry-content .about-label{ font-size:.68rem; font-weight:800; color:var(--amber); letter-spacing:.14em; text-transform:uppercase; margin-bottom:.65rem; }
.ogw-home-page .entry-content .about-title{ font-family:var(--serif); font-size:1.6rem; font-weight:900; color:var(--ink); letter-spacing:-.02em; line-height:1.2; margin-bottom:.9rem; }
.ogw-home-page .entry-content .about-text{ font-family:var(--body-serif); font-size:.95rem; color:var(--ink-2); line-height:1.8; }
.ogw-home-page .entry-content .about-facts{ display:flex; flex-direction:column; gap:.75rem; }
.ogw-home-page .entry-content .about-fact{ display:flex; align-items:flex-start; gap:.85rem; background:rgba(255,255,255,.6); border:1px solid rgba(201,123,42,.15); border-radius:var(--radius); padding:.9rem 1.1rem; }
.ogw-home-page .entry-content .about-fact-icon{ flex-shrink:0; line-height:0; color:var(--amber); }
.ogw-home-page .entry-content .about-fact-icon svg{ width:26px; height:26px; display:block; }
.ogw-home-page .entry-content .about-fact-title{ font-size:.85rem; font-weight:700; color:var(--ink); margin-bottom:.15rem; }
.ogw-home-page .entry-content .about-fact-desc{ font-family:var(--body-serif); font-size:.8rem; color:var(--ink-3); line-height:1.55; }

/* ── FAQ (accordion via <details>; answers mirror the FAQPage schema) ── */
.ogw-home-page .entry-content .faq-section{ background:var(--cream); padding:4rem 2rem; }
.ogw-home-page .entry-content .faq-inner{ max-width:820px; }
.ogw-home-page .entry-content .faq-list{ margin-top:1.5rem; display:flex; flex-direction:column; gap:.75rem; }
.ogw-home-page .entry-content .faq-item{ background:var(--white); border:1px solid var(--border); border-radius:var(--radius); padding:0 1.3rem; }
.ogw-home-page .entry-content .faq-q{ font-family:var(--sans); font-weight:700; font-size:1.02rem; color:var(--ink); cursor:pointer; list-style:none; padding:1.1rem 0; display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.ogw-home-page .entry-content .faq-q::-webkit-details-marker{ display:none; }
.ogw-home-page .entry-content .faq-q::after{ content:'+'; font-size:1.5rem; line-height:1; color:var(--green-mid); font-weight:400; flex-shrink:0; transition:transform .2s; }
.ogw-home-page .entry-content .faq-item[open] .faq-q::after{ content:'\2212'; }
.ogw-home-page .entry-content .faq-a{ font-family:var(--body-serif); font-size:.95rem; color:var(--ink-3); line-height:1.7; padding:0 0 1.2rem; max-width:68ch; }

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .ogw-home-page .entry-content .pillar-grid{ grid-template-columns:repeat(2,1fr); }
  .ogw-home-page .entry-content .tools-grid{ grid-template-columns:repeat(2,1fr); }
  .ogw-home-page .entry-content .buying-grid{ grid-template-columns:repeat(2,1fr); }
  .ogw-home-page .entry-content .start-grid{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px){
  .ogw-home-page .entry-content .hero-inner{ grid-template-columns:1fr; gap:2.5rem; }
  .ogw-home-page .entry-content .hero-right{ display:none; }
  .ogw-home-page .entry-content .pillar-grid{ grid-template-columns:1fr; }
  .ogw-home-page .entry-content .buying-grid{ grid-template-columns:1fr; }
  .ogw-home-page .entry-content .start-grid{ grid-template-columns:1fr 1fr; }
  .ogw-home-page .entry-content .about-inner{ grid-template-columns:1fr; }
}
@media(max-width:480px){
  .ogw-home-page .entry-content .tools-grid{ grid-template-columns:1fr; }
  .ogw-home-page .entry-content .start-grid{ grid-template-columns:1fr; }
  .ogw-home-page .entry-content .hero{ padding:3rem 1.25rem; }
  .ogw-home-page .entry-content .section,
  .ogw-home-page .entry-content .home-tools{ padding:3rem 1.25rem; }
}