/* ============================================================
   Amin Associates — GLOBAL styles (loads on every page)
   header · footer · buttons · forms · placeholders · logos
   ============================================================ */
:root{
  --blue:#29abe2;
  --blue-dark:#1c8fc4;
  --blue-deep:#0f83bf;
  --ink:#1c1c1c;
  --muted:#5b5b5b;
  --line:#d9d9d9;
  --gray-bg:#f1f1f1;
  --gray-bg-2:#f6f6f6;
  --white:#ffffff;
  --maxw:1120px;
  --radius:10px;
  --shadow:0 6px 24px rgba(0,0,0,.08);
  --font:"Poppins","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{line-height:1.15;margin:0;font-weight:700;}
p{margin:0 0 1em;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.blue{color:var(--blue);}
.center{text-align:center;}
section{padding:64px 0;}
.section-title{font-size:2.3rem;font-weight:700;margin-bottom:8px;}
.underline-h{border-bottom:4px solid var(--ink);display:inline-block;padding-bottom:2px;}
.aa-img{width:100%;border-radius:var(--radius);object-fit:cover;}

/* ---------- Buttons ---------- */
.btn{display:inline-block;background:var(--blue);color:#fff;font-weight:500;font-size:.92rem;padding:11px 26px;border-radius:6px;border:none;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.btn:hover{background:var(--blue-dark);transform:translateY(-1px);}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee;}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:76px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand svg{width:44px;height:40px;flex:none;}
.brand img{max-height:48px;width:auto;}
.brand .brand-txt{font-size:1.02rem;letter-spacing:.02em;font-weight:600;}
.brand .brand-txt b{color:var(--blue);font-weight:700;}
.brand .brand-txt span{color:var(--ink);font-weight:600;}
.nav{display:flex;align-items:center;gap:6px;background:var(--gray-bg);padding:8px 10px;border-radius:8px;}
.nav-list{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;}
.nav-list a{padding:8px 16px;border-radius:6px;font-size:.95rem;font-weight:500;color:#333;transition:background .18s ease,color .18s ease;display:block;}
.nav-list a:hover,.nav-list .current-menu-item>a{background:#fff;color:var(--blue);}
.wa{background:var(--gray-bg);padding:12px 26px;border-radius:8px;font-weight:500;color:#333;transition:background .18s ease,color .18s ease;}
.wa:hover{background:var(--blue);color:#fff;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0;}

/* ---------- Page hero band ---------- */
.page-hero{background:var(--gray-bg);padding:48px 0;}
.page-hero .wrap{display:flex;flex-wrap:wrap;gap:30px;align-items:flex-start;justify-content:space-between;}
.page-hero h1{font-size:2.6rem;}
.page-hero .lead{max-width:520px;color:var(--muted);font-size:.98rem;margin:6px 0 0;}

/* ---------- Placeholder image boxes ---------- */
.ph{position:relative;background:linear-gradient(135deg,#e9edf1 0%,#dfe5ea 100%);border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;justify-content:center;color:#8a97a3;font-size:.82rem;font-weight:500;text-align:center;min-height:120px;}
.ph::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 12px,transparent 12px 24px);opacity:.5;pointer-events:none;}
.ph span{position:relative;z-index:1;padding:6px 10px;}

/* ---------- Client logos (shared) ---------- */
.clients{background:var(--gray-bg-2);}
.logo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:22px;align-items:center;}
.logo-grid .ph,.logo-grid .aa-img{aspect-ratio:2/1;min-height:0;background:#fff;border:1px solid #eee;color:#aab4bd;font-size:.72rem;object-fit:contain;padding:6px;}

/* ---------- Contact form block (shared, in footer.php) ---------- */
.form-banner{background:var(--blue);color:#fff;text-align:center;padding:26px 0;}
.form-banner h2{font-size:1.5rem;}
.form-section .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;}
.contact-form .full{grid-column:1/-1;}
.field label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px;}
.field input,.field textarea{width:100%;border:none;border-bottom:1px solid #bdbdbd;background:transparent;padding:8px 2px;font-family:inherit;font-size:.9rem;color:var(--ink);}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--blue);}
.contact-form .btn{justify-self:start;}
.form-art{color:#111;}
.form-art svg{width:100%;height:auto;}

/* ---------- Footer ---------- */
.site-footer{border-top:1px solid #eee;padding:36px 0 28px;background:#fff;}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr .8fr;gap:24px;align-items:start;}
.footer-grid .lbl{font-size:.72rem;letter-spacing:.14em;color:#999;margin-bottom:8px;}
.footer-grid p{font-size:.82rem;color:#444;margin:0;}
.f-brand svg{width:52px;height:46px;}
.f-brand .brand-txt{font-size:1rem;font-weight:700;}
.f-brand .tag{font-size:.62rem;letter-spacing:.22em;color:#666;margin-top:4px;}
.socials{display:flex;gap:10px;}
.socials a{width:30px;height:30px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;}
.footer-bottom{display:flex;gap:26px;margin-top:24px;padding-top:16px;border-top:1px solid #eee;}
.footer-bottom a{font-size:.78rem;color:#666;text-decoration:underline;}

/* ---------- Shared responsive ---------- */
@media (max-width:960px){
  .logo-grid{grid-template-columns:repeat(4,1fr);}
  .form-section .wrap{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .nav,.wa{display:none;}
  .nav-toggle{display:block;}
  .nav.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;background:#fff;padding:12px;border-bottom:1px solid #eee;border-radius:0;z-index:60;}
  .nav.open .nav-list{flex-direction:column;align-items:stretch;width:100%;}
  .logo-grid{grid-template-columns:repeat(2,1fr);}
  .contact-form,.footer-grid{grid-template-columns:1fr;}
  .section-title,.page-hero h1{font-size:2rem;}
}