/*
Theme Name: ZAA Integral Engineering v3
Theme URI: https://zaaengineering.com
Author: ZAA Integral Engineering
Author URI: https://zaaengineering.com
Description: Premium multidisciplinary corporate engineering theme for ZAA Integral Engineering Limited. Pre-built with Electrical, Civil, and Mechanical engineering capabilities, project portfolio, integration diagram, and Elementor compatibility.
Version: 3.1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zaa-engineering
Tags: engineering, corporate, multidisciplinary, construction, electrical, civil, mechanical, dark-theme, elementor-ready

ZAA Integral Engineering Theme, (C) 2024 ZAA Integral Engineering Limited.
*/

/* Custom variables and theme reset */
:root {
  --zaa-obsidian: #0A0D12;
  --zaa-graphite: #151A21;
  --zaa-graphite-light: #1C2230;
  --zaa-warm-white: #F5F4F0;
  --zaa-steel: #8B949E;
  --zaa-steel-light: #A8B2BC;
  --zaa-near-black: #111318;
  --zaa-amber: #C8935A;
  --zaa-amber-light: #D4A76A;
  --zaa-amber-dark: #A67744;
  --zaa-font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --zaa-font-body: 'Inter', system-ui, -apple-system, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--zaa-obsidian);
  color: var(--zaa-warm-white);
  font-family: var(--zaa-font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* === ZAA v3 Multi-page Architecture === */
.zaa-inner-page{padding-top:110px;padding-bottom:100px;background:var(--zaa-obsidian);min-height:70vh}
.zaa-page-shell{max-width:1440px}
.zaa-lead{max-width:860px;color:var(--zaa-steel-light);font-size:20px;line-height:1.75;margin:0 0 64px}
.zaa-page-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:start;margin:0 0 90px}
.zaa-highlight-panel{padding:38px;background:var(--zaa-graphite);border:1px solid rgba(245,244,240,.08)}
.zaa-highlight-panel h3{font-family:var(--zaa-font-heading);font-size:16px;letter-spacing:.08em;margin:10px 0;color:var(--zaa-warm-white)}
.zaa-highlight-panel p{color:var(--zaa-steel-light);line-height:1.7;margin:0 0 28px}
.zaa-section-block{padding:70px 0;border-top:1px solid rgba(245,244,240,.08);margin-top:40px}
.zaa-section-block>.zaa-heading{margin-bottom:40px}
.zaa-capability-page-grid{margin-bottom:60px}
.zaa-page-card-link{text-decoration:none;display:block}
.zaa-page-card-link .zaa-card-content{min-height:260px}
.zaa-page-card-link:hover .zaa-card-title{color:var(--zaa-amber)}
.zaa-contact-list{list-style:none;padding:0;margin:40px 0}
.zaa-contact-list li{display:flex;flex-direction:column;gap:7px;padding:20px 0;border-bottom:1px solid rgba(245,244,240,.1)}
.zaa-contact-list strong{font:700 10px var(--zaa-font-heading);letter-spacing:.25em;color:var(--zaa-amber)}
.zaa-contact-list span,.zaa-contact-list a{color:var(--zaa-warm-white);text-decoration:none}
.zaa-note{color:var(--zaa-steel);font-size:13px;margin-top:40px}
.zaa-empty-state{padding:60px;background:var(--zaa-graphite);border:1px solid rgba(245,244,240,.08)}
.zaa-post-card .zaa-card-image{height:230px}
.zaa-post-card .zaa-card-title a,.zaa-projects-archive-grid .zaa-card-title a{color:inherit;text-decoration:none}
.zaa-project-filter{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 40px}
.zaa-filter-btn{font:700 10px var(--zaa-font-heading);letter-spacing:.18em;color:var(--zaa-steel-light);background:transparent;border:1px solid rgba(245,244,240,.16);padding:12px 16px;cursor:pointer}
.zaa-filter-btn:hover,.zaa-filter-btn.active{border-color:var(--zaa-amber);color:var(--zaa-amber);background:rgba(200,147,90,.06)}
.zaa-projects-archive-grid{align-items:stretch}
.zaa-projects-archive-grid .zaa-card{height:100%}
.zaa-projects-archive-grid .zaa-card-content{height:calc(100% - 230px);box-sizing:border-box}
.zaa-project-featured img{width:100%;height:auto;display:block}
.zaa-single-project{padding:140px 0 100px;background:var(--zaa-obsidian)}
.zaa-single-project .zaa-single-title{max-width:1000px;margin-bottom:50px}
.zaa-project-layout{margin-top:55px}
.zaa-project-details{background:var(--zaa-graphite);padding:32px;border:1px solid rgba(245,244,240,.08)}
.zaa-project-details h3{font:800 13px var(--zaa-font-heading);letter-spacing:.15em;color:var(--zaa-amber);margin:0 0 20px}
.zaa-project-detail{display:flex;flex-direction:column;gap:5px;padding:16px 0;border-bottom:1px solid rgba(245,244,240,.08)}
.zaa-project-detail strong{font:700 9px var(--zaa-font-heading);letter-spacing:.18em;color:var(--zaa-steel)}
.zaa-project-detail span{color:var(--zaa-warm-white)}
.zaa-project-inquire{display:inline-flex;margin-top:25px}
.zaa-prose p{margin-bottom:24px}
.zaa-prose h2,.zaa-prose h3{font-family:var(--zaa-font-heading);color:var(--zaa-warm-white);margin:40px 0 16px}
.zaa-honeypot{position:absolute!important;left:-10000px!important;opacity:0!important;height:1px!important;width:1px!important}
@media(max-width:900px){
 .zaa-page-grid{grid-template-columns:1fr;gap:40px}
 .zaa-inner-page{padding-top:90px}
 .zaa-lead{font-size:17px}
}
@media(max-width:640px){
 .zaa-inner-page{padding-top:80px;padding-bottom:70px}
 .zaa-page-shell{padding-left:20px;padding-right:20px}
 .zaa-project-filter{gap:7px}
 .zaa-filter-btn{padding:10px 11px;font-size:9px}
 .zaa-single-project{padding:100px 0 70px}
}