/*
Theme Name: D M Trees & Landscapes
Theme URI: https://dmtreesandlandscapes.co.uk
Author: D M Trees & Landscapes
Author URI: https://dmtreesandlandscapes.co.uk
Description: A clean, minimal WordPress theme for D M Trees & Landscapes. Includes Home, Gallery and Contact templates. Replace assets/logo-placeholder.jpg with your real logo and gallery images.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: dmtrees
*/
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; margin:0; color:#1f2937; background:#fff; }
.container { max-width:1100px; margin:0 auto; padding:24px; }
.header { display:flex; align-items:center; justify-content:space-between; padding:18px 0; border-bottom:4px solid #e6f4ea; }
.site-logo { display:flex; align-items:center; gap:12px; }
.site-logo img { height:64px; width:auto; object-fit:contain; }
.nav a { margin-left:18px; text-decoration:none; color:#234d2b; font-weight:600; }
.hero { padding:48px 0; display:flex; gap:30px; align-items:center; }
.hero-left { flex:1; }
.hero h1 { font-size:36px; margin:0 0 12px 0; color:#0b4728; }
.hero p { margin:0 0 18px 0; color:#56616a; }
.cta { display:flex; gap:12px; flex-wrap:wrap; }
.btn { padding:10px 16px; border-radius:6px; text-decoration:none; font-weight:600; }
.btn-primary { background:#2c8a44; color:#fff; }
.btn-outline { border:1px solid #2c8a44; color:#2c8a44; background:transparent; }
.hero-right { flex:1; }
.hero-right img { width:100%; border-radius:8px; box-shadow:0 6px 18px rgba(15,23,42,0.08); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 6px 18px rgba(15,23,42,0.04); }
.card img { width:100%; display:block; }
.section-title { font-size:22px; margin:0 0 12px 0; color:#0b4728; }
.contact { display:grid; grid-template-columns:1fr 380px; gap:24px; align-items:start; }
.form input, .form textarea, .form select { width:100%; padding:10px; border:1px solid #e6eef0; border-radius:6px; margin-top:6px; }
.footer { padding:18px 0; text-align:center; color:#6b7280; border-top:1px solid #f0f3f1; margin-top:28px; }
@media(max-width:800px){ .contact{ grid-template-columns:1fr; } .hero{ flex-direction:column; } .site-logo img{height:48px;} }