/* Shared Foxiz hover states: homepage, archive, navigation and footer. */
:root {
  --site-hover-ease: cubic-bezier(.32, .74, .57, 1);
}

/* The published theme's hovering-fade treatment is card-wide. */
.hero-card .card-image > img,
.compact-card .thumb > img,
.home-main .story-card .card-image > img,
.section-lead .card-image > img,
.home-large-card .card-image > img,
.home-overlay-card .card-image > img {
  transition: opacity .2s var(--site-hover-ease), transform .4s var(--site-hover-ease);
}

.hero-card:hover .card-image > img,
.compact-card:hover .thumb > img,
.home-main .story-card:hover .card-image > img,
.section-lead:hover .card-image > img,
.home-large-card:hover .card-image > img,
.home-overlay-card:hover .card-image > img {
  opacity: .7;
  transform: none;
}

/* Archive widgets are configured as hovering-scale, not hovering-fade. */
.ad-archive-image > img,
.ad-category-hero-image > img {
  transition: transform .4s var(--site-hover-ease);
}

.ad-archive-card:hover .ad-archive-image > img,
.ad-category-hero:hover .ad-category-hero-image > img {
  transform: scale(1.05);
}

/* Elementor 2692 is a hovering-scale widget; its whole card triggers 1.05. */
.ad-article-related .story-card .card-image > img {
  transition: transform .4s var(--site-hover-ease);
}

.ad-article-related .story-card:hover .card-image > img {
  opacity: 1;
  transform: scale(1.05);
}

/* hover-ani-6: a 1px underline grows from the lower left in 200ms. */
.hero-card h1 > a,
.compact-card h2 > a,
.home-main .story-card h2 > a,
.section-lead h2 > a,
.home-large-card h2 > a,
.home-overlay-card h2 > a,
.trend-card h2 > a,
.mega-card h3 > a,
.ad-archive-card h2 > a,
.ad-category-hero-copy h2 > a {
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 1px;
  transition: background-size .2s var(--site-hover-ease);
}

.hero-card h1 > a:hover,
.compact-card h2 > a:hover,
.home-main .story-card h2 > a:hover,
.section-lead h2 > a:hover,
.home-large-card h2 > a:hover,
.home-overlay-card h2 > a:hover,
.trend-card h2 > a:hover,
.mega-card h3 > a:hover,
.ad-archive-card h2 > a:hover,
.ad-category-hero-copy h2 > a:hover {
  color: inherit;
  background-image: linear-gradient(currentColor, currentColor);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 1px;
}

/* ecat-text categories fade while retaining their source colour. */
.card-category,
.ad-archive-category {
  transition: opacity .2s var(--site-hover-ease);
}

.card-category:hover,
.ad-archive-category:hover {
  opacity: .7;
}

.site-logo,
.footer-logo {
  transition: opacity .2s var(--site-hover-ease);
}

.site-logo:hover,
.footer-logo:hover {
  color: inherit;
  opacity: .7;
}

.footer-socials a {
  transition: transform .2s var(--site-hover-ease);
}

.footer-socials a:hover {
  color: inherit;
  transform: scale(1.2);
}

/* The header country quick links use the original Foxiz highlight. */
.country-nav a,
.mega-heading a {
  transition: color .2s var(--site-hover-ease);
}

.country-nav a:hover,
.mega-heading a:hover {
  color: var(--brand-accent-color);
}

@media (prefers-reduced-motion: reduce) {
  .hero-card .card-image > img,
  .compact-card .thumb > img,
  .home-main .story-card .card-image > img,
  .section-lead .card-image > img,
  .home-large-card .card-image > img,
  .home-overlay-card .card-image > img,
  .ad-archive-image > img,
  .ad-category-hero-image > img,
  .ad-article-related .story-card .card-image > img,
  .hero-card h1 > a,
  .compact-card h2 > a,
  .home-main .story-card h2 > a,
  .section-lead h2 > a,
  .home-large-card h2 > a,
  .home-overlay-card h2 > a,
  .trend-card h2 > a,
  .mega-card h3 > a,
  .ad-archive-card h2 > a,
  .ad-category-hero-copy h2 > a,
  .card-category,
  .ad-archive-category,
  .site-logo,
  .footer-logo,
  .footer-socials a,
  .country-nav a,
  .mega-heading a {
    transition: none;
  }
}

/* Keep navigation text unchanged; footer text links use the theme fade. */
.header-nav .primary-nav>ul>li>a:hover{color:inherit}
.site-footer nav a{transition:opacity .2s var(--site-hover-ease)}
.site-footer nav a:hover{color:inherit;opacity:.7}
.home-main .home-overlay-card .card-category,:root[data-theme=dark] .home-main .card-category,:root[data-theme=dark] .ad-archive-category{color:#fff}
@media(prefers-reduced-motion:reduce){.site-footer nav a{transition:none}}