/* UKGLTD 6.9.18: subtle transparent navy over the existing homepage photography.
   Scoped to the homepage hero only; affects EN, AR and FR consistently.
   The original image, layout, navigation, forms and buttons remain unchanged. */
html body .hero.ukg-marketing-hero .hero-master-panel {
  background: linear-gradient(135deg,
      rgba(7, 33, 74, 0.70) 0%,
      rgba(7, 33, 74, 0.63) 100%) !important;
  -webkit-backdrop-filter: blur(2px) !important;
  backdrop-filter: blur(2px) !important;
  border-color: rgba(230, 240, 255, 0.28) !important;
}

/* Text remains readable on smaller screens even where the photo is brighter. */
@media (max-width: 650px) {
  html body .hero.ukg-marketing-hero .hero-master-panel {
    background: linear-gradient(160deg,
        rgba(7, 33, 74, 0.74) 0%,
        rgba(7, 33, 74, 0.68) 100%) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    backdrop-filter: blur(2px) !important;
  }
}

/* Preserve robust white text in the hero without changing button colors. */
html body .hero.ukg-marketing-hero .hero-slide h1,
html body .hero.ukg-marketing-hero .hero-slide p,
html body .hero.ukg-marketing-hero .hero-brand-copy,
html body .hero.ukg-marketing-hero .hero-brand-copy strong,
html body .hero.ukg-marketing-hero .hero-brand-copy p {
  color: #ffffff !important;
}