/* Public-page parity with MakaUG. Keep the established homepage and map canvas untouched. */
body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-brokers, #page-marketplace, #page-ai-chatbot, #page-about, #page-list-property, #page-detail, #page-advice) {
  background: #fff !important;
  color: var(--nd-ink);
  --fd-ink: #152536;
  --fd-paper: #f5f8fa;
  --fd-line: #dce5ec;
  --fd-red: #1776a8;
  --fd-red-dark: #0f5f8d;
  --fd-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fd-display: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* The old .serif rule also forced weight 400: changing only the family was insufficient. */
body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-brokers, #page-marketplace, #page-ai-chatbot, #page-about, #page-list-property, #page-detail, #page-advice) :is(h1, h2, h3, h4, .serif) {
  font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  letter-spacing: -.035em;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-brokers, #page-ai-chatbot) > :first-child {
  background: linear-gradient(110deg, #eef6fa, #fff) !important;
  color: #12324a !important;
  border-bottom: 1px solid #dce5ec !important;
  padding-block: 32px !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-brokers, #page-ai-chatbot) > :first-child h1 {
  color: #12324a !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.2;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-brokers, #page-ai-chatbot) > :first-child p {
  color: #526879 !important;
  line-height: 1.65;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .section-search-shell {
  top: 74px;
  background: #fff !important;
  border-bottom: 1px solid #dce5ec !important;
  box-shadow: 0 7px 20px rgba(18, 50, 74, .04);
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .section-search-shell :is(input, select, button, .section-search-location, .canonical-location-nearby) {
  border-color: #dce5ec !important;
  border-radius: 10px !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) :is(.section-search-submit, .ask-ai-search-submit) {
  background: #1776a8 !important;
  border-color: #1776a8 !important;
  color: #fff !important;
  font-weight: 700;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .ask-ai-search-title {
  font-size: 22px;
  font-weight: 700 !important;
}

/* Restore light, readable assistance and empty states instead of black-on-black panels. */
body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-ai-chatbot, #page-marketplace, #page-list-property, #page-detail) :is(.bg-green-50, .bg-green-100) {
  background: #eef6fa !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-ai-chatbot, #page-marketplace, #page-list-property, #page-detail) [class*="text-green-"] {
  color: #12324a !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .map-assist-card {
  background: #eef6fa !important;
  border: 1px solid #d5e5ee !important;
  border-radius: 14px !important;
  padding: 18px;
  color: #12324a !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .map-assist-card > :first-child {
  color: #12324a !important;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 800;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .map-assist-card > p {
  color: #526879 !important;
  font-size: 13px;
  line-height: 1.6;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .map-assist-card :is(input, select, textarea) {
  background: #fff !important;
  border: 1px solid #d5e1e9 !important;
  border-radius: 9px !important;
  color: #152536 !important;
  font-size: 13px;
  min-height: 42px;
  width: 100%;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .map-assist-card button {
  background: #1776a8 !important;
  border: 1px solid #1776a8 !important;
  border-radius: 9px !important;
  color: #fff !important;
  min-height: 44px;
  font-size: 13px;
  font-weight: 700;
}

body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .property-card {
  border: 1px solid #dce5ec !important;
  border-radius: 14px !important;
  overflow: hidden;
  background: #fff !important;
  box-shadow: 0 7px 20px rgba(18, 50, 74, .05) !important;
}

/* AI: retain the actual live input, restore contrast to the existing icon system. */
body[data-country-code="CD"][data-tenant="neondaku"] #page-ai-chatbot [class*="bg-white"] {
  border-color: #dce5ec !important;
  border-radius: 16px !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-ai-chatbot .bg-green-100 {
  background: #e7f3fa !important;
  color: #1776a8 !important;
  border-radius: 12px !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-ai-chatbot :is(.bg-green-100 i, .text-green-600) {
  color: #1776a8 !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-ai-chatbot .chatbot-phone-head {
  background: #12324a !important;
  color: #fff !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-ai-chatbot .chatbot-phone-head [class*="text-green-"] {
  color: #c6ebd6 !important;
}

/* About follows MakaUG's current light hero and product-card layout, in DRC colours. */
body[data-country-code="CD"][data-tenant="neondaku"] #lp-page-hero {
  background: linear-gradient(110deg, #eef6fa, #fff) !important;
  color: #12324a !important;
  border-bottom: 1px solid #dce5ec;
}
body[data-country-code="CD"][data-tenant="neondaku"] #lp-page-hero :is(h1, p) { color: #12324a !important; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-list-property :is(#lp-step1-title, #lp-step2-title, #lp-step3-title, #lp-step4-title) { font-size: 28px !important; }

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-hero-panel {
  background: linear-gradient(135deg, #eef6fa 0%, #fff 72%) !important;
  border-bottom: 1px solid #dce5ec;
  color: #152536 !important;
  padding-block: 48px;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-hero-panel :is(h1, p) {
  color: #152536 !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-hero-panel h1 {
  font-size: clamp(34px, 4.2vw, 56px) !important;
  font-weight: 900 !important;
  line-height: 1.15;
  max-width: 1024px;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-hero-panel > div > p:first-child,
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-eyebrow {
  color: #1776a8 !important;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.about-card, .about-stat-card, .about-source-card) {
  border-color: #dce5ec !important;
  border-radius: 14px !important;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-stat-card {
  background: #fff !important;
  border: 1px solid #dce5ec;
  padding: 18px;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-stat-card > div {
  color: #1776a8 !important;
  font-size: 30px;
  font-weight: 900;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-stat-card p {
  color: #526879;
  font-size: 13px;
  font-weight: 700;
  margin-top: 3px;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.about-solid-green-cta, .about-hero-cta-primary, .about-final-cta-primary, .about-product-action) {
  background: #1776a8 !important;
  border: 1px solid #1776a8 !important;
  color: #fff !important;
  border-radius: 11px !important;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  font-weight: 700;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.about-outline-cta, .about-hero-cta-secondary, .about-final-cta-secondary) {
  background: #fff !important;
  border: 1px solid #c4d8e4 !important;
  border-radius: 11px !important;
  color: #1776a8 !important;
  min-height: 44px;
  padding: 10px 16px;
  font-weight: 700;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-products-section {
  border-top: 1px solid #dce5ec;
  padding: 48px 0;
  scroll-margin-top: 96px;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-section-title {
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800 !important;
  line-height: 1.2;
  color: #152536;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-section-sub {
  color: #526879;
  font-size: 16px;
  margin-top: 8px;
  line-height: 1.6;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-grid-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.about-product-card, .about-journey-card) {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #dce5ec;
  border-radius: 16px !important;
  overflow: hidden;
  min-height: 100%;
  box-shadow: 0 10px 25px rgba(18, 50, 74, .06);
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-card { padding: 22px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-image { display: block; aspect-ratio: 16 / 8; margin: -22px -22px 0; overflow: hidden; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-journey-image { display: block; width: 100%; min-width: 0; aspect-ratio: 16 / 8.5; overflow: hidden; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.about-product-image, .about-journey-image) img { display: block; width: 100%; height: 100%; object-fit: cover; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-journey-body { display: block; padding: 15px 16px 17px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-journey-body strong { display: block; font-size: 16px; font-weight: 800; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-journey-body > span { display: block; color: #526879; font-size: 14px; margin-top: 5px; line-height: 1.55; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-card h3 { font-size: 19px; font-weight: 800 !important; line-height: 1.3; margin-top: 16px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-card > p { color: #526879; font-size: 14px; line-height: 1.55; margin-top: 7px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-card ul { color: #526879; font-size: 13px; line-height: 1.55; list-style: none; margin: 16px 0 20px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-card li { margin-top: 6px; padding-inline-start: 18px; position: relative; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-card li::before { color: #1776a8; content: "✓"; font-weight: 900; inset-inline-start: 0; position: absolute; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-price { color: #1776a8; display: block; font-size: 15px; font-weight: 800; line-height: 1.45; margin-top: 14px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-product-action { margin-top: auto; font-size: 14px; text-align: center; }

body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-mission {
  background: #f5f8fa;
  border: 1px solid #dce5ec;
  padding: 28px;
  margin-bottom: 32px;
}

body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.neondaku-about-mission p, .neondaku-about-safety p) { color: #526879; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-pricing-note { background: #eef6fa; border: 1px solid #d5e5ee; border-radius: 14px; color: #526879; padding: 18px; font-size: 14px; line-height: 1.6; margin-bottom: 32px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-pricing-source { display: inline-block; margin-top: 8px; color: #0f5f8d; text-decoration: underline; text-underline-offset: 3px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates { margin-top: 18px; border: 1px solid #dce5ec; border-radius: 14px; padding: 20px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates summary { color: #12324a; font-weight: 800; cursor: pointer; min-height: 24px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates-scroll { width: 100%; overflow-x: auto; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates table { width: 100%; border-collapse: collapse; margin-top: 20px; font-size: 14px; text-align: start; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates :is(th, td) { padding: 12px; border-bottom: 1px solid #dce5ec; text-align: start; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates th { font-weight: 600; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates thead { background: #eef6fa; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates td { white-space: nowrap; font-weight: 700; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-rates > p { color: #526879; font-size: 13px; line-height: 1.6; margin-top: 14px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-advertising { background: #f5f8fa; border: 1px solid #dce5ec; display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 26px; padding: 24px; align-items: center; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-advertising .about-journey-image { border-radius: 12px; height: 100%; min-height: 240px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-process { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-process article { display: flex; align-items: flex-start; gap: 14px; padding: 22px; background: #f5f8fa; border: 1px solid #dce5ec; border-radius: 14px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-process article > span { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; background: #1776a8; color: #fff; font-size: 13px; font-weight: 800; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-process h3 { font-size: 16px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-process p { color: #526879; font-size: 14px; line-height: 1.65; margin-top: 6px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-safety { background: #f5f8fa; border: 1px solid #dce5ec; padding: 24px; }
body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-final { padding: 48px 0 16px; }

@media (max-width: 1023px) {
  body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land) .section-search-shell { position: relative; top: auto; }
  body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.about-product-grid, .about-product-grid-four) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 639px) {
  body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-brokers, #page-ai-chatbot) > :first-child { padding-block: 24px !important; }
  body[data-country-code="CD"][data-tenant="neondaku"] :is(#page-sale, #page-rent, #page-students, #page-commercial, #page-land, #page-brokers, #page-ai-chatbot) > :first-child h1 { font-size: 27px !important; }
  body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-hero-panel { padding-block: 32px; }
  body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.about-product-grid, .about-product-grid-four) { grid-template-columns: 1fr; }
  body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-products-section { padding-block: 32px; }
  body[data-country-code="CD"][data-tenant="neondaku"] #page-about :is(.neondaku-about-process, .neondaku-about-advertising) { grid-template-columns: 1fr; }
  body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-advertising .about-journey-image { height: auto; min-height: 0; }
  body[data-country-code="CD"][data-tenant="neondaku"] #page-about .neondaku-about-mission { padding: 20px; }
  body[data-country-code="CD"][data-tenant="neondaku"] #page-about .about-hero-panel .about-cta { width: 100%; }
}