/* MavCo Consulting — black + gold brand override for the logo icon,
   matching the landing page (mavco-consulting.pplx.app) and the
   Service Checklist Estimator (mavco-service-estimator.pplx.app). */

/* The M-mark strokes inside the badge (currently rendered white) */
svg[aria-label="MavCo Consulting"] rect[fill="white"],
svg[aria-label="MavCo Consulting"] polygon[fill="white"] {
  fill: #cf9f3f !important;
}

/* Pin the badge background to the exact brand black used elsewhere */
svg[aria-label="MavCo Consulting"] rect:first-of-type {
  fill: #111111 !important;
}

/* Restore the dormant --color-navy / --color-gold tokens to real
   brand values (previously grayscale placeholders, unused elsewhere
   but corrected for consistency / future use). */
:root {
  --color-navy: #111111;
  --color-navy-hover: #2a2a2a;
  --color-gold: #cf9f3f;
  --color-gold-light: #f0cf82;
}
.dark {
  --color-navy: #e0e0e0;
  --color-navy-hover: #cccccc;
  --color-gold: #f0cf82;
  --color-gold-light: #cf9f3f;
}

/* Footer — matches landing page and Service Checklist Estimator */
.mavco-footer {
  border-top: 1px solid #e5e5e5;
  background: #ffffff;
  padding: 28px 24px;
  margin-top: 40px;
}
.mavco-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.mavco-footer-brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #555555;
}
.mavco-footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 13px;
}
.mavco-footer-links a {
  color: #555555;
  text-decoration: none;
}
.mavco-footer-links a:hover {
  color: #cf9f3f;
}
@media (max-width: 600px) {
  .mavco-footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }
}