/* ENPE system dark-mode compatibility fix
   Keeps the designed light website readable when the device/browser uses dark mode. */
:root {
  color-scheme: only light;
  supported-color-schemes: light;
}

html,
body {
  color-scheme: only light !important;
  background-color: #fbfaf7 !important;
}

body {
  color: #0b1720;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Prevent browser auto-darkening of controls and surfaces. */
input,
select,
textarea,
button,
option {
  color-scheme: only light !important;
  font: inherit;
}

input,
select,
textarea {
  background-color: #ffffff !important;
  color: #0b1720 !important;
  -webkit-text-fill-color: #0b1720 !important;
  caret-color: #0b1720 !important;
  border-color: rgba(11, 23, 32, .16) !important;
}

input::placeholder,
textarea::placeholder {
  color: #718089 !important;
  -webkit-text-fill-color: #718089 !important;
  opacity: 1 !important;
}

select option {
  background: #ffffff !important;
  color: #0b1720 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: #0b1720 !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  transition: background-color 9999s ease-out 0s;
}

img,
svg,
video,
canvas {
  forced-color-adjust: none;
}

/* Explicit light surfaces prevent Android/Chrome force-dark contrast errors. */
.site-header.scrolled,
.nav-wrap,
.hero,
.about-hero,
.clients-hero,
.contact-hero,
.consultation-hero,
.clients-showcase,
.client-directory,
.contact-options,
.contact-form-section,
.consultation-form-section {
  forced-color-adjust: none;
}

.client-company-card,
.client-profile-card,
.contact-route-card,
.contact-form-shell,
.consultation-form,
.consultation-card,
.value-card,
.service-card,
.process-card,
.outcome-card {
  color-scheme: only light !important;
  forced-color-adjust: none;
}

.client-company-card:not(.is-active),
.client-profile-card:not(.is-active),
.contact-route-card,
.contact-form-shell,
.consultation-form,
.consultation-card,
.value-card,
.service-card,
.process-card,
.outcome-card {
  background-color: #ffffff;
  color: #0b1720;
}

.client-company-card.is-active,
.client-profile-card.is-active {
  background: #a8ff18 !important;
  color: #071825 !important;
}

.client-company-card.is-active *,
.client-profile-card.is-active * {
  color: #071825;
}

/* Dark components stay intentionally dark instead of being inverted. */
.site-nav.open,
.footer-v7,
.floating-contact-panel,
.floating-contact-toggle,
.btn-dark,
.clients-cta__shell,
.contact-direct-strip {
  color-scheme: only dark;
  forced-color-adjust: none;
}

.site-nav.open {
  background: #071825 !important;
}

.site-nav.open a {
  color: #f7fbfa !important;
  -webkit-text-fill-color: #f7fbfa !important;
}

.site-nav.open a:hover,
.site-nav.open a:focus-visible,
.site-nav.open a.active {
  background: #a8ff18 !important;
  color: #071825 !important;
  -webkit-text-fill-color: #071825 !important;
}

.footer-v7,
.footer-v7 * {
  forced-color-adjust: none;
}

.footer-v7 {
  background: #071825 !important;
  color: #edf4f2 !important;
}

.footer-v7 a,
.footer-v7 p,
.footer-v7 span {
  color: #95a8ae;
}

.footer-v7 strong,
.footer-v7 h2,
.footer-v7 h3 {
  color: #edf4f2;
}

.floating-contact-toggle,
.back-to-top {
  background: #071825 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (prefers-color-scheme: dark) {
  :root,
  html,
  body {
    color-scheme: only light !important;
  }

  body,
  main,
  .page-shell {
    background-color: #fbfaf7 !important;
    color: #0b1720 !important;
  }

  .site-header.scrolled {
    background: rgba(251, 250, 247, .96) !important;
    border-color: rgba(11, 23, 32, .12) !important;
  }

  .brand,
  .brand-mark,
  .menu-toggle {
    color: #0b1720 !important;
    -webkit-text-fill-color: #0b1720 !important;
  }

  .brand-copy,
  .site-nav:not(.open) a,
  p,
  label,
  .muted {
    color: inherit;
  }
}

@media (max-width: 920px) {
  body {
    min-width: 0;
    overflow-x: clip !important;
  }

  .site-header .nav-wrap {
    background: rgba(251, 250, 247, .96) !important;
    border: 1px solid rgba(11, 23, 32, .10) !important;
    box-shadow: 0 12px 34px rgba(7, 24, 35, .09) !important;
  }

  .menu-toggle {
    background: #ffffff !important;
    border-color: rgba(11, 23, 32, .12) !important;
  }

  .menu-toggle span {
    background: #071825 !important;
  }

  .site-nav.open {
    box-shadow: 0 24px 70px rgba(0, 0, 0, .34) !important;
  }
}

@media (max-width: 760px) {
  .client-company-card:not(.is-active),
  .clients-page .client-profile-card:not(.is-active) {
    background: #ffffff !important;
    color: #0b1720 !important;
    border-color: rgba(11, 23, 32, .11) !important;
  }

  .client-company-card:not(.is-active) h3,
  .clients-page .client-profile-card:not(.is-active) h3 {
    color: #071825 !important;
    -webkit-text-fill-color: #071825 !important;
  }

  .client-company-card:not(.is-active) p,
  .client-company-card:not(.is-active) span,
  .clients-page .client-profile-card:not(.is-active) p,
  .clients-page .client-profile-card:not(.is-active) span {
    color: #60707a !important;
    -webkit-text-fill-color: #60707a !important;
  }

  .client-company-card.is-active p,
  .client-company-card.is-active span,
  .clients-page .client-profile-card.is-active p,
  .clients-page .client-profile-card.is-active span {
    color: #263b27 !important;
    -webkit-text-fill-color: #263b27 !important;
  }

  .contact-route-card,
  .contact-form-shell,
  .consultation-form,
  .consultation-card {
    background: #ffffff !important;
    color: #0b1720 !important;
    border-color: rgba(11, 23, 32, .11) !important;
  }

  .contact-route-card h2,
  .contact-route-card h3,
  .contact-form-shell h2,
  .consultation-form h2,
  .consultation-card h3 {
    color: #071825 !important;
    -webkit-text-fill-color: #071825 !important;
  }

  .contact-route-card p,
  .contact-form-shell p,
  .consultation-form p,
  .consultation-card p {
    color: #60707a !important;
    -webkit-text-fill-color: #60707a !important;
  }

  .floating-contact-panel {
    background: #071825 !important;
    border-color: rgba(255,255,255,.15) !important;
  }
}