/* ==========================================================================
   Image hover effects (added on request) – subtle zoom / lift, no colour changes
   ========================================================================== */

/* ---- Blog cards (home slider + blog listing) ---- */
.blog-card .card {
  transition: transform .35s ease, box-shadow .35s ease;
}
.blog-card .card-body > img {
  transition: transform .5s ease, box-shadow .5s ease;
  will-change: transform;
}
.blog-card a:hover .card {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(15, 61, 46, .14) !important;
}
.blog-card a:hover .card-body > img {
  transform: scale(1.04);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

/* ---- Blog detail banner ---- */
.card-main-img img {
  transition: transform .6s ease;
}
.card-main-img:hover img {
  transform: scale(1.04);
}

/* ---- Sidebar "Latest / Popular posts" thumbnails ---- */
.recent-card img {
  transition: transform .35s ease;
}
.recent-card:hover img {
  transform: scale(1.06);
}

/* ---- Product images ---- */
.product-right img {
  transition: transform .5s ease;
  will-change: transform;
}
.product-single:hover .product-right img {
  transform: scale(1.05);
}

/* ---- Hero / Wealth-toolbox / About images ---- */
.hero-image img,
.offer-image img {
  transition: transform .6s ease;
}
.hero-image:hover img,
.offer-image:hover img {
  transform: scale(1.03);
}
.about-img img {
  transition: transform .6s ease;
}
.about-img:hover img {
  transform: scale(1.05);
}

/* ---- Team members ---- */
.team-member-img img {
  transition: transform .5s ease;
}
.team-member-card:hover .team-member-img img {
  transform: scale(1.08);
}

/* ---- Testimonial avatars ---- */
.testimonial-card .avatar {
  transition: transform .4s ease, box-shadow .4s ease;
}
.testimonial-card:hover .avatar {
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
}

/* ---- Header / footer logo ---- */
.header .logo img,
.footer .logo img {
  transition: transform .3s ease;
}
.header .logo:hover img,
.footer .logo:hover img {
  transform: scale(1.05);
}

/* Respect reduced-motion preference */
@media (prefers-reduced-motion: reduce) {
  .blog-card .card, .blog-card .card-body > img, .card-main-img img, .recent-card img,
  .product-right img, .hero-image img, .offer-image img, .about-img img,
  .team-member-img img, .testimonial-card .avatar, .header .logo img, .footer .logo img {
    transition: none;
  }
}