/* Header mega-menu hover-image swap support.
   Extends the existing .dropdown.md rules (in home.css/custom.css) to cover
   the news-update / media-gallery keys, and adds the same hover-swap
   behavior for .dropdown.sm (Resources menu). */

.dropdown.md .dropdown__content:has(.dropdown__content--list[data-hover-img=news-update]:hover) .headerNewsImg img[data-hover-img=news-update],
.dropdown.md .dropdown__content:has(.dropdown__content--list[data-hover-img=media-gallery]:hover) .headerNewsImg img[data-hover-img=media-gallery] {
  opacity: 1;
}

.dropdown.sm .dropdown__content .headernewsWrapper .headerNewsImgContWrap .headerNewsImg {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.dropdown.sm .dropdown__content .headernewsWrapper .headerNewsImgContWrap .headerNewsImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0;
  transition: opacity .45s ease;
}

.dropdown.sm .dropdown__content .headernewsWrapper .headerNewsImgContWrap .headerNewsImg img:not(:first-child) {
  position: absolute;
  inset: 0;
}

.dropdown.sm .dropdown__content .headernewsWrapper .headerNewsImgContWrap .headerNewsImg img.is-active {
  opacity: 1;
}

.dropdown.sm .dropdown__content:has(.dropdown__content--list[data-hover-img]:hover) .headerNewsImg img.is-active {
  opacity: 0;
}

.dropdown.sm .dropdown__content:has(.dropdown__content--list[data-hover-img=news-update]:hover) .headerNewsImg img[data-hover-img=news-update],
.dropdown.sm .dropdown__content:has(.dropdown__content--list[data-hover-img=media-gallery]:hover) .headerNewsImg img[data-hover-img=media-gallery] {
  opacity: 1;
}