/* ── Light theme override — applies to all portfolio-details pages ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
  --navy:   #003087 !important;
  --orange: #FF8200 !important;
}

body {
  background: #ffffff !important;
  color: #111827 !important;
  font-family: 'Inter', -apple-system, sans-serif !important;
}

/* ── HEADER / NAV ── */
.header {
  background: rgba(255,255,255,0.96) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid #E5E7EB !important;
  box-shadow: none !important;
}
.logo .sitename {
  color: #003087 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}
.navmenu a,
.navmenu li a {
  color: #6B7280 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}
.navmenu a:hover,
.navmenu .active {
  color: #003087 !important;
}
.mobile-nav-toggle { color: #003087 !important; }

/* ── PAGE TITLE / BREADCRUMB ── */
.page-title {
  background: #003087 !important;
  padding: 100px 0 40px !important;
}
.page-title h1 {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  letter-spacing: -0.5px !important;
}
.page-title p {
  color: rgba(255,255,255,0.65) !important;
  font-family: 'Inter', sans-serif !important;
}
.breadcrumbs { background: rgba(0,0,0,0.15) !important; }
.breadcrumbs ol li,
.breadcrumbs ol li a { color: rgba(255,255,255,0.7) !important; }
.breadcrumbs ol li.current { color: #FF8200 !important; }
.breadcrumbs ol li + li::before { color: rgba(255,255,255,0.4) !important; }

/* ── MAIN CONTENT ── */
.portfolio-details { background: #ffffff !important; }
.portfolio-details-slider { border-radius: 12px; overflow: hidden; }

.portfolio-info {
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
.portfolio-info h3 {
  color: #003087 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  margin-bottom: 16px !important;
  border-bottom: 2px solid #FF8200 !important;
  padding-bottom: 10px !important;
}
.portfolio-info ul { list-style: none !important; padding: 0 !important; }
.portfolio-info ul li {
  color: #374151 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid #F3F4F6 !important;
}
.portfolio-info ul li strong { color: #003087 !important; }
.portfolio-info a { color: #003087 !important; }

.portfolio-description h2 {
  color: #003087 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 900 !important;
  font-size: 28px !important;
  letter-spacing: -0.5px !important;
  margin-bottom: 20px !important;
  margin-top: 32px !important;
}
.portfolio-description p,
.portfolio-description li {
  color: #374151 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}
.portfolio-description strong { color: #003087 !important; font-weight: 700 !important; }
.portfolio-description ul { padding-left: 20px !important; }
.portfolio-description code {
  background: #F3F4F6 !important;
  color: #003087 !important;
  padding: 2px 6px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

/* ── DARK METRIC BOXES → NAVY ── */
div[style*="background:#0f172a"],
div[style*="background: #0f172a"],
div[style*="background:#111"],
div[style*="background:#1a1a2e"] {
  background: #003087 !important;
  border-radius: 12px !important;
}
div[style*="background:#0f172a"] div[style*="color:#94a3b8"],
div[style*="background: #0f172a"] div[style*="color:#94a3b8"] {
  color: rgba(255,255,255,0.6) !important;
}

/* ── FOOTER ── */
#footer {
  background: #111827 !important;
  color: rgba(255,255,255,0.6) !important;
}
#footer .sitename { color: #ffffff !important; }
#footer a { color: rgba(255,255,255,0.6) !important; }
#footer p { color: rgba(255,255,255,0.5) !important; }
#footer .copyright span { color: rgba(255,255,255,0.4) !important; }

/* ── BACK BUTTON ── */
.back-btn-wrap {
  max-width: 1140px;
  margin: 0 auto;
  padding: 20px 15px 0;
}
.back-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px; font-weight: 600;
  color: #003087 !important; text-decoration: none;
  padding: 8px 16px; border-radius: 6px;
  border: 1px solid #E5E7EB;
  transition: all .15s;
}
.back-btn:hover { background: #003087; color: #fff !important; border-color: #003087; }