/* ==========================================================================
   Shalimar Invest — hover & transition micro-animations (site-wide).
   Pure CSS: applies to existing classes, no markup changes needed.
   ========================================================================== */

/* Card lift on hover: units, info cards (innovations/materials/projects), news */
.unit-card,
.info-card,
.news-card,
.portfolio-style01 {
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  will-change: transform;
}
.unit-card:hover,
.info-card:hover,
.news-card:hover,
.portfolio-style01:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 38px rgba(22, 36, 28, 0.18);
}

/* Subtle background-image zoom on card hover */
.unit-card .unit-card-img,
.news-card .news-card-img,
.info-card .bg-img {
  transition: transform 0.6s ease;
}
.unit-card:hover .unit-card-img,
.news-card:hover .news-card-img,
.info-card:hover .bg-img {
  transform: scale(1.05);
}
/* Keep zoomed image clipped inside rounded cards */
.unit-card,
.info-card,
.news-card {
  overflow: hidden;
}

/* Status badges pop slightly with the card */
.unit-badge {
  transition: transform 0.35s ease;
}
.unit-card:hover .unit-badge {
  transform: scale(1.06);
}

/* Buttons: smooth lift + glow */
.btn-style02 {
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}
.btn-style02:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(201, 150, 47, 0.35);
}

/* Nav links: animated gold underline */
.navbar-nav > li > a {
  position: relative;
}
.navbar-nav > li > a:after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  background: var(--primary-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.navbar-nav > li > a:hover:after,
.navbar-nav > li.current > a:after {
  transform: scaleX(1);
}

/* Footer links slide slightly on hover */
footer a {
  transition: color 0.25s ease, padding-left 0.25s ease;
}
footer ul li a:hover {
  padding-left: 4px;
}

/* Gallery thumbnails (property page) */
.portfolio-gallery [data-src] .bg-img {
  transition: transform 0.5s ease, filter 0.5s ease;
}
.portfolio-gallery [data-src]:hover .bg-img {
  transform: scale(1.04);
  filter: brightness(1.08);
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  .unit-card, .info-card, .news-card, .portfolio-style01,
  .unit-card *, .info-card *, .news-card *, .btn-style02 {
    transition: none !important;
    transform: none !important;
  }
  .wow {
    visibility: visible !important;
    animation: none !important;
  }
}