/* ============================================
   KLICKBARE KARTEN
   Macht ganze Karten als Klickflächen verfügbar
   ============================================ */

/* Karte als Klick-Container — Cursor zeigt Pointer */
.product-card,
.service-card,
.news-card,
.solution-card,
.team-card,
.partner-card,
.case-card,
.blog-card {
  position: relative;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* Unsichtbarer Overlay-Link deckt die ganze Karte ab */
.card-link-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: inherit;
  background: transparent;
  border: 0;
}

.card-link-overlay:focus-visible {
  outline: 2px solid #22c55e;
  outline-offset: 4px;
  border-radius: inherit;
}

/* Interaktive Elemente in Karten bleiben klickbar (Buttons, Badges-Links etc.) */
.product-card .btn,
.product-card a:not(.card-link-overlay),
.product-card button,
.service-card .btn,
.service-card a:not(.card-link-overlay),
.service-card button,
.news-card .btn,
.news-card a:not(.card-link-overlay),
.news-card button,
.solution-card .btn,
.solution-card a:not(.card-link-overlay),
.solution-card button {
  position: relative;
  z-index: 3;
}

/* Hover-Feedback (Bild zoomt leicht) */
.product-card__image img,
.service-card__icon,
.news-card__image img {
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.product-card:hover .product-card__image img,
.news-card:hover .news-card__image img {
  transform: scale(1.04);
}

.service-card:hover .service-card__icon {
  transform: scale(1.08) rotate(-3deg);
}

/* Titel-Highlight beim Hover */
.product-card__title,
.service-card__title,
.news-card__title {
  transition: color 0.25s ease;
}

.product-card:hover .product-card__title,
.service-card:hover .service-card__title,
.news-card:hover .news-card__title {
  color: #22c55e;
}

/* Pfeil-Indikator beim Hover (subtil) */
.product-card__link,
.service-card__link {
  transition: gap 0.25s ease, color 0.25s ease;
}

.product-card:hover .product-card__link,
.service-card:hover .service-card__link {
  gap: 0.75rem;
  color: #22c55e;
}