/* Agent-only CMHC page skin. Canonical CMHC keeps the main Meta treatment. */
body.meta-cmhc-agent-page {
  --cmhc-page-canvas: var(--meta-agent-color-canvas, var(--base-ultra-light, #f6f3f7));
  --cmhc-page-surface: var(--meta-agent-color-surface, #fff);
  --cmhc-page-surface-alt: var(--meta-agent-color-surface-alt, var(--base-light, #eee8f0));
  --cmhc-page-ink: var(--meta-agent-color-ink, var(--base, #1b0e29));
  --cmhc-page-muted: var(--meta-agent-color-muted, var(--base-dark, #5d5364));
  --cmhc-page-line: var(--meta-agent-color-line, color-mix(in srgb, var(--cmhc-page-ink) 22%, transparent));
  --cmhc-page-primary: var(--meta-agent-color-primary, var(--base, #1b0e29));
  --cmhc-page-action: var(--meta-agent-color-action, var(--action, #b69563));
  --cmhc-page-focus: var(--meta-agent-color-focus, var(--action, #b69563));
  --cmhc-page-radius: var(--meta-agent-radius-card, 1.6rem);
  --cmhc-page-shadow: var(--meta-agent-shadow-card, 0 2rem 5rem rgba(18, 10, 24, 0.14));
  --cmhc-page-display: var(--meta-agent-font-display, inherit);
  --cmhc-page-body: var(--meta-agent-font-body, inherit);
  background: var(--cmhc-page-canvas);
  color: var(--cmhc-page-ink);
  font-family: var(--cmhc-page-body);
}

body.meta-cmhc-agent-page #brx-content > .brxe-section:not(:first-child) {
  background-color: var(--cmhc-page-canvas);
  color: var(--cmhc-page-ink);
}

body.meta-cmhc-agent-page #brx-content > .brxe-section:not(:first-child) :where(h1, h2, h3, h4, h5, h6) {
  color: var(--cmhc-page-ink);
  font-family: var(--cmhc-page-display);
}

body.meta-cmhc-agent-page #brx-content > .brxe-section:not(:first-child) :where(p, li, .brxe-text, .brxe-text-basic) {
  color: var(--cmhc-page-muted);
  font-family: var(--cmhc-page-body);
}

body.meta-cmhc-agent-page #brx-content > .why-choose-meta {
  background-image: linear-gradient(
    135deg,
    color-mix(in srgb, var(--cmhc-page-primary) 86%, var(--cmhc-page-canvas)),
    var(--cmhc-page-primary)
  );
}

body.meta-cmhc-agent-page #brx-content > .why-choose-meta :where(h1, h2, h3, h4, h5, h6, p, li, .brxe-text, .brxe-text-basic),
body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq :where(h1, h2, h3, h4, h5, h6, p, li, .brxe-text, .brxe-text-basic),
body.meta-cmhc-agent-page #brx-content > #brxe-gpwuuz :where(h1, h2, h3, h4, h5, h6, p, li, .brxe-text, .brxe-text-basic) {
  color: var(--meta-agent-color-on-primary, #fff);
}

body.meta-cmhc-agent-page #brx-content .icon-puck {
  background: var(--cmhc-page-action);
  border-radius: var(--cmhc-page-radius);
  color: var(--meta-agent-color-on-action, var(--cmhc-page-primary));
}

body.meta-cmhc-agent-page #brx-content .cmhc-img-box,
body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq #brxe-nkekua,
body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq :where(#brxe-gyzbok, #brxe-yhwsbt, #brxe-zuibrb) {
  background-color: var(--cmhc-page-surface);
  border-color: var(--cmhc-page-line);
  border-radius: var(--cmhc-page-radius);
  box-shadow: var(--cmhc-page-shadow);
  color: var(--cmhc-page-ink);
}

body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq,
body.meta-cmhc-agent-page #brx-content > #brxe-gpwuuz {
  isolation: isolate;
  position: relative;
}

body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq::before,
body.meta-cmhc-agent-page #brx-content > #brxe-gpwuuz::before {
  background: color-mix(in srgb, var(--cmhc-page-primary) 76%, transparent);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq > *,
body.meta-cmhc-agent-page #brx-content > #brxe-gpwuuz > * {
  position: relative;
  z-index: 1;
}

body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq #brxe-nkekua :where(h1, h2, h3, h4, h5, h6),
body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq :where(#brxe-gyzbok, #brxe-yhwsbt, #brxe-zuibrb) :where(h1, h2, h3, h4, h5, h6) {
  color: var(--cmhc-page-ink);
}

body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq #brxe-nkekua :where(p, li, .brxe-text, .brxe-text-basic),
body.meta-cmhc-agent-page #brx-content > #brxe-dtubaq :where(#brxe-gyzbok, #brxe-yhwsbt, #brxe-zuibrb) :where(p, li, .brxe-text, .brxe-text-basic) {
  color: var(--cmhc-page-muted);
}

body.meta-cmhc-agent-page #brx-content :where(.bricks-button, button[type="submit"]):not(.meta-cmhc-inventory-controls button) {
  background: var(--cmhc-page-action);
  border-color: var(--cmhc-page-action);
  border-radius: var(--meta-agent-radius-button, calc(var(--cmhc-page-radius) * 0.55));
  color: var(--meta-agent-color-on-action, var(--cmhc-page-primary));
  font-family: var(--cmhc-page-body);
}

body.meta-cmhc-agent-page #brx-content :where(a, button, input, textarea):focus-visible {
  outline-color: var(--cmhc-page-focus);
}

body.meta-cmhc-agent-page #brx-content > #brxe-tlultt,
body.meta-cmhc-agent-page #brx-content > #brxe-tlultt #brxe-xucauw {
  background: var(--cmhc-page-surface-alt);
  color: var(--cmhc-page-ink);
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact {
  scroll-margin-top: clamp(8rem, 12vh, 14rem);
  width: 100%;
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact .meta-lead-form-shell {
  --ml-gold: var(--cmhc-page-action);
  --ml-ink: var(--cmhc-page-ink);
  --ml-muted: var(--cmhc-page-muted);
  --ml-line: var(--cmhc-page-line);
  --ml-surface: var(--cmhc-page-surface);
  border-color: var(--cmhc-page-line);
  border-radius: var(--cmhc-page-radius);
  box-shadow: var(--cmhc-page-shadow);
  font-family: var(--cmhc-page-body);
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact .meta-lead-form__title {
  color: var(--cmhc-page-ink);
  font-family: var(--cmhc-page-display);
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact :where(.meta-lead-form__dek, .meta-lead-form__optional, .meta-lead-form__progress) {
  color: var(--cmhc-page-muted);
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact :where(.meta-lead-form__field label, .meta-lead-form__choice legend, .meta-lead-form__choice label, .meta-lead-form__check) {
  color: var(--cmhc-page-ink);
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact :where(.meta-lead-form__field input, .meta-lead-form__field textarea) {
  background: var(--cmhc-page-canvas);
  border-color: var(--cmhc-page-line);
  border-radius: var(--meta-agent-radius-control, calc(var(--cmhc-page-radius) * 0.55));
  color: var(--cmhc-page-ink);
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact :where(.meta-lead-form__choice input, .meta-lead-form__check input) {
  accent-color: var(--cmhc-page-action);
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact .meta-lead-form__check a {
  color: var(--cmhc-page-primary);
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact .meta-lead-form__submit {
  background: var(--cmhc-page-action);
  border-color: var(--cmhc-page-action);
  border-radius: var(--meta-agent-radius-button, calc(var(--cmhc-page-radius) * 0.55));
  color: var(--meta-agent-color-on-action, var(--cmhc-page-primary));
}

body.meta-cmhc-agent-page .meta-cmhc-agent-contact__unavailable {
  background: var(--cmhc-page-surface);
  border: 0.1rem solid var(--cmhc-page-line);
  border-radius: var(--cmhc-page-radius);
  color: var(--cmhc-page-ink);
  margin: 0;
  padding: 2rem;
}

@media (max-width: 767px) {
  body.meta-cmhc-agent-page #brx-content .cmhc-img-box {
    border-radius: min(var(--cmhc-page-radius), 1.8rem);
    overflow: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.meta-cmhc-agent-page .meta-cmhc-agent-contact {
    scroll-behavior: auto;
  }
}