/* PJ INFRA — Contact page only: white + blue + orange + yellow + dark theme */

body.contact-page-light {
  --c-bg: #ffffff;
  --c-bg-soft: #f5f9ff;
  --c-bg-tint: #fff7ed;
  --c-ink: #0f172a;
  --c-ink-soft: #334155;
  --c-ink-muted: #475569;
  --c-blue: #2563eb;
  --c-blue-deep: #1d4ed8;
  --c-blue-soft: #dbeafe;
  --c-orange: #f97316;
  --c-orange-light: #fb923c;
  --c-orange-soft: #ffedd5;
  --c-yellow: #facc15;
  --c-yellow-soft: #fef9c3;
  --c-maroon: #8B1A2B;
  --c-dark: #111827;

  background: var(--c-bg) !important;
  color: var(--c-ink) !important;
}

/* --- Sections: override dark unified theme --- */
body.contact-page-light section,
body.contact-page-light .section-light,
body.contact-page-light .section-muted,
body.contact-page-light .section-alt,
body.contact-page-light .section-brown,
body.contact-page-light .section-navy,
body.contact-page-light .section-dark {
  background: var(--c-bg) !important;
  color: var(--c-ink) !important;
}

body.contact-page-light .page-hero {
  background: linear-gradient(135deg, var(--c-blue-soft) 0%, #ffffff 55%, var(--c-orange-soft) 100%) !important;
  color: var(--c-ink) !important;
  position: relative;
  overflow: hidden;
}

body.contact-page-light .page-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 12% 20%, rgba(37, 99, 235, 0.12), transparent 38%),
    radial-gradient(circle at 88% 70%, rgba(249, 115, 22, 0.16), transparent 40%);
  pointer-events: none;
}

body.contact-page-light .page-hero > * {
  position: relative;
  z-index: 1;
}

/* --- Typography --- */
body.contact-page-light h1,
body.contact-page-light h2,
body.contact-page-light h3,
body.contact-page-light h4,
body.contact-page-light .section-title {
  color: var(--c-dark) !important;
}

body.contact-page-light .section-title,
body.contact-page-light .page-hero h1 {
  position: relative;
}

body.contact-page-light p,
body.contact-page-light .text-slate-600,
body.contact-page-light .text-slate-500,
body.contact-page-light .text-slate-700,
body.contact-page-light .text-slate-800 {
  color: var(--c-ink-soft) !important;
}

body.contact-page-light .text-gold-brand,
body.contact-page-light .gold-text {
  color: var(--c-orange) !important;
}

/* --- Glass cards on contact info side --- */
body.contact-page-light .glass-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06) !important;
  color: var(--c-ink) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.contact-page-light .glass-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 32px rgba(37, 99, 235, 0.14) !important;
  border-color: var(--c-blue) !important;
}

/* Specific tint backgrounds on contact info cards */
body.contact-page-light .glass-card .bg-emerald-50,
body.contact-page-light .glass-card.bg-emerald-50 {
  background: var(--c-blue-soft) !important;
}

body.contact-page-light .glass-card .bg-amber-50,
body.contact-page-light .glass-card.bg-amber-50 {
  background: var(--c-yellow-soft) !important;
}

body.contact-page-light .glass-card .text-emerald-brand,
body.contact-page-light .glass-card .text-gold-brand {
  color: var(--c-blue) !important;
}

body.contact-page-light .glass-card .bg-amber-50 + div + .text-gold-brand,
body.contact-page-light .glass-card .text-gold-brand.fa-location-dot,
body.contact-page-light .fa-location-dot {
  color: var(--c-orange) !important;
}

body.contact-page-light .glass-card .fa-phone {
  color: var(--c-blue) !important;
}

body.contact-page-light .text-emerald-brand {
  color: var(--c-blue) !important;
}

body.contact-page-light .font-bold.text-slate-800,
body.contact-page-light .font-semibold.text-slate-800 {
  color: var(--c-dark) !important;
}

/* WhatsApp card stays green-ish but with orange flavor */
body.contact-page-light a[href*="wa.me"].glass-card {
  background: linear-gradient(135deg, #ecfdf5, #fff) !important;
  border-color: #6ee7b7 !important;
}

/* --- Enquiry form (right column) --- */
body.contact-page-light .form-enquiry-wrap {
  background: #ffffff !important;
  border: 1px solid var(--c-blue-soft) !important;
  box-shadow:
    0 18px 48px rgba(37, 99, 235, 0.10),
    0 0 0 1px rgba(249, 115, 22, 0.12) inset !important;
}

body.contact-page-light .form-enquiry-wrap h2 {
  color: var(--c-dark) !important;
  border-bottom: 2px solid;
  border-image: linear-gradient(90deg, var(--c-blue), var(--c-orange), var(--c-yellow)) 1;
  padding-bottom: 0.5rem;
  display: inline-block;
}

body.contact-page-light .form-input {
  background: #f8fafc !important;
  color: var(--c-ink) !important;
  border: 1.5px solid #e2e8f0 !important;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

body.contact-page-light .form-input:focus {
  outline: none;
  background: #ffffff !important;
  border-color: var(--c-blue) !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12) !important;
}

body.contact-page-light .form-input::placeholder {
  color: #94a3b8 !important;
}

body.contact-page-light select.form-input {
  color: var(--c-ink-soft) !important;
}

/* Buttons: blue primary, orange WhatsApp, yellow accents */
body.contact-page-light .btn-primary,
body.contact-page-light .btn-premium {
  background: linear-gradient(135deg, var(--c-blue), var(--c-blue-deep)) !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.28) !important;
  font-weight: 700;
}

body.contact-page-light .btn-primary:hover,
body.contact-page-light .btn-premium:hover {
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.38) !important;
  transform: translateY(-2px);
}

body.contact-page-light .btn-gold {
  background: linear-gradient(135deg, var(--c-orange), var(--c-yellow)) !important;
  color: var(--c-dark) !important;
  border: none !important;
  box-shadow: 0 8px 22px rgba(249, 115, 22, 0.28) !important;
  font-weight: 700;
}

body.contact-page-light .btn-gold:hover {
  box-shadow: 0 12px 28px rgba(249, 115, 22, 0.4) !important;
  transform: translateY(-2px);
}

/* Form success banner */
body.contact-page-light .form-success {
  background: #ecfdf5 !important;
  color: #065f46 !important;
}

/* --- Our Projects mini list --- */
body.contact-page-light h3.font-bold.text-slate-800 {
  color: var(--c-dark) !important;
}

body.contact-page-light a.text-emerald-brand:hover {
  color: var(--c-orange) !important;
  text-decoration: underline;
}

/* --- Map section --- */
body.contact-page-light .section-muted {
  background: linear-gradient(135deg, var(--c-blue-soft) 0%, #ffffff 50%, var(--c-yellow-soft) 100%) !important;
}

body.contact-page-light .map-placeholder {
  background: #ffffff !important;
  border: 2px dashed var(--c-blue) !important;
  color: var(--c-ink-muted) !important;
}

body.contact-page-light .map-placeholder .text-emerald-brand,
body.contact-page-light .map-placeholder .fa-map-location-dot {
  color: var(--c-blue) !important;
}

body.contact-page-light .map-placeholder .text-slate-700 {
  color: var(--c-dark) !important;
}

/* --- Footer --- */
body.contact-page-light .site-footer {
  background: var(--c-dark) !important;
  color: #cbd5e1 !important;
  border-top: 3px solid var(--c-orange);
}

body.contact-page-light .site-footer h4,
body.contact-page-light .site-footer .text-emerald-brand,
body.contact-page-light .site-footer .text-xl {
  color: var(--c-orange) !important;
}

body.contact-page-light .site-footer a {
  color: #cbd5e1 !important;
  transition: color 0.2s;
}

body.contact-page-light .site-footer a:hover {
  color: var(--c-yellow) !important;
}

body.contact-page-light .site-footer .from-emerald-brand,
body.contact-page-light .site-footer .to-emerald-dark {
  background: linear-gradient(135deg, var(--c-blue), var(--c-orange)) !important;
}

body.contact-page-light .site-footer .text-slate-500,
body.contact-page-light .site-footer .text-slate-600 {
  color: #94a3b8 !important;
}

/* WhatsApp floating button — orange-yellow accent on contact page */
body.contact-page-light .whatsapp-float {
  background: linear-gradient(135deg, #25d366, #128c7e) !important;
  box-shadow: 0 8px 28px rgba(37, 211, 102, 0.4) !important;
}

/* "Get in Touch" eyebrow label */
body.contact-page-light .page-hero .text-gold-brand {
  color: var(--c-orange) !important;
  font-weight: 700;
}

/* Add a luxury underline below page hero title */
body.contact-page-light .page-hero h1::after {
  content: '';
  display: block;
  margin: 1rem auto 0;
  width: 90px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--c-blue), var(--c-orange), var(--c-yellow));
}

/* "Reach Us" heading underline */
body.contact-page-light .reveal-left h2.section-title::after,
body.contact-page-light .reveal-right h2.section-title::after {
  content: '';
  display: block;
  margin-top: 0.5rem;
  width: 60px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--c-orange), var(--c-yellow));
}

/* Override site-unified section dark colors for contact body */
body.contact-page-light .section-light h1,
body.contact-page-light .section-light h2,
body.contact-page-light .section-light h3,
body.contact-page-light .section-light .section-title,
body.contact-page-light .section-muted h2,
body.contact-page-light .section-alt h2,
body.contact-page-light .section-dark h2 {
  color: var(--c-dark) !important;
}

body.contact-page-light .section-light p,
body.contact-page-light .section-light .text-slate-600,
body.contact-page-light .section-light .text-slate-500,
body.contact-page-light .section-muted p,
body.contact-page-light .section-alt p {
  color: var(--c-ink-soft) !important;
}