/* components/cp-hero-rtl.css — RTL overrides for .rp-cp-hero (AR-only). */

/* City image moves to the LEFT in RTL. */
.rp-cp-hero .rp-cp-hero__media {
  right: auto !important;
  left: 0 !important;
}
/* Navy fade now on the image's right (inner) edge. */
.rp-cp-hero .rp-cp-hero__media::before {
  background: linear-gradient(270deg, #021143 0%, rgba(2, 17, 67, 0) 28%);
}
/* Flag chip to the top-left. */
.rp-cp-hero img.rp-cp-hero__flag {
  right: auto !important;
  left: 24px !important;
}

@media (max-width: 991px) {
  .rp-cp-hero .rp-cp-hero__media {
    left: auto !important;
    right: auto !important;
  }
}