/*
Theme Name: Verde em Casa
Theme URI:  https://seusite.com
Author:     Seu Nome
Author URI: https://seusite.com
Description: Tema leve e limpo para blog de jardinagem, otimizado para leitura e SEO.
Version:    1.0
License:    GNU General Public License v2 or later
Text Domain: verde-em-casa
Tags: blog, gardening, responsive, accessibility, custom-logo
*/

/* Reset básico */
* { box-sizing: border-box; margin: 0; padding: 0; }

/* Paleta: verdes e tons terrosos */
:root{
  --verde-escuro:#1f7a3a;
  --verde-claro:#7fbf6d;
  --bege:#f6f1e6;
  --cinza:#666;
  --branco:#ffffff;
  --accent:#c2e6b3;
  --max-width:1100px;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

body{
  font-family: var(--font-sans);
  background: var(--bege);
  color: #222;
  line-height:1.6;
  padding: 20px;
}

.site {
  max-width: var(--max-width);
  margin: 0 auto;
  background: var(--branco);
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  border-radius:8px;
  overflow:hidden;
}

/* Header */
.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 24px;
  background: linear-gradient(90deg,var(--verde-claro),var(--verde-escuro));
  color:var(--branco);
}
.site-branding .site-title{ font-size:1.6rem; font-weight:700; }
.site-description{ font-size:0.9rem; opacity:0.95; }

/* Nav */
.main-navigation{ margin-left:auto; }
.main-navigation ul{ list-style:none; display:flex; gap:14px; }
.main-navigation a{ color:var(--branco); text-decoration:none; font-weight:600; padding:6px 8px; border-radius:6px; }
.main-navigation a:hover{ background: rgba(255,255,255,0.08); }

/* Hero / front-page */
.front-hero{
  padding:32px;
  background: linear-gradient(180deg, rgba(0,0,0,0.02), transparent);
}
.front-hero h1{ font-size:2rem; color:var(--verde-escuro); margin-bottom:8px; }
.front-hero p{ color:var(--cinza); }

/* Layout principal */
.content-area{
  display:flex;
  gap:28px;
  padding:24px;
}
.site-main{ flex:1; min-width:0; }
.widget-area{ width:300px; }

/* Post list */
.post-card{
  border-bottom:1px solid #eee;
  padding:18px 0;
  display:flex;
  gap:18px;
}
.post-card .thumb{ width:160px; height:100px; object-fit:cover; border-radius:6px; }
.post-card h2{ font-size:1.2rem; color:var(--verde-escuro); margin-bottom:8px; }
.post-excerpt{ color:#444; font-size:0.95rem; }

/* Single post */
.entry-content img{ max-width:100%; border-radius:6px; margin:12px 0; }
.entry-meta{ font-size:0.9rem; color:var(--cinza); margin-bottom:10px; }

/* Sidebar widgets */
.widget{ background: #fbfbfb; padding:12px; border-radius:6px; margin-bottom:14px; box-shadow: 0 1px 3px rgba(0,0,0,0.03); }
.widget h3{ font-size:1rem; color:var(--verde-escuro); margin-bottom:8px; }

/* Footer */
.site-footer{
  background:#f1f6f2;
  padding:18px 24px;
  text-align:center;
  color:#555;
  font-size:0.95rem;
}

/* Responsivo */
@media (max-width:900px){
  .content-area{ flex-direction:column; }
  .widget-area{ width:100%; }
  .main-navigation ul{ flex-wrap:wrap; gap:8px; }
  .post-card{ flex-direction:column; }
  .post-card .thumb{ width:100%; height:180px; }
}