/**
 * Kundcase - Projektportfoliosida
 * Stilar för filterknappar, projektkort, hover-effekter och övergångar
 * Återanvänder Tailwind-konfiguration från huvudsaјten (brand, cardbg, etc.)
 */

/* ============================================
   Projektkort – hover och övergångar
   ============================================ */
.kundcase-card-inner {
  background: #12151c;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.kundcase-card:hover .kundcase-card-inner {
  border-color: rgba(61, 153, 245, 0.4);
  box-shadow: 0 4px 24px rgba(61, 153, 245, 0.08);
}

@media (min-width: 768px) {
  .kundcase-card:hover .kundcase-card-inner {
    transform: translateY(-2px);
  }
}

/* ============================================
   Bild-container – lazy loading fallback
   ============================================ */
.kundcase-img {
  background: #12151c;
}

/* ============================================
   Besök sidan-knapp hover
   ============================================ */
.kundcase-card a[href*="http"]:last-of-type:hover {
  box-shadow: 0 4px 20px rgba(61, 153, 245, 0.35);
}