/* Global Borehole Water Services - Bootstrap 5 Corporate Stylesheet */
:root {
  --gb-navy-dark: #0A2540;
  --gb-navy-primary: #0C3B78;
  --gb-water-blue: #0284C7;
  --gb-surface: #F8FAFC;
  --bs-primary: #0C3B78;
  --bs-primary-rgb: 12, 59, 120;
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1E293B;
  background-color: var(--gb-surface);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, .navbar-brand {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  letter-spacing: -0.02em;
}

.bg-navy-dark {
  background-color: #0A2540 !important;
}

.bg-navy-primary {
  background-color: #0C3B78 !important;
}

.text-info {
  color: #0284C7 !important;
}

.btn-primary {
  background-color: #0C3B78;
  border-color: #0C3B78;
  color: #ffffff;
  font-weight: 600;
  transition: all 0.2s ease;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #0A2540;
  border-color: #0A2540;
  color: #ffffff;
  transform: translateY(-1px);
}

.btn-outline-primary {
  color: #0C3B78;
  border-color: #0C3B78;
  font-weight: 600;
}

.btn-outline-primary:hover {
  background-color: #0C3B78;
  border-color: #0C3B78;
  color: #ffffff;
}

.hero-overlay {
  background: linear-gradient(135deg, rgba(10, 37, 64, 0.95) 0%, rgba(12, 59, 120, 0.9) 60%, rgba(2, 132, 199, 0.8) 100%);
}

.gb-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.gb-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(12, 59, 120, 0.12) !important;
}

.navbar-nav .nav-link {
  font-weight: 500;
  color: #334155;
  padding: 0.5rem 1rem !important;
  border-radius: 0.375rem;
}

.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
  color: #0C3B78 !important;
  font-weight: 700;
  background-color: rgba(12, 59, 120, 0.06);
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1220px;
    }
}