/* ============================================================
   BNKS DARK THEME — Page-Specific Overrides
   Apply to: services.html, about.html, careers.html
   ============================================================ */

/* Base dark reset */
body {
  background: #06080E !important;
  color: #ffffff !important;
}

/* Services page */
.service-block {
  border-bottom: 1px solid rgba(201,168,76,0.1) !important;
}
.service-block:nth-child(even) { background: #09090F !important; }
.service-block:nth-child(odd)  { background: #06080E !important; }

.service-block h2,
.service-block h3 { color: #ffffff !important; }
.service-block p  { color: rgba(255,255,255,0.6) !important; }

/* Feature/benefit list items */
.feature-item, .benefit-item, .inclusion-item {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(201,168,76,0.18) !important;
  color: rgba(255,255,255,0.7) !important;
}

/* Sticky sub-nav */
.services-subnav, .page-subnav {
  background: rgba(6,8,14,0.96) !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
  backdrop-filter: blur(20px) !important;
}
.services-subnav a, .page-subnav a {
  color: rgba(255,255,255,0.6) !important;
}
.services-subnav a:hover, .services-subnav a.active,
.page-subnav a:hover, .page-subnav a.active {
  color: #C9A84C !important;
}

/* About page team cards */
.team-card, .founder-card, .partner-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  box-shadow: 0 0 0 1px rgba(201,168,76,0.06), 0 8px 32px rgba(0,0,0,0.4) !important;
}
.team-card:hover, .founder-card:hover, .partner-card:hover {
  border-color: rgba(201,168,76,0.4) !important;
  box-shadow: 0 0 0 1px rgba(201,168,76,0.25), 0 20px 60px rgba(0,0,0,0.5), 0 0 40px rgba(201,168,76,0.08) !important;
}
.team-card h3, .founder-card h3, .partner-card h3 { color: #ffffff !important; }
.team-card p, .founder-card p, .partner-card p { color: rgba(255,255,255,0.55) !important; }
.team-card .role, .founder-card .role { color: #C9A84C !important; }

/* Values / timeline */
.value-card, .timeline-item, .milestone-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(201,168,76,0.18) !important;
}
.value-card h3, .timeline-item h3, .milestone-card h3 { color: #ffffff !important; }
.value-card p, .timeline-item p, .milestone-card p { color: rgba(255,255,255,0.6) !important; }

/* Stats section */
.about-stat-num {
  background: linear-gradient(135deg, #C9A84C, #E8C870) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.about-stat-label { color: rgba(255,255,255,0.45) !important; }

/* Careers page */
.career-card, .job-card, .opening-card {
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  color: rgba(255,255,255,0.7) !important;
}
.career-card:hover, .job-card:hover {
  border-color: rgba(201,168,76,0.4) !important;
  box-shadow: 0 0 0 1px rgba(201,168,76,0.25), 0 20px 60px rgba(0,0,0,0.5) !important;
}
.career-card h3, .job-card h3 { color: #ffffff !important; }
.career-card p, .job-card p { color: rgba(255,255,255,0.55) !important; }

/* Department/badge labels */
.dept-badge, .tag-badge, .category-tag {
  background: rgba(201,168,76,0.12) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  color: #C9A84C !important;
}

/* Form inputs across all pages */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  color: #ffffff !important;
  border-radius: 8px;
}
input::placeholder, textarea::placeholder { color: rgba(255,255,255,0.3) !important; }
input:focus, textarea:focus, select:focus {
  border-color: #C9A84C !important;
  box-shadow: 0 0 0 3px rgba(201,168,76,0.12), 0 0 16px rgba(201,168,76,0.06) !important;
  outline: none !important;
  background: rgba(255,255,255,0.06) !important;
}
label { color: rgba(255,255,255,0.6) !important; }