/*
Theme Name: CA Energy
Description: Custom theme for CA Energy Sdn. Bhd. — solar PV & BESS engineering consultancy.
Author: CA Energy
Version: 1.0
Text Domain: ca-energy
*/

:root{
  --ink:#0F1B2D;
  --slate:#1F3350;
  --amber:#E8A33D;
  --paper:#F6F3EC;
  --line:#D8D2C4;
  --body:#4A5568;
  --white:#FFFFFF;
  box-sizing:border-box;
}
*{box-sizing:inherit;margin:0;padding:0;}
body{
  font-family:'Inter',sans-serif;
  color:var(--body);
  background:var(--paper);
  line-height:1.5;
}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;color:var(--ink);font-weight:600;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1120px;margin:0 auto;padding:0 32px;}
img{max-width:100%;}

/* Nav */
.site-header{background:#A9A9A9;padding:20px 0;}
.site-header .wrap{display:flex;justify-content:space-between;align-items:center;}
.logo{color:var(--white);font-family:'Space Grotesk';font-weight:700;font-size:1.2rem;letter-spacing:-0.01em;}
.logo span{color:var(--amber);}
.brand{display:flex;align-items:center;gap:12px;}
.brand-mark{height:36px;width:auto;display:block;}
.brand-text{display:flex;flex-direction:column;line-height:1.15;}
.brand-name{font-family:'Space Grotesk';font-weight:700;font-size:1.05rem;color:var(--ink);letter-spacing:-0.01em;}
.brand-tagline{font-size:0.72rem;color:var(--slate);font-weight:400;}
.navlinks{display:flex;gap:32px;font-size:0.92rem;list-style:none;}
.navlinks a{color:var(--ink);}
.navlinks a:hover{color:var(--slate);}
.nav-cta{background:var(--amber);color:var(--ink)!important;padding:9px 18px;border-radius:2px;font-weight:600;font-size:0.88rem;}

/* Hero */
.hero{background:linear-gradient(135deg,var(--ink) 0%,var(--slate) 100%);padding:88px 0 72px;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(232,163,61,0.35), transparent 70%);}
.hero .wrap{position:relative;}
.eyebrow{color:var(--amber);font-size:0.9rem;font-weight:500;margin-bottom:18px;}
h1.headline{color:var(--white);font-size:2.9rem;line-height:1.12;max-width:620px;letter-spacing:-0.01em;}
.sub{color:#C9D2DD;font-size:1.08rem;max-width:520px;margin-top:22px;}
.hero-ctas{display:flex;gap:16px;margin-top:34px;}
.btn-primary{background:var(--amber);color:var(--ink)!important;padding:13px 26px;font-weight:600;border-radius:2px;font-size:0.95rem;display:inline-block;}
.btn-ghost{border:1px solid #3A4E68;color:var(--white)!important;padding:13px 26px;border-radius:2px;font-size:0.95rem;display:inline-block;}

.stats{background:var(--white);border-bottom:1px solid var(--line);}
.stats .wrap{display:flex;gap:0;padding:36px 32px;}
.stat{flex:1;padding:0 24px;border-left:1px solid var(--line);}
.stat:first-child{border-left:none;padding-left:0;}
.stat .num{font-family:'Space Grotesk';font-size:2rem;color:var(--ink);font-weight:700;}
.stat .label{font-size:0.88rem;color:var(--body);margin-top:4px;}

/* Sections */
section{padding:80px 0;}
.section-head{max-width:560px;margin-bottom:48px;}
.section-head h2{font-size:2rem;}
.section-head p{margin-top:14px;font-size:1.02rem;}

.services{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.service{background:var(--paper);padding:32px;}
.service h3{font-size:1.15rem;margin-bottom:10px;}
.service p{font-size:0.95rem;}

.process{background:var(--ink);}
.process .section-head h2,.process .section-head p{color:var(--white);}
.process .section-head p{color:#C9D2DD;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.step .n{font-family:'Space Grotesk';color:var(--amber);font-size:1.6rem;font-weight:700;margin-bottom:12px;}
.step h3{color:var(--white);font-size:1.02rem;margin-bottom:8px;}
.step p{color:#9FADC2;font-size:0.9rem;}

.cta{background:var(--paper);text-align:left;border-top:1px solid var(--line);}
.cta-box{background:var(--slate);border-radius:4px;padding:52px;display:flex;justify-content:space-between;align-items:flex-start;gap:48px;flex-wrap:wrap;}
.cta-intro{flex:1 1 320px;}
.cta-box h2{color:var(--white);font-size:1.7rem;max-width:420px;}
.cta-sub{color:#C9D2DD;font-size:0.95rem;margin-top:12px;}

.contact-form{flex:1 1 360px;display:flex;flex-direction:column;gap:16px;min-width:280px;}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.form-row{display:flex;flex-direction:column;gap:6px;}
.form-row label{color:#C9D2DD;font-size:0.85rem;}
.form-row input,.form-row textarea{
  background:var(--ink);
  border:1px solid #3A4E68;
  color:var(--white);
  padding:11px 14px;
  border-radius:2px;
  font-family:'Inter',sans-serif;
  font-size:0.95rem;
  resize:vertical;
}
.form-row input:focus,.form-row textarea:focus{outline:2px solid var(--amber);outline-offset:1px;}
.contact-form .btn-primary{border:none;cursor:pointer;align-self:flex-start;font-family:'Inter',sans-serif;}

.form-notice{margin-top:20px;padding:12px 16px;border-radius:2px;font-size:0.9rem;}
.form-notice.success{background:rgba(232,163,61,0.15);color:var(--amber);border:1px solid rgba(232,163,61,0.4);}
.form-notice.error{background:rgba(220,90,90,0.12);color:#E28787;border:1px solid rgba(220,90,90,0.35);}

.site-footer{background:var(--ink);padding:36px 0;}
.site-footer .wrap{display:flex;justify-content:space-between;color:#8593A8;font-size:0.85rem;flex-wrap:wrap;gap:8px;}

/* Basic page/post content (for non-front pages) */
.page-content{padding:80px 0;max-width:760px;}
.page-content h1{font-size:2.2rem;margin-bottom:24px;}
.page-content p{margin-bottom:16px;font-size:1.02rem;}

@media(max-width:760px){
  h1.headline{font-size:2.1rem;}
  .navlinks{display:none;}
  .stats .wrap{flex-direction:column;gap:20px;padding:28px 24px;}
  .stat{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:16px;}
  .stat:first-child{border-top:none;padding-top:0;}
  .services{grid-template-columns:1fr;}
  .steps{grid-template-columns:1fr 1fr;row-gap:32px;}
  .cta-box{flex-direction:column;align-items:flex-start;}
  section{padding:56px 0;}
}