/**
 * Contact page — dark page heading band, light content area, dark Fluent Form card.
 * Scoped to .nera-contact-page; header and footer are unaffected.
 */

/* ── Section backgrounds ────────────────────────────────────────────────── */

.nera-contact-page {
  /* White background for the content zone below the gold heading band */
  background: #ffffff;

  /* Light-theme tokens that apply to the white content zone below */
  --color-surface:          #e8e3dc;
  --color-gray-50:          #ffffff;
  --color-gray-100:         rgba(0, 0, 0, 0.05);
  --color-gray-200:         #e5e2dd;
  --color-gray-300:         #cec9c2;
  --color-gray-400:         #a09c96;
  --color-text-primary:     #1a1814;
  --color-text-secondary:   #6b6760;
  --shadow-md:              0 8px 24px rgba(0, 0, 0, 0.10);
  --shadow-card:            0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Heading zone: gold gradient hero, full-bleed (overrides Tailwind max-w-4xl + mx-auto) */
.nera-contact-page > div:first-child {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding: 64px 2rem 48px;
  background: linear-gradient(to bottom right, var(--color-primary), var(--color-primary), var(--color-primary-dark));
  --color-text-primary:   #ffffff;
  --color-text-secondary: rgba(255, 255, 255, 0.8);
}

.nera-contact-page > div:first-child h1 { color: #ffffff; }
.nera-contact-page > div:first-child p  { color: rgba(255, 255, 255, 0.85); }

/* ── Contact form card (Fluent Form panel) — dark panel, high contrast ─── */

.nera-contact-page div.bg-surface.rounded-2xl.shadow-md {
  background-color: #161513 !important;
  background-image: linear-gradient(165deg, #1f1e1a 0%, #121110 55%, #0e0d0c 100%) !important;
  border: 1px solid rgba(212, 164, 55, 0.14);
  box-shadow:
    0 4px 0 rgba(212, 164, 55, 0.06),
    0 24px 48px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.nera-contact-page div.bg-surface.rounded-2xl.shadow-md h2 {
  color: #f7f4ed !important;
}

.nera-contact-page div.bg-surface.rounded-2xl.shadow-md > p {
  color: #c4c0b8 !important;
}

/* Fluent Form title + labels on dark */
.nera-contact-page div.bg-surface.rounded-2xl .ff-el-form-title,
.nera-contact-page div.bg-surface.rounded-2xl .ff-el-input--label label,
.nera-contact-page div.bg-surface.rounded-2xl .ff-el-input--label,
.nera-contact-page div.bg-surface.rounded-2xl .ff-el-is-error .ff-el-input--label label {
  color: #ebe7df !important;
}

.nera-contact-page div.bg-surface.rounded-2xl .ff-el-input--label.ff-el-is-required.asterisk-right label::after,
.nera-contact-page div.bg-surface.rounded-2xl .ff-el-input--label.ff-el-is-required.asterisk-left label::before {
  color: #ff8a7a !important;
}

.nera-contact-page div.bg-surface.rounded-2xl .ff-el-help,
.nera-contact-page div.bg-surface.rounded-2xl .ff-el-section-title,
.nera-contact-page div.bg-surface.rounded-2xl .ff-el-form-description {
  color: #a9a59d !important;
}

/* ── Fluent Form inputs ──────────────────────────────────────────────────── */

.nera-contact-page .ff-el-form-control,
.nera-contact-page .ff-el-input--content input,
.nera-contact-page .ff-el-input--content select,
.nera-contact-page .ff-el-input--content textarea {
  background-color: #2a2824 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.12) !important;
  color: #f4f1ea !important;
}

.nera-contact-page .ff-el-form-control::placeholder,
.nera-contact-page .ff-el-input--content input::placeholder,
.nera-contact-page .ff-el-input--content textarea::placeholder {
  color: #8f8b84 !important;
}

.nera-contact-page .ff-el-form-control:focus,
.nera-contact-page .ff-el-input--content input:focus,
.nera-contact-page .ff-el-input--content textarea:focus {
  border-color: #d4a437 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(212, 164, 55, 0.22) !important;
  background-color: #32302b !important;
}

/* Submit — brand gold */
.nera-contact-page .ff-btn-primary.ff_btn_style:not(.ff_btn_no_style) {
  background: linear-gradient(135deg, #d4a437 0%, #a8821f 100%) !important;
  border-color: transparent !important;
  color: #121110 !important;
  font-weight: 600 !important;
}

.nera-contact-page .ff-btn-primary.ff_btn_style:not(.ff_btn_no_style):hover {
  filter: brightness(1.06);
  color: #121110 !important;
}

.nera-contact-page .frm-fluent-form .text-danger,
.nera-contact-page div.bg-surface.rounded-2xl .text-danger {
  color: #ffb4a9 !important;
}