/* ============================================================
   news_content_view — Modul-CSS (MKS-W7 Inline-Style-Diät)
   Präfix: ncv-
   Statische Deklarationen aus dem PHP-Renderer; dynamische Werte
   (Branding-Vars) bleiben als schmales style="-Fragment im PHP.
   ============================================================ */

/* ---- Container: Vollartikel & Kompakt-Teaser (elementqualifiziert,
        damit Theme-Klassen (.tsec-news-detail/.tsec-news-teaser)
        nicht zurueckgewinnen koennen) ---- */
article.ncv-teaser-card {
    background: rgba(var(--color-surface-rgb), 0.75);
    border: 1px solid var(--glass-border, rgba(var(--color-line-rgb), 0.08));
    backdrop-filter: blur(16px);
}

article.ncv-article {
    background: linear-gradient(135deg, rgba(var(--color-surface-rgb), 0.95), rgba(var(--color-surface-rgb), 0.98));
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    color: var(--color-text, #f8fafc);
    /* absichtlich ohne !important — verliert wie das frühere Inline-Style
       gegen .shadow-lg (Bootstrap-Utility mit !important) */
    box-shadow: 0 10px 30px rgba(var(--color-fastpass-rgb), 0.08);
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

/* ---- Kopfbereich / Meta-Badges ---- */
.ncv-rule-fastpass {
    border-color: rgba(var(--color-fastpass-rgb), 0.25) !important;
}

.ncv-headline {
    font-size: clamp(1.3rem, 1rem + 1.8vw, 2.1rem);
    color: var(--color-accent-cyan);
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
}

.ncv-chip-fastpass {
    background: rgba(var(--color-fastpass-rgb), 0.12);
    color: var(--brand-primary);
    border: 1px solid rgba(var(--color-fastpass-rgb), 0.3);
}

.ncv-chip-date {
    background: rgba(var(--color-frost-rgb, 255,255,255), 0.05);
    color: var(--color-green);
    border: 1px solid rgba(var(--color-fastpass-rgb), 0.25);
}

.ncv-chip-reading {
    background: rgba(var(--color-warning-rgb), 0.12);
    color: var(--color-warning);
    border: 1px solid rgba(var(--color-warning-rgb), 0.3);
}

.ncv-chip-cat {
    background: rgba(var(--color-green-rgb), 0.1);
    color: var(--color-green);
    border: 1px solid rgba(var(--color-green-rgb), 0.3);
}

/* ---- Artikelkoerper ---- */
.ncv-body {
    color: var(--color-text-body, #e2e8f0);
    line-height: 1.85;
}

.ncv-body-text {
    color: var(--color-text-body, #e2e8f0);
}

/* ---- Fast-Pass-CTA ---- */
.ncv-fastpass {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(6, 182, 212, 0.08));
    border: 1px solid rgba(16, 185, 129, 0.35);
    box-shadow: 0 8px 30px rgba(16, 185, 129, 0.1);
}

.ncv-fastpass-title {
    color: var(--color-fastpass, var(--bs-success, #10b981));
}

.ncv-fastpass-pitch {
    color: var(--color-text-muted, var(--bs-secondary-color, var(--color-text-muted)));
}

.ncv-fastpass-btn {
    background: linear-gradient(135deg, var(--color-fastpass, var(--bs-success, #10b981)), var(--color-accent-cyan, #06b6d4));
    color: #05121a;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

.ncv-fastpass-meta {
    border-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--color-text-muted, var(--bs-secondary-color, var(--color-text-muted)));
}

/* ---- Footer-Buttons ---- */
.ncv-btn-home {
    background: rgba(var(--color-fastpass-rgb), 0.12);
    color: var(--brand-primary);
    border: 1px solid rgba(var(--color-fastpass-rgb), 0.3);
    min-height: 44px;
}

.ncv-btn-more {
    background: rgba(var(--color-green-rgb), 0.12);
    color: var(--color-green);
    border: 1px solid rgba(var(--color-green-rgb), 0.3);
    min-height: 44px;
}

/* ---- Kompakt-Teaser: Weiterlesen-Button ---- */
.ncv-teaser-btn {
    font-size: .8rem;
    min-height: 44px;
}