/*
Theme Name: Magla Engineering
Theme URI: https://magla.co.ke
Author: OpenAI
Description: Minimal green WordPress theme for Magla Engineering Ltd.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: magla-engineering
*/
:root{--green:#176b3a;--green-dark:#0d4827;--lime:#b6d96c;--ink:#17231b;--muted:#66736a;--paper:#f6f8f5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{color:var(--green);text-decoration:none}a:hover{color:var(--green-dark)}img{max-width:100%;height:auto}.container{width:min(1120px,92%);margin:auto}
.site-header{background:#fff;border-bottom:1px solid #e5ebe5;position:sticky;top:0;z-index:20}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:1.18rem;letter-spacing:.02em;color:var(--green-dark)}.brand span{display:block;font-size:.68rem;font-weight:600;letter-spacing:.16em;color:var(--muted)}.main-nav ul{display:flex;gap:22px;list-style:none;padding:0;margin:0;align-items:center}.main-nav a{font-size:.92rem;font-weight:700;color:var(--ink)}.main-nav a:hover{color:var(--green)}.menu-toggle{display:none}
.button{display:inline-block;background:var(--green);color:#fff;padding:13px 21px;border-radius:4px;font-weight:700;border:2px solid var(--green);transition:.2s}.button:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}.button-outline{background:transparent;color:var(--green)}.button-outline:hover{color:#fff}.eyebrow{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:.76rem}.hero{background:linear-gradient(110deg,rgba(8,43,23,.92),rgba(17,91,48,.78)),url('https://images.unsplash.com/photo-1541888946425-d81bb19240f5?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff;padding:100px 0 110px}.hero-content{max-width:720px}.hero .eyebrow{color:var(--lime)}.hero h1{font-size:clamp(2.4rem,5.5vw,4.8rem);line-height:1.05;letter-spacing:-.04em;margin:16px 0 22px}.hero p{font-size:1.1rem;max-width:620px;color:#edf5ee;margin-bottom:30px}.hero .button-outline{border-color:#fff;color:#fff;margin-left:10px}.hero .button-outline:hover{background:#fff;color:var(--green)}
.section{padding:76px 0}.section-soft{background:var(--paper)}.section-head{max-width:700px;margin-bottom:34px}.section h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15;margin:8px 0 14px;letter-spacing:-.025em}.section-intro{color:var(--muted);font-size:1.04rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:28px;background:#fff;border:1px solid #e5ebe5;border-radius:6px}.card .number{font-size:.8rem;color:var(--green);font-weight:800;letter-spacing:.1em}.card h3{margin:10px 0;font-size:1.22rem}.card p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature-image{min-height:350px;border-radius:6px;background:linear-gradient(0deg,rgba(7,42,22,.15),rgba(7,42,22,.05)),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1100&q=85') center/cover}.check-list{padding:0;list-style:none}.check-list li{padding:8px 0 8px 28px;position:relative}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:800}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{min-height:230px;border-radius:6px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(0deg,rgba(4,31,16,.88),rgba(4,31,16,.05)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=900&q=80') center/cover}.project:nth-child(2){background-image:linear-gradient(0deg,rgba(4,31,16,.88),rgba(4,31,16,.05)),url('https://images.unsplash.com/photo-1503387762-592도?auto=format&fit=crop&w=900&q=80')}.project:nth-child(3){background-image:linear-gradient(0deg,rgba(4,31,16,.88),rgba(4,31,16,.05)),url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=900&q=80')}.project h3{margin:0}.project p{margin:4px 0 0;color:#e7f0e8}.cta{background:var(--green-dark);color:#fff;padding:52px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0 0 8px;font-size:2rem}.cta p{margin:0;color:#d9e9dd}.cta .button{background:var(--lime);border-color:var(--lime);color:var(--green-dark)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.contact-detail{padding:22px 0;border-bottom:1px solid #e5ebe5}.contact-detail strong{display:block}.contact-form{display:grid;gap:14px}.contact-form label{font-weight:700;font-size:.9rem}.contact-form input,.contact-form textarea{width:100%;padding:13px;border:1px solid #ccd7cd;border-radius:4px;font:inherit;margin-top:5px}.contact-form textarea{min-height:130px}.site-footer{background:#0b2e1a;color:#d7e4da;padding:38px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.site-footer .brand{color:#fff}.site-footer p{margin:5px 0;color:#c1d1c5;font-size:.9rem}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#e1eee4}.page-hero{background:var(--green-dark);color:#fff;padding:58px 0}.page-hero h1{font-size:clamp(2.1rem,4vw,3.4rem);margin:0}.content-area{padding:60px 0;min-height:40vh}.content-area h2{color:var(--green-dark)}.entry-content{max-width:850px}.entry-content p{margin-bottom:1.1em}
@media(max-width:800px){.header-inner{min-height:70px;flex-wrap:wrap}.menu-toggle{display:inline-block;border:1px solid #d6e0d7;background:#fff;border-radius:4px;padding:8px 12px;color:var(--green-dark)}.main-nav{display:none;width:100%;padding-bottom:16px}.main-nav.is-open{display:block}.main-nav ul{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.cards,.project-grid,.split,.contact-grid{grid-template-columns:1fr}.hero{padding:72px 0 80px}.hero .button-outline{margin:10px 0 0}.cta-inner,.footer-inner{align-items:flex-start;flex-direction:column}.feature-image{min-height:260px}.section{padding:55px 0}}