/* themes/custom/egrbs5/components/egr_link_card/egr_link_card.css */

.egr-link-card-wrapper {
  padding-top: 90px;
  padding-bottom: 90px;
}

.egr-link-card-component {
  margin: 1rem 0;
}

.egr-link-card-component .row {
  margin-bottom: 1rem;
}

.egr-link-card-component .link {
  display: block;
  text-decoration: none;
  color: inherit;
  padding: 1rem;
  border: none;
  border-radius: 4px;
  transition: all 0.3s ease;
  height: 100%;
}

.egr-link-card-component .link:hover {
  background-color: #f8f9fa;
  border: none;
  text-decoration: none;
}

/* Stronger hover selectors for text color */
.egr-link-card-component .link:hover p,
.egr-link-card-component .link:hover p.arrow,
.egr-link-card-component .link:hover p.bold,
.paragraph--type--egr-link-card .link:hover p,
.paragraph--type--egr-link-card a.link:hover p {
  color: #008208 !important;
}

/* Higher specificity selectors for link text styling */
.egr-link-card-component .link p,
.egr-link-card-component .link p.arrow,
.egr-link-card-component .link p.bold,
.paragraph--type--egr-link-card .link p {
  margin: 0 !important;
  font-size: 1.875rem !important;
  font-weight: 600 !important;
  line-height: 1.33 !important;
  letter-spacing: normal !important;
  color: #151a22 !important;
  display: inline !important;
  position: relative !important;
  transition: color 0.3s ease !important;
}

/* Arrow styles - multiple selectors to ensure it works */
.egr-link-card-component .arrow::after,
.egr-link-card-component .link p::after,
.paragraph--type--egr-link-card .arrow::after,
.paragraph--type--egr-link-card .link p::after {
  content: " →";
  margin-left: 0.5rem;
  font-size: 1.875rem;
  font-weight: 600;
  display: inline-block;
  transition: transform 0.3s ease, margin-left 0.3s ease, color 0.3s ease;
}

/* Arrow hover animation and color */
.egr-link-card-component .link:hover .arrow::after,
.egr-link-card-component .link:hover p::after,
.paragraph--type--egr-link-card .link:hover .arrow::after,
.paragraph--type--egr-link-card .link:hover p::after,
.paragraph--type--egr-link-card a.link:hover p::after {
  transform: translateX(5px);
  margin-left: 0.75rem;
  color: #008208 !important;
}

.egr-link-card-component .bold {
  font-weight: 600;
}

/* Alternative approach - target any link inside the paragraph */
.paragraph--type--egr-link-card a:hover {
  color: #008208 !important;
}

.paragraph--type--egr-link-card a:hover * {
  color: #008208 !important;
}

/* Responsive adjustments */
@media (max-width: 576px) {
  .egr-link-card-component .link {
    margin-bottom: 1rem;
  }
  
  /* Responsive font size adjustment */
  .egr-link-card-component .link p,
  .paragraph--type--egr-link-card .link p {
    font-size: 1.5rem !important;
  }
  
  .egr-link-card-component .arrow::after,
  .egr-link-card-component .link p::after,
  .paragraph--type--egr-link-card .arrow::after,
  .paragraph--type--egr-link-card .link p::after {
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .egr-link-card-component [class*="col-lg-3"] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* Accessibility - Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  .egr-link-card-component .link,
  .paragraph--type--egr-link-card .link,
  .paragraph--type--egr-link-card a.link {
    transition: none;
  }
  
  .egr-link-card-component .link p,
  .egr-link-card-component .link p.arrow,
  .egr-link-card-component .link p.bold,
  .paragraph--type--egr-link-card .link p {
    transition: none !important;
  }
  
  .egr-link-card-component .arrow::after,
  .egr-link-card-component .link p::after,
  .paragraph--type--egr-link-card .arrow::after,
  .paragraph--type--egr-link-card .link p::after {
    transition: none;
  }
  
  .egr-link-card-component .link:hover .arrow::after,
  .egr-link-card-component .link:hover p::after,
  .paragraph--type--egr-link-card .link:hover .arrow::after,
  .paragraph--type--egr-link-card .link:hover p::after,
  .paragraph--type--egr-link-card a.link:hover p::after {
    transform: none;
    margin-left: 0.5rem;
  }
}