/**
 * Chatbot Cards - Event
 * 
 * Event-spezifische Card-Styles.
 * Erweitert chatbot-cards-base.css.
 * 
 * @package SMG_Mall
 * @since 1.0.0
 */

/* ========================================
   Event Card
   ======================================== */

.chatbot-card--event {
    /* Erbt von .chatbot-card */
}

/* ========================================
   Event Image
   ======================================== */

.chatbot-card--event .chatbot-card__image {
    height: 160px; /* Gleiche Höhe wie alle anderen Cards */
    object-fit: cover;
}

/* ========================================
   Event Badge (Demnächst)
   ======================================== */

.chatbot-card--event .chatbot-card__badge {
    background: linear-gradient(135deg, var(--smg-500, #e31e24), var(--smg-500, #c41a1f));
    font-weight: var(--font-weight-semibold, 600);
}

/* ========================================
   Event Meta
   ======================================== */

.chatbot-card--event .chatbot-card__meta {
    gap: var(--space-2, 0.5rem);
}

.chatbot-card--event .chatbot-card__meta-item {
    font-weight: var(--font-weight-medium, 500);
}

/* Datum hervorheben */
.chatbot-card--event .chatbot-card__meta-item:first-child {
    color: var(--smg-500, #c41a1f);
}

/* ========================================
   Hover Effects
   ======================================== */

.chatbot-card--event:hover .chatbot-card__image {
    transform: scale(1.05);
    transition: transform var(--transition-slow, 0.5s) var(--easing-ease-out, ease-out);
}

/* ========================================
   Responsive
   ======================================== */

@media (max-width: 768px) {
    .chatbot-card--event .chatbot-card__image {
        height: 160px;
    }
}