/*
Theme Name: Prime Global Systems — Modern
Theme URI: https://primeglobalsystems.com/
Author: Prime Global Systems & Peter Wood (AI)
Description: A clean, modern single-page theme for Prime Global Systems (Home, About, Services, Request Quote, Careers, Contact) with built-in forms and Custom Logo support.
Version: 1.2
License: GPL-2.0+
Text Domain: pgs-modern
*/

/* ---- Base ---- */
:root{
  --brand: #0b2f5f; /* dark navy */
  --brand-2: #f0b429; /* gold */
  --ink: #0f172a;
  --muted:#6b7280;
  --bg: #ffffff;
  --card:#ffffff;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(2,6,23,.1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1120px, 92vw); margin:auto}

/* ---- Header ---- */
.site-header{
  position:sticky; top:0; z-index:99;
  background:#0b2f5f;
  color:#fff; border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:12px 0}
.site-brand{display:flex; align-items:center; gap:12px; color:#fff; font-weight:700; letter-spacing:.3px}
.site-brand img{height:40px; width:auto}
.nav a{color:#e5eefc; font-weight:600}
.nav ul{list-style:none; display:flex; gap:18px; margin:0; padding:0}
.nav .cta{padding:10px 14px; background:var(--brand-2); color:#1f2937; border-radius:10px; box-shadow:var(--shadow)}

/* ---- Hero ---- */
.hero{
  background: linear-gradient(180deg, #0b2f5f 0%, #0e3a73 60%, #0b2f5f 100%);
  color:#fff; padding: clamp(48px, 8vw, 120px) 0;
}
.hero h1{font-size: clamp(28px, 5vw, 48px); margin:.2em 0}
.hero p{font-size: clamp(16px, 2.5vw, 20px); opacity:.95}
.hero .actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px}
.btn{
  background:var(--brand-2); color:#1f2937; font-weight:700;
  padding:12px 18px; border-radius:12px; display:inline-block; box-shadow:var(--shadow)
}
.btn.alt{background:transparent; color:#fff; border:2px solid rgba(255,255,255,.7)}

/* ---- Sections ---- */
section{padding: clamp(36px, 6vw, 80px) 0}
.section-title{font-size: clamp(22px, 3.2vw, 30px); margin:0 0 10px}
.section-sub{color:var(--muted); margin:0 0 24px}
.cards{display:grid; grid-template-columns: repeat( auto-fit, minmax(240px,1fr) ); gap:18px}
.card{
  background:var(--card); border-radius:var(--radius); padding:20px; box-shadow:var(--shadow); border:1px solid rgba(2,6,23,.06)
}
.badge{display:inline-block; padding:6px 10px; font-weight:700; border-radius:20px; background:rgba(240,180,41,.15); color:#6b4c0a}

/* ---- Forms ---- */
form{display:grid; grid-template-columns:1fr 1fr; gap:12px}
form .full{grid-column:1/-1}
input,select,textarea{
  width:100%; padding:12px 14px; border-radius:10px; border:1px solid rgba(2,6,23,.15)
}
textarea{min-height:120px}
button[type=submit]{
  background:var(--brand); color:#fff; border:none; padding:12px 16px; border-radius:10px; font-weight:700; box-shadow:var(--shadow)
}
form small{color:var(--muted)}
.success{background:#ecfdf5; border:1px solid #10b981; color:#064e3b; padding:12px 14px; border-radius:10px; margin-bottom:12px}

/* ---- Footer ---- */
.site-footer{
  background:#0b2f5f; color:#dbeafe; padding:26px 0; margin-top:40px
}
.site-footer .row{display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.site-footer img{height:28px}
.copy{opacity:.85}

/* ---- Responsive ---- */
@media (max-width: 782px){
  .nav ul{display:none}
  .hero .actions{justify-content:flex-start}
  form{grid-template-columns:1fr}
}