/* SPECIFIC DARK MODE FIXES - BRUTE FORCE APPROACH 🌙 */

/* Footer logo - Remove all fancy styling, just make it readable */
body.dark-mode .footer-logo {
  color: var(--dm-text-primary) !important;
  background: none !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: var(--dm-text-primary) !important;
}

body.dark-mode .footer-logo span {
  color: #ffd700 !important;
  -webkit-text-fill-color: #ffd700 !important;
  background: none !important;
}

/* Contact section - "We're Online Now!" badge */
body.dark-mode .badge {
  background-color: rgba(34, 197, 94, 0.2) !important;
  color: #86efac !important;
}

body.dark-mode #statusText {
  color: #86efac !important;
}

/* All display-4 titles */
body.dark-mode .display-4 {
  color: var(--dm-text-primary) !important;
  background: none !important;
  background-clip: unset !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: var(--dm-text-primary) !important;
}

/* Specific titles by class */
body.dark-mode .contact-main-title {
  color: var(--dm-text-primary) !important;
  background: none !important;
  -webkit-text-fill-color: var(--dm-text-primary) !important;
}

body.dark-mode .services-main-title {
  color: var(--dm-text-primary) !important;
  background: none !important;
  -webkit-text-fill-color: var(--dm-text-primary) !important;
}

/* Our Mission Card */
body.dark-mode .card.border-0.shadow-lg.rounded-4.overflow-hidden {
  background-color: var(--surface-light) !important;
  border: 1px solid var(--dm-border) !important;
}

body.dark-mode .card-header.bg-gradient-primary.text-white {
  background: linear-gradient(135deg, var(--accent), var(--accent-light)) !important;
  color: white !important;
}

body.dark-mode .card-header.bg-gradient-primary.text-white h4.card-title {
  color: white !important;
}

body.dark-mode .card-body.p-4 {
  background-color: var(--surface-light) !important;
  color: var(--dm-text-primary) !important;
}

body.dark-mode .card-body.p-4 p.lead {
  color: var(--dm-text-secondary) !important;
}

/* Team member cards - need to find exact structure */
body.dark-mode .team-member,
body.dark-mode [class*="team-"] {
  background-color: var(--surface-light) !important;
  border: 1px solid var(--dm-border) !important;
  color: var(--dm-text-primary) !important;
}

body.dark-mode .team-member h5,
body.dark-mode .team-member .card-title,
body.dark-mode [class*="team-"] h5,
body.dark-mode [class*="team-"] .card-title {
  color: var(--dm-text-primary) !important;
}

body.dark-mode .team-member p,
body.dark-mode .team-member .card-text,
body.dark-mode [class*="team-"] p,
body.dark-mode [class*="team-"] .card-text {
  color: var(--dm-text-secondary) !important;
}

/* Generic card fixes */
body.dark-mode .card {
  background-color: var(--surface-light) !important;
  border: 1px solid var(--dm-border) !important;
  color: var(--dm-text-primary) !important;
}

body.dark-mode .card-title {
  color: var(--dm-text-primary) !important;
}

body.dark-mode .card-text {
  color: var(--dm-text-secondary) !important;
}

body.dark-mode .card-body {
  background-color: var(--surface-light) !important;
  color: var(--dm-text-primary) !important;
}

/* Lead text fixes */
body.dark-mode .lead {
  color: var(--dm-text-secondary) !important;
}

body.dark-mode .lead.text-muted {
  color: var(--dm-text-muted) !important;
}

/* Badge fixes */
body.dark-mode .badge {
  background-color: var(--accent) !important;
  color: white !important;
}

body.dark-mode .text-success {
  color: #86efac !important;
}

/* Override any inline styles or other CSS */
body.dark-mode * {
  /* Force inherit colors where no specific color is set */
}

/* High priority overrides for stubborn elements */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: var(--dm-text-primary) !important;
}

body.dark-mode p {
  color: var(--dm-text-secondary) !important;
}

/* Achievement cards - Brute force approach */
body.dark-mode .achievement-card {
  background: rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid var(--dm-border) !important;
}

body.dark-mode .achievement-number {
  color: var(--accent-light) !important;
}

body.dark-mode .achievement-label {
  color: var(--dm-text-secondary) !important;
}

body.dark-mode .achievement-icon {
  background: linear-gradient(135deg, var(--accent), var(--accent-light)) !important;
  color: white !important;
}

/* Team Section - Complete fix */
body.dark-mode .team-section {
  color: var(--dm-text-primary) !important;
}

body.dark-mode .team-section h3 {
  color: var(--dm-text-primary) !important;
}

body.dark-mode .team-section .lead {
  color: var(--dm-text-secondary) !important;
}

/* Team cards */
body.dark-mode .team-member {
  background-color: var(--surface-light) !important;
  border: 1px solid var(--dm-border) !important;
}

body.dark-mode .member-card {
  background-color: var(--surface-light) !important;
  border: 1px solid var(--dm-border) !important;
  color: var(--dm-text-primary) !important;
}

body.dark-mode .member-name {
  color: var(--dm-text-primary) !important;
}

body.dark-mode .member-role {
  color: var(--dm-text-secondary) !important;
}

body.dark-mode .member-role.text-muted {
  color: var(--dm-text-muted) !important;
}

body.dark-mode .skill-tag {
  background-color: rgba(79, 155, 255, 0.15) !important;
  color: var(--accent-light) !important;
  border: 1px solid var(--accent) !important;
}

/* Avatar placeholders */
body.dark-mode .avatar-placeholder.bg-primary {
  background-color: var(--accent) !important;
}

body.dark-mode .avatar-placeholder.bg-success {
  background-color: #22c55e !important;
}

body.dark-mode .avatar-placeholder.bg-info {
  background-color: #06b6d4 !important;
}

body.dark-mode .avatar-placeholder.bg-warning {
  background-color: #f59e0b !important;
}

/* Catch-all for any card that contains "team" in class name */
body.dark-mode [class*="team"] {
  background-color: var(--surface-light) !important;
  border: 1px solid var(--dm-border) !important;
  color: var(--dm-text-primary) !important;
}

/* Z-INDEX FIXES - Prevent cards from appearing above header */

/* Ensure header stays on top */
.header,
.navbar,
[class*="header"] {
  z-index: 1050 !important;
}

/* Keep service cards below header */
.revolutionary-services-grid .service-card {
  z-index: 10 !important;
}

.revolutionary-services-grid .service-card:hover {
  z-index: 15 !important;
}

/* Ensure all cards stay below header */
.service-card,
.achievement-card,
.team-member,
.member-card {
  z-index: 10 !important;
}

.service-card:hover,
.achievement-card:hover,
.team-member:hover,
.member-card:hover {
  z-index: 15 !important;
}