/* Enhanced Card Hover Effects */

/* Base card hover effects - with higher specificity */
section#support-services .card,
.service-landing-page__services .card,
.card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(0);
}

section#support-services .card:hover,
.service-landing-page__services .card:hover,
.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

/* Enhanced overlay animations - with higher specificity */
section#support-services .card .card-overlay,
.service-landing-page__services .card .card-overlay,
.card .card-overlay {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.9;
  background: #700B51 !important; /* Ensure background color is applied */
}

section#support-services .card:hover .card-overlay,
.service-landing-page__services .card:hover .card-overlay,
.card:hover .card-overlay {
  opacity: 1;
  background: #700B51 !important; /* Ensure background color stays on hover */
}

/* Image zoom effect on hover */
.card img {
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover img {
  transform: scale(1.05);
}

/* Enhanced slide animations */
.card-overlay.left {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-overlay.right {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-overlay.top {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Smooth border animations */
.landing-page-call-to-action li {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-color: #000;
}

.landing-page-call-to-action li:hover {
  border-color: #700B51;
  transform: scale(1.02);
}

/* Additional hover effects for cards */
.card:hover .card-body {
  background-color: rgba(255, 255, 255, 0.95);
}

/* Pulse effect on hover */
@keyframes cardPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.02); }
  100% { transform: scale(1); }
}

.card:hover {
  animation: cardPulse 0.6s ease-in-out;
}

/* Enhanced shadow on hover */
.card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.card:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}

/* Smooth color transitions */
.card-overlay a {
  transition: color 0.3s ease;
}

.card-overlay a:hover {
  color: #ffd700;
  text-decoration: underline;
}

/* Override the pink background with your theme's green */
.service-landing-page__service.field__item.lgd-row__one-third:hover {
  background: #18723c !important; /* Your theme's green instead of pink */
  border-bottom: solid 3px #f1f3f5;
}

/* Remove white backgrounds from card content on hover */
.service-landing-page__service.field__item.lgd-row__one-third:hover .card-body,
.service-landing-page__service.field__item.lgd-row__one-third:hover .card-info,
.service-landing-page__service.field__item.lgd-row__one-third:hover .card-header,
.service-landing-page__service.field__item.lgd-row__one-third:hover h1,
.service-landing-page__service.field__item.lgd-row__one-third:hover h2,
.service-landing-page__service.field__item.lgd-row__one-third:hover h3,
.service-landing-page__service.field__item.lgd-row__one-third:hover h4,
.service-landing-page__service.field__item.lgd-row__one-third:hover h5,
.service-landing-page__service.field__item.lgd-row__one-third:hover h6,
.service-landing-page__service.field__item.lgd-row__one-third:hover p,
.service-landing-page__service.field__item.lgd-row__one-third:hover span,
.service-landing-page__service.field__item.lgd-row__one-third:hover div {
  background: transparent !important;
  background-color: transparent !important;
}

/* Ensure text is visible on green background */
.service-landing-page__service.field__item.lgd-row__one-third:hover h1,
.service-landing-page__service.field__item.lgd-row__one-third:hover h2,
.service-landing-page__service.field__item.lgd-row__one-third:hover h3,
.service-landing-page__service.field__item.lgd-row__one-third:hover h4,
.service-landing-page__service.field__item.lgd-row__one-third:hover h5,
.service-landing-page__service.field__item.lgd-row__one-third:hover h6,
.service-landing-page__service.field__item.lgd-row__one-third:hover p,
.service-landing-page__service.field__item.lgd-row__one-third:hover span,
.service-landing-page__service.field__item.lgd-row__one-third:hover div,
.service-landing-page__service.field__item.lgd-row__one-third:hover a {
  color: #ffffff !important; /* White text on green background */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); /* Add shadow for readability */
}

/* Section page spacing */
section.page {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Ensure all text in card overlays is visible - with maximum specificity */
.card .card-overlay h1,
.card .card-overlay h2,
.card .card-overlay h3,
.card .card-overlay h4,
.card .card-overlay h5,
.card .card-overlay h6,
.card .card-overlay p,
.card .card-overlay span,
.card .card-overlay div,
.card .card-overlay li {
  color: #ffffff !important; /* White text */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important; /* Add shadow for better readability */
}

/* Make headings stand out more */
.card-overlay h1,
.card-overlay h2,
.card-overlay h3,
.card-overlay h4,
.card-overlay h5,
.card-overlay h6 {
  font-weight: 700 !important;
  margin-bottom: 0.5rem;
}

/* Ensure body text is readable */
.card-overlay p {
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

/* Make links more visible */
.card-overlay a {
  color: #ffd700 !important; /* Gold color for links */
  text-decoration: underline;
  font-weight: 600;
}

.card-overlay a:hover {
  color: #ffffff !important;
  text-decoration: none;
}