/*
 * RoboMecs P4B.3I — Engineering in Action overlay neutralization
 * Version V6.4.26
 * Scope: ONLY .rm-engineering-action (EN + AR).
 * Frozen: gallery/carousel, contextual CTA, footer, global page background/grid.
 */

/* Remove the light surface wash only from Engineering in Action so the
   underlying page background/grid remains visible and unchanged. */
.rm-engineering-action.surface-white-pro {
  background-color: transparent !important;
  background-image: none !important;
  opacity: 1 !important;
}

/* Neutralize surface overlays that can wash out the heading area. */
.rm-engineering-action.surface-white-pro::before,
.rm-engineering-action.surface-white-pro::after,
.rm-engineering-action.surface-white-pro > .container::before,
.rm-engineering-action.surface-white-pro > .container::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
  pointer-events: none !important;
}

/* Restore solid, site-standard Engineering in Action typography. */
.rm-engineering-action .rm-engineering-action-head {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.rm-engineering-action .rm-engineering-action-head h2 {
  color: #000061 !important;
  -webkit-text-fill-color: #000061 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

.rm-engineering-action .rm-engineering-action-head .eyebrow {
  color: #c10a0a !important;
  -webkit-text-fill-color: #c10a0a !important;
  background: none !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

.rm-engineering-action .rm-engineering-action-head .eyebrow::before {
  background: #c10a0a !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
}

.rm-engineering-action .rm-engineering-action-head p {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  background: none !important;
  background-image: none !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: none !important;
}

/* Arabic uses the same solid colors; typography geometry remains owned by
   the already-approved site-wide typography layer. */
html[dir="rtl"] .rm-engineering-action .rm-engineering-action-head h2 {
  color: #000061 !important;
  -webkit-text-fill-color: #000061 !important;
}
html[dir="rtl"] .rm-engineering-action .rm-engineering-action-head .eyebrow {
  color: #c10a0a !important;
  -webkit-text-fill-color: #c10a0a !important;
}
html[dir="rtl"] .rm-engineering-action .rm-engineering-action-head p {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}