/* Mostafa Consulting v18 — final legibility and contrast layer.
   Loaded after the existing visual system on every page. */
:root {
  --mc18-green: #006b44;
  --mc18-green-hover: #005436;
  --mc18-mint: #eaf5ed;
  --mc18-mint-soft: #f5faf6;
  --mc18-sage: #dceee2;
  --mc18-ink: #10231a;
  --mc18-copy: #3f5147;
  --mc18-muted: #52665b;
  --mc18-line: #b9d0c1;
  --mc18-field-line: #789786;
  --mc18-white: #ffffff;
}

/* Reliable readable text on every formerly dark section that is now light. */
html body .section.dark,
html body .rich.dark,
html body .deep.dark,
html body .v11-section.dark,
html body .light-section.dark,
html body .section.green,
html body .rich.green,
html body .deep.green,
html body .quote-band,
html body .chef-results,
html body .dossier-cta {
  color: var(--mc18-ink);
}

/* Additional pale sections that still inherited typography from the former
   dark/navy visual system. Keep their complete text hierarchy readable. */
html body .training-group-v13,
html body .langdock-path,
html body .tools-modern {
  background: var(--mc18-mint);
  color: var(--mc18-ink);
}

html body .training-group-v13 .expand-intro-v13 h1,
html body .training-group-v13 .expand-intro-v13 h2,
html body .training-group-v13 .expand-intro-v13 h3,
html body .langdock-path h1,
html body .langdock-path h2,
html body .langdock-path h3,
html body .tools-modern h1,
html body .tools-modern h2,
html body .tools-modern h3 {
  color: var(--mc18-ink);
}

html body .training-group-v13 .expand-intro-v13 p,
html body .langdock-path p,
html body .langdock-path li,
html body .tools-modern .section-head p {
  color: var(--mc18-copy);
}

html body .training-group-v13 .expand-card-v13,
html body .langdock-path .langdock-level,
html body .tools-modern .tool-card {
  background: var(--mc18-white);
  color: var(--mc18-ink);
  border-color: var(--mc18-line);
}

html body .training-group-v13 .expand-head-v13 h3,
html body .training-group-v13 .expand-body-v13 h4,
html body .langdock-path .langdock-level h3,
html body .tools-modern .tool-card b {
  color: var(--mc18-ink);
}

html body .training-group-v13 .expand-head-v13 p,
html body .training-group-v13 .expand-body-v13 p,
html body .training-group-v13 .expand-body-v13 li,
html body .langdock-path .langdock-level p,
html body .langdock-path .langdock-level li,
html body .tools-modern .tool-card small,
html body .tools-modern .tool-card p {
  color: var(--mc18-copy);
}

html body .training-group-v13 .expand-body-v13 {
  border-top-color: var(--mc18-line);
}

/* Card and legal-page residues with explicit white typography. */
html body .partner-card h2,
html body .partner-card h3,
html body .quality-step h2,
html body .quality-step h3,
html body .legal-shell h2,
html body .legal-shell h3 {
  color: var(--mc18-ink);
}

html body .partner-card p,
html body .quality-step p,
html body .legal-shell p,
html body .legal-shell li {
  color: var(--mc18-copy);
}

html body .section.dark p,
html body .section.dark li,
html body .rich.dark p,
html body .rich.dark li,
html body .deep.dark p,
html body .deep.dark li,
html body .v11-section.dark p,
html body .v11-section.dark li,
html body .light-section.dark p,
html body .light-section.dark li,
html body .section.green p,
html body .section.green li,
html body .rich.green p,
html body .rich.green li,
html body .deep.green p,
html body .deep.green li,
html body .quote-band p,
html body .chef-results p,
html body .chef-results li,
html body .dossier-cta p,
html body .stat span,
html body .bafa small,
html body .source-note,
html body .image-credit-v15 {
  color: var(--mc18-copy);
}

html body .section.dark h1,
html body .section.dark h2,
html body .section.dark h3,
html body .rich.dark h1,
html body .rich.dark h2,
html body .rich.dark h3,
html body .deep.dark h1,
html body .deep.dark h2,
html body .deep.dark h3,
html body .v11-section.dark h1,
html body .v11-section.dark h2,
html body .v11-section.dark h3,
html body .light-section.dark h1,
html body .light-section.dark h2,
html body .light-section.dark h3,
html body .section.green h1,
html body .section.green h2,
html body .section.green h3,
html body .rich.green h1,
html body .rich.green h2,
html body .rich.green h3,
html body .deep.green h1,
html body .deep.green h2,
html body .deep.green h3,
html body .quote-band h1,
html body .quote-band h2,
html body .quote-band h3,
html body .chef-results h1,
html body .chef-results h2,
html body .chef-results h3,
html body .dossier-cta h1,
html body .dossier-cta h2,
html body .dossier-cta h3 {
  color: var(--mc18-ink);
}

html body .stat strong {
  color: var(--mc18-green);
}

/* Footer, legal text and navigation stay readable on pale green surfaces. */
html body footer,
html body footer p,
html body footer li,
html body footer span {
  color: var(--mc18-copy);
}

html body footer h2,
html body footer h3,
html body footer h4 {
  color: var(--mc18-ink);
}

html body footer a {
  color: var(--mc18-green);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

html body footer a:hover,
html body footer a:focus-visible {
  color: var(--mc18-green-hover);
  text-decoration: underline;
}

/* The same Zoho Web-to-Lead form is reused in several locations.
   These high-specificity rules intentionally override the old dark-form CSS. */
html body #zoho-form {
  background: var(--mc18-mint);
  color: var(--mc18-ink);
}

html body #zoho-form #crmWebToEntityForm.crmWebToEntityForm {
  color-scheme: light;
  background: var(--mc18-mint-soft);
  color: var(--mc18-ink);
  border: 1px solid var(--mc18-line);
  box-shadow: 0 16px 42px rgba(16, 35, 26, 0.08);
}

html body #zoho-form #crmWebToEntityForm .zcwf_title,
html body #zoho-form #crmWebToEntityForm .zcwf_col_lab,
html body #zoho-form #crmWebToEntityForm .zcwf_col_lab label {
  color: var(--mc18-ink);
}

html body #zoho-form #crmWebToEntityForm input[type="text"],
html body #zoho-form #crmWebToEntityForm input[type="email"],
html body #zoho-form #crmWebToEntityForm input[type="password"],
html body #zoho-form #crmWebToEntityForm input[type="tel"],
html body #zoho-form #crmWebToEntityForm input[type="url"],
html body #zoho-form #crmWebToEntityForm textarea,
html body #zoho-form #crmWebToEntityForm select {
  background: var(--mc18-white);
  color: var(--mc18-ink);
  border: 1px solid var(--mc18-field-line);
  caret-color: var(--mc18-green);
  -webkit-text-fill-color: var(--mc18-ink);
  opacity: 1;
}

html body #zoho-form #crmWebToEntityForm input::placeholder,
html body #zoho-form #crmWebToEntityForm textarea::placeholder {
  color: var(--mc18-muted);
  opacity: 1;
}

html body #zoho-form #crmWebToEntityForm select option {
  background: var(--mc18-white);
  color: var(--mc18-ink);
}

html body #zoho-form #crmWebToEntityForm input:-webkit-autofill,
html body #zoho-form #crmWebToEntityForm input:-webkit-autofill:hover,
html body #zoho-form #crmWebToEntityForm input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--mc18-ink);
  -webkit-box-shadow: 0 0 0 1000px var(--mc18-white) inset;
  box-shadow: 0 0 0 1000px var(--mc18-white) inset;
}

html body #zoho-form #crmWebToEntityForm input:focus,
html body #zoho-form #crmWebToEntityForm textarea:focus,
html body #zoho-form #crmWebToEntityForm select:focus {
  background: var(--mc18-white);
  color: var(--mc18-ink);
  border-color: var(--mc18-green);
  box-shadow: 0 0 0 3px rgba(0, 107, 68, 0.18);
  outline: 2px solid transparent;
}

html body #zoho-form #crmWebToEntityForm .formsubmit.zcwf_button {
  background: var(--mc18-green);
  color: var(--mc18-white);
  border: 1px solid var(--mc18-green);
}

html body #zoho-form #crmWebToEntityForm .formsubmit.zcwf_button:hover,
html body #zoho-form #crmWebToEntityForm .formsubmit.zcwf_button:focus-visible {
  background: var(--mc18-green-hover);
  color: var(--mc18-white);
}

html body #zoho-form #crmWebToEntityForm input[type="reset"].zcwf_button {
  background: var(--mc18-white);
  color: var(--mc18-green);
  border: 1px solid var(--mc18-green);
}

html body #zoho-form #crmWebToEntityForm input[type="reset"].zcwf_button:hover,
html body #zoho-form #crmWebToEntityForm input[type="reset"].zcwf_button:focus-visible {
  background: var(--mc18-mint);
  color: var(--mc18-green-hover);
  border-color: var(--mc18-green-hover);
}

html body #zoho-form #crmWebToEntityForm .zcwf_privacy_txt,
html body #zoho-form #crmWebToEntityForm .zcwf_col_help {
  color: var(--mc18-copy);
}

html body #zoho-form #crmWebToEntityForm button:focus-visible,
html body #zoho-form #crmWebToEntityForm input:focus-visible,
html body #zoho-form #crmWebToEntityForm select:focus-visible,
html body #zoho-form #crmWebToEntityForm textarea:focus-visible {
  outline: 3px solid rgba(0, 107, 68, 0.28);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  html body #zoho-form #crmWebToEntityForm.crmWebToEntityForm {
    padding: 24px 18px;
  }

  html body #zoho-form #crmWebToEntityForm .zcwf_title {
    font-size: 24px;
  }
}