/*
Theme Name: Farm Easier
Theme URI: https://farmeasier.online
Author: Farm Easier
Description: A lightweight WooCommerce theme for practical farming tools.
Version: 1.0.0
Text Domain: farm-easier
*/

:root { --leaf:#1f5a3b; --leaf-dark:#123b28; --harvest:#e6a62e; --cream:#f8f5ed; --ink:#1d2a22; --muted:#617066; --line:#dfe6dc; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; }
a:focus-visible, button:focus-visible { outline:3px solid var(--harvest); outline-offset:3px; }
.wrap { width:min(1160px, calc(100% - 40px)); margin-inline:auto; }
.site-header { background:var(--white); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; }
.header-row { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--leaf-dark); font-size:1.22rem; font-weight:800; letter-spacing:-.03em; }
.brand-mark { width:33px; height:33px; border-radius:50% 50% 50% 8px; background:var(--leaf); transform:rotate(-35deg); position:relative; }
.brand-mark::after { content:""; position:absolute; width:2px; height:25px; background:var(--cream); left:16px; top:6px; transform:rotate(35deg); }
.primary-nav .menu { list-style:none; padding:0; margin:0; display:flex; align-items:center; gap:20px; font-weight:650; color:var(--muted); }
.header-actions { display:flex; align-items:center; gap:14px; font-weight:700; }
.cart-link { color:var(--leaf); }
.button, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background:var(--harvest); color:#211701; border:0; border-radius:999px; font-weight:800; padding:.76rem 1.15rem; transition:transform .18s ease, background .18s ease; }
.button:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { background:#f0b844; transform:translateY(-1px); color:#211701; }
.hero { background:linear-gradient(112deg, var(--leaf-dark), var(--leaf) 56%, #357953); color:white; padding:clamp(4rem, 9vw, 7.5rem) 0; overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:48px; }
.eyebrow { text-transform:uppercase; letter-spacing:.12em; font-weight:800; font-size:.75rem; color:#f8d990; }
h1,h2,h3 { margin:0 0 .65rem; line-height:1.12; letter-spacing:-.04em; }
h1 { font-size:clamp(2.6rem, 6vw, 5.2rem); max-width:760px; }
h2 { font-size:clamp(1.9rem, 3.5vw, 3rem); }
.hero p { font-size:1.15rem; max-width:590px; color:#e5f0e7; }
.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.button-quiet { border:1px solid rgba(255,255,255,.7); color:white; padding:.73rem 1.1rem; border-radius:999px; font-weight:750; }
.field-card { background:#f6edd8; color:var(--ink); border-radius:24px; padding:28px; box-shadow:17px 17px 0 rgba(0,0,0,.12); transform:rotate(2deg); }
.field-card .tool-line { display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid #d9caad; padding:12px 0; font-weight:700; }
.field-card .tool-line:last-child { border:0; }
.section { padding:clamp(3.5rem, 7vw, 6rem) 0; }
.section-head { max-width:660px; margin-bottom:28px; }
.section-head p, .muted { color:var(--muted); }
.category-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
.category-card { background:var(--white); min-height:190px; padding:22px; border:1px solid var(--line); border-radius:18px; display:flex; flex-direction:column; justify-content:space-between; transition:transform .2s ease, box-shadow .2s ease; }
.category-card:hover { transform:translateY(-4px); box-shadow:0 14px 28px rgba(23,57,38,.09); }
.category-icon { font-size:2.1rem; }
.product-section { background:#edf3eb; }
.woocommerce ul.products { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin:0; }
.woocommerce ul.products li.product { width:auto; margin:0; background:white; border-radius:16px; overflow:hidden; padding:16px; }
.woocommerce ul.products li.product a img { border-radius:10px; background:#edf3eb; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color:var(--ink); font-size:1.05rem; min-height:3em; }
.woocommerce span.onsale { background:var(--leaf); }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.trust-item { border-top:3px solid var(--harvest); padding:18px 0; }
.callout { background:var(--leaf-dark); color:white; border-radius:22px; padding:clamp(28px,5vw,52px); display:flex; justify-content:space-between; align-items:center; gap:24px; }
.site-footer { background:#10291d; color:#dce9dd; padding:42px 0 24px; }
.footer-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; }
.site-footer .brand { color:white; }
.site-footer small { color:#9fbaaa; }
.woocommerce-breadcrumb { padding:16px 0; color:var(--muted); }
.woocommerce div.product, .woocommerce-page div.product { background:white; padding:28px; border-radius:18px; }
.woocommerce-message, .woocommerce-info { border-top-color:var(--leaf); }
.woocommerce-message::before, .woocommerce-info::before { color:var(--leaf); }
@media (max-width:800px) { .hero-grid { grid-template-columns:1fr; } .field-card { transform:none; } .category-grid { grid-template-columns:repeat(2,1fr); } .woocommerce ul.products { grid-template-columns:repeat(2,1fr); } .primary-nav { display:none; } }
@media (max-width:520px) { .wrap { width:min(100% - 28px, 1160px); } .header-row { min-height:64px; } .header-actions .button { display:none; } .category-grid,.trust-grid,.woocommerce ul.products { grid-template-columns:1fr; } .callout { align-items:flex-start; flex-direction:column; } }
