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

/* ========================================
   News Card
   ======================================== */

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

/* ========================================
   News Image
   ======================================== */

.chatbot-card--news .chatbot-card__image {
    height: 160px;
    object-fit: cover;
}

/* ========================================
   News Subtitle
   ======================================== */

.chatbot-card__subtitle {
    font-size: var(--text-sm, 0.875rem);
    color: var(--smg-gray-600, #4b5563);
    line-height: var(--line-height-relaxed, 1.625);
    margin: var(--space-2, 0.5rem) 0 0 0;
    font-weight: var(--font-weight-normal, 400);
}

/* ========================================
   News Meta
   ======================================== */

.chatbot-card--news .chatbot-card__meta {
    margin-top: var(--space-3, 0.75rem);
    padding-top: var(--space-2, 0.5rem);
    border-top: 1px solid var(--smg-gray-200, #e5e7eb);
}

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

.chatbot-card--news:hover .chatbot-card__image {
    opacity: 0.9;
    transition: opacity var(--transition-normal, 0.3s) var(--easing-ease-in-out, ease-in-out);
}

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

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