/*
Theme Name: SmallEcoSpace
Theme URI: https://smallecospace.com
Author: SmallEcoSpace
Author URI: https://smallecospace.com
Description: Clean, fast, SEO-friendly theme for SmallEcoSpace with manual dark mode toggle, brand colors, and performance tweaks.
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smallecospace
Tags: blog, custom-logo, custom-menu, featured-images, accessibility-ready, editor-style, minimal
*/
:root{--ses-green:#5BAA6F;--ses-cream:#F6F2E9;--ses-text:#1F2937;--ses-muted:#6B7280;--ses-bg:#FFFFFF;--ses-card:#FFFFFF;--ses-border:#E5E7EB;--maxw:1100px}
:root.dark{--ses-green:#5BAA6F;--ses-bg:#111416;--ses-text:#EAEAEA;--ses-muted:#A7AAB0;--ses-card:#171A1C;--ses-border:#2A2E32}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,'Noto Sans',sans-serif;color:var(--ses-text);background:var(--ses-bg);line-height:1.7}
a{color:var(--ses-green);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}
.container{max-width:var(--maxw);margin:0 auto;padding:0 1rem}
.site-header{position:sticky;top:0;background:var(--ses-card);border-bottom:1px solid var(--ses-border);z-index:50}
.header-wrap{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.6rem}
.brand .logo-img{height:32px;width:auto}.brand .name{display:none}
.nav{display:flex;gap:1rem;align-items:center}.nav a{color:var(--ses-text);padding:.4rem .6rem;border-radius:.5rem}
.nav a:hover{background:rgba(0,0,0,.04)}
.header-cta{background:var(--ses-green);color:#fff;padding:.5rem .9rem;border-radius:.7rem;font-weight:600}
.menu-toggle,.mode-toggle{border:1px solid var(--ses-border);padding:.45rem .6rem;border-radius:.6rem;background:transparent;color:var(--ses-text)}
.hero{background:var(--ses-cream);padding:3rem 0}.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:.3rem 0 0}.hero p{color:var(--ses-muted);max-width:700px;margin-top:.6rem}
.cta-row{margin-top:1rem;display:flex;gap:.8rem;flex-wrap:wrap}
.btn{display:inline-block;padding:.75rem 1rem;border-radius:.8rem;font-weight:700;border:1px solid var(--ses-green)}
.btn-primary{background:var(--ses-green);color:#fff;border-color:var(--ses-green)}.btn-secondary{background:transparent;color:var(--ses-green)}
.grid{display:grid;gap:1.1rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}
.card{border:1px solid var(--ses-border);border-radius:1rem;padding:1rem;background:var(--ses-card)}.card h3{margin:.2rem 0 .4rem}
.section{padding:2.4rem 0}.section h2{font-size:1.6rem;margin:0 0 1rem}
.post-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.post-card{border:1px solid var(--ses-border);border-radius:1rem;overflow:hidden;background:var(--ses-card);display:flex;flex-direction:column}
.post-card .thumb{aspect-ratio:16/9;background:var(--ses-cream)}.post-card .content{padding:1rem}
.footer{border-top:1px solid var(--ses-border);background:var(--ses-card);padding:2rem 0;margin-top:2rem}
.footer .cols{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer .tagline{color:var(--ses-muted)}
.badge{display:inline-block;padding:.15rem .5rem;border:1px solid var(--ses-border);border-radius:999px;color:var(--ses-muted);font-size:.85rem}
@media (max-width:800px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.nav{display:none}.menu-toggle{display:inline-block}}