/* Shared Safetech site styles - minimal, consistent */
body { font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height: 1.6; margin: 0; }
header, footer { padding: 16px 20px; }
header { border-bottom: 1px solid #e5e7eb; }
footer { border-top: 1px solid #e5e7eb; background: #f9fafb; }
main { padding: 20px; max-width: 1100px; margin: 0 auto; }
h1,h2,h3 { margin: 0 0 12px 0; }
.section { margin: 28px 0; }

/* Buttons/links */
a.button, .btn, button[type="submit"] {
  display: inline-block; padding: 12px 18px; text-decoration: none; border: none; cursor: pointer;
  border-radius: 8px; font-weight: 600; background: #0b3d91; color: #fff;
}
a.button:hover, .btn:hover, button[type="submit"]:hover { opacity: .94; }

/* Forms */
form { max-width: 640px; background: #fff; padding: 18px; border: 1px solid #e5e7eb; border-radius: 10px; }
.form-group { margin-bottom: 12px; }
label { display: block; font-weight: 600; margin-bottom: 6px; }
input, textarea { width: 100%; padding: 10px; border: 1px solid #d1d5db; border-radius: 8px; }
input:focus, textarea:focus { outline: none; border-color: #0b3d91; box-shadow: 0 0 0 3px rgba(11,61,145,0.12); }

/* Services list */
#services ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 12px; }
#services li a { display: block; padding: 14px 16px; border: 1px solid #e5e7eb; border-radius: 10px; font-weight: 700; color: #0b3d91; text-decoration: none; }
#services li a:hover { background: #f0f5ff; }

/* Call bar (if present) */
.callbar { position: sticky; top: 0; z-index: 50; background: #0b3d91; color: #fff; padding: 8px 14px; text-align: center; }
.callbar a { color: #fff; font-weight: 700; text-decoration: none; }


/* Gold button style for Safetech */
.button-gold, a.button-gold, .btn, button[type="submit"], nav a {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  background: #d4af37; /* gold */
  color: #fff !important;
  border: none;
  cursor: pointer;
}
.button-gold:hover, a.button-gold:hover, .btn:hover, button[type="submit"]:hover, nav a:hover {
  background: #b8952f; /* darker gold */
  color: #fff !important;
}


/* --- Safetech GOLD theme enhancements --- */
.button-gold, a.button-gold {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 14px 18px;
  border-radius: 10px;
  font-weight: 700;
  background: #d4af37;
  color: #fff !important;
  text-decoration: none;
  border: none;
}
.button-gold:hover, a.button-gold:hover { background: #b8952f; color: #fff !important; }

/* Services grid as big block buttons */
#services { margin-top: 20px; }
#services ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
#services li { margin: 0; }
#services li a.button-gold { display: block; width: 100%; }

/* About section buttons */
#about a.button-gold { display: inline-block; margin: 6px 8px 6px 0; }

/* Nav styling + active highlight */
nav { display: flex; gap: 10px; flex-wrap: wrap; }
nav a { display: inline-block; padding: 10px 14px; border-radius: 8px; background: #d4af37; color: #fff !important; text-decoration: none; font-weight: 700; }
nav a:hover { background: #b8952f; }
nav a.active { outline: 2px solid #8c6f1d; box-shadow: 0 0 0 2px rgba(0,0,0,0.05) inset; }

/* services-grid */

#services { margin-top: 20px; }
#services ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
#services li { margin: 0; }
#services li a.button-gold { display: block; width: 100%; }


/* buttons + services grid */
.button-gold, a.button-gold { display:inline-block; width:100%; text-align:center; padding:14px 18px; border-radius:10px; font-weight:700; background:#d4af37; color:#fff !important; text-decoration:none; border:none; }
.button-gold:hover, a.button-gold:hover { background:#b8952f; color:#fff !important; }
#services ul { list-style:none; padding:0; display:grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap:14px; }
#services li { margin:0; }


/* --- EICR-style: dark blue sections + gold accents --- */
.section-blue { background:#103a60; color:#fff; padding:24px; border-radius:12px; }
.section-blue h1, .section-blue h2, .section-blue h3, .section-blue p, .section-blue li { color:#fff; }
.section-blue ul { padding-left: 20px; }
.section-blue li::marker { color:#ffd166; } /* subtle gold bullet */

.badge {
  display:inline-block; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,0.35);
  color:#fff; margin:6px 8px 6px 0; font-weight:600;
}

.callbar { background:#103a60; color:#fff; padding:10px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.callbar a { color:#fff; text-decoration:underline; font-weight:700; }
.callbox { background:#d4af37; color:#111; padding:12px 16px; border-radius:12px; font-weight:800; display:inline-flex; align-items:center; gap:8px; }
.callbox a { color:#111; text-decoration:none; font-weight:800; }

/* Ensure buttons still pop on blue */
.section-blue .button-gold, .section-blue button[type="submit"] { box-shadow: 0 2px 0 rgba(0,0,0,0.12); }


/* === Safetech dark-blue header + hero === */
header, .site-header, nav, .callbar { background:#103a60 !important; color:#fff !important; }
header a, .site-header a, nav a, .callbar a { color:#fff !important; text-decoration: none; font-weight: 700; }
nav a:hover { text-decoration: underline; }

.hero-blue, .section-blue { background:#103a60 !important; color:#fff !important; padding: 24px; border-radius: 12px; }
.hero-blue h1, .hero-blue h2, .hero-blue h3, .hero-blue p, .hero-blue li,
.section-blue h1, .section-blue h2, .section-blue h3, .section-blue p, .section-blue li { color:#fff !important; }

.badge, .chip { display:inline-block; padding:8px 12px; border-radius:999px; border:1px solid rgba(255,255,255,0.35); color:#fff !important; margin:6px 8px 6px 0; font-weight:600; }

.callbox { background:#d4af37; color:#111; padding:12px 16px; border-radius:12px; font-weight:800; display:inline-flex; align-items:center; gap:8px; }
.callbox a { color:#111 !important; text-decoration:none; font-weight:800; }

/* Buttons remain gold, readable on blue */
.button-gold, a.button-gold, .btn, button[type="submit"] { background:#d4af37; color:#111; font-weight:800; border-radius:10px; padding:12px 18px; }
.button-gold:hover, a.button-gold:hover, .btn:hover, button[type="submit"]:hover { background:#b8952f; color:#111; }