/*
Theme Name: Sao Viet Green Construction
Theme URI: https://example.com/
Author: Custom Studio
Description: Responsive Vietnamese construction company theme inspired by the supplied reference.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: saoviet-green
*/
:root{--green:#116337;--deep:#094728;--lime:#a5d455;--red:#d92124;--ink:#183027}*{box-sizing:border-box}body{margin:0;font-family:Arial,'Helvetica Neue',sans-serif;color:#222;background:#fff}a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}.header{background:white}.headinner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:145px}.brand{display:flex;align-items:center;gap:12px;color:var(--green)}.brandmark{font-size:58px;font-weight:900;letter-spacing:-7px}.brandtxt{font-size:35px;font-weight:900;font-style:italic;letter-spacing:-2px}.brandtxt small{display:block;font-size:10px;letter-spacing:4px;text-align:right;color:#444}.info{display:flex;gap:14px;align-items:flex-start}.info .ico{font-size:38px;color:#c00}.info strong{display:block;color:#bd0808;font-size:22px;margin-bottom:9px}.info span{line-height:1.7}.nav{background:var(--green);color:white}.navinner{display:flex;align-items:center;flex-wrap:wrap}.nav a{display:block;padding:18px 17px;font-weight:700;font-size:14px}.nav a:hover,.nav a:first-child{background:var(--deep)}.notice{text-align:center;color:#d32323;padding:12px;font-size:14px}.hero{height:415px;position:relative;background:linear-gradient(90deg,rgba(5,37,22,.3),rgba(5,37,22,.05)),url('assets/hero.jpg') center/cover}.hero-panel{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:min(800px,90%);background:rgba(10,95,45,.88);text-align:center;color:white;padding:22px}.hero h1{font-size:30px;margin:0 0 18px}.hero-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{background:var(--deep);padding:13px 24px;color:#c9f18c;border-radius:3px;display:inline-block;font-weight:700}.btn:hover{background:#0b321e}.hero em{display:block;font-family:Georgia,serif;font-size:21px;margin-top:15px}.services{background:#f1f2f0;padding:48px 0}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service{text-align:center;padding:15px 12px;border-right:2px solid white}.circle{background:var(--green);color:white;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:45px}.service h3{font-size:17px;line-height:1.5;text-transform:uppercase}.service p{font-size:15px;line-height:1.65}.section{padding:65px 0}.section h2{text-align:center;color:var(--green);font-size:30px;margin:0 0 35px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{box-shadow:0 4px 18px #0001;border-radius:6px;overflow:hidden}.project img{width:100%;height:210px;object-fit:cover;display:block}.project div{padding:20px}.project h3{margin:0 0 10px;color:var(--green)}.project p{line-height:1.65}.testimonials{background:linear-gradient(#10251cbb,#10251cbb),url('assets/testimonial-bg.jpg') center/cover;padding:55px 0 65px;color:white}.testimonials h2{text-align:center;font-size:30px;margin:0 0 30px}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.quote{background:#fff;color:#333;border-radius:5px;padding:25px;line-height:1.7}.quote strong{display:block;color:#cf2222;margin-top:10px}.cta{background:#f5f8f4;padding:45px 0;text-align:center}.cta h2{color:var(--green)}footer{background:var(--green);color:#fff;padding:48px 0 35px}.footergrid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px}footer h3{margin:0 0 20px;border-bottom:1px solid #ffffff55;padding-bottom:15px}footer p,footer li{line-height:1.9}footer ul{padding-left:20px}.copyright{background:var(--deep);color:#c8d5cd;text-align:center;padding:15px;font-size:13px}.menu-toggle{display:none}.contactform{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.contactform input{padding:13px;border:1px solid #ccc;min-width:220px}.contactform button{border:0;cursor:pointer;background:var(--green);color:white;padding:13px 26px;font-weight:700}@media(max-width:850px){.headinner{min-height:100px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.info{display:none}.menu-toggle{display:block;background:var(--deep);border:0;color:white;padding:13px 18px;font-weight:bold}.navinner{display:none;flex-direction:column;align-items:stretch}.navinner.open{display:flex}.grid4,.projects,.quotes{grid-template-columns:repeat(2,1fr)}.footergrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.brandtxt{font-size:29px}.hero{height:450px}.hero h1{font-size:23px}.grid4,.projects,.quotes,.footergrid{grid-template-columns:1fr}.service{border:0;border-bottom:1px solid #ddd}.section{padding:40px 0}}