/*
 Theme Name:   Matrix Lookalike Astra Child
 Theme URI:    https://example.com/matrix-lookalike
 Description:  Astra child theme styled for an industrial corporate site with Services/Projects CPTs.
 Author:       ChatGPT
 Template:     astra
 Version:      1.0.0
*/

:root{
  --clr-primary:#113a5c;
  --clr-primary-600:#1f5c9a;
  --clr-accent:#ff8a00;
  --clr-bg:#f5f7fa;
  --clr-text:#1f2732;
  --clr-muted:#6b7785;
  --radius-lg:14px;
  --radius-sm:8px;
  --shadow-1:0 8px 20px rgba(0,0,0,.08);
}

body{color:var(--clr-text);}
a{color:var(--clr-primary-600);}
a:hover{color:var(--clr-primary);}

.site-header{box-shadow: var(--shadow-1);}
.main-header-bar{background:#ffffff;}
.ast-site-identity .site-title a{color:var(--clr-primary);}
.ast-primary-header-bar .ast-builder-menu .menu-item a{padding:14px 18px;}

button, .button, .ast-button, .wp-block-button__link{
  background:var(--clr-primary);
  color:#fff;
  border-radius: var(--radius-sm);
  padding:.8rem 1.2rem;
}
button:hover, .button:hover, .ast-button:hover, .wp-block-button__link:hover{
  background:var(--clr-primary-600);
  color:#fff;
}
.cta-orange, .btn-accent{background:var(--clr-accent)!important;}

.hero{
  background: linear-gradient(180deg, rgba(17,58,92,.85), rgba(17,58,92,.85));
  color:#fff;
  padding: 120px 0;
}
.hero h1{font-size: clamp(32px, 5vw, 56px); line-height:1.1; margin-bottom: 12px;}
.hero p{font-size: clamp(16px, 2.2vw, 20px); max-width: 780px;}

.card{background:#fff;border-radius: var(--radius-lg);box-shadow: var(--shadow-1);padding: 28px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
@media (max-width: 991px){.grid-3,.grid-2{grid-template-columns:1fr;}}

.site-footer{background:#0b2236;color:#c8d2dd;}
.site-footer a{color:#fff;}