/* ═══════════════════════════════════════════════════════════════════════════
   Presentation Style: Cinematic Premium
   Dark backgrounds, gold accents, serif typography, slow elegant transitions.
   Applied when the tribute tone is "Heartfelt".
   ═══════════════════════════════════════════════════════════════════════════ */

.presentation-cinematic {
    --pres-bg: #0a0a0a;
    --pres-bg-secondary: #141414;
    --pres-accent: #c9a84c;
    --pres-accent-dim: rgba(201, 168, 76, 0.4);
    --pres-text: #f5f0e8;
    --pres-text-secondary: rgba(245, 240, 232, 0.65);
    --pres-text-muted: rgba(245, 240, 232, 0.4);

    background: var(--pres-bg);
    font-family: 'Georgia', 'Times New Roman', 'Noto Serif', serif;
}

/* ── Typography overrides ─────────────────────────────────────────────── */
.presentation-cinematic .pres-text-hero {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--pres-text);
}

.presentation-cinematic .pres-text-subtitle {
    font-family: 'Georgia', serif;
    color: var(--pres-accent);
    font-weight: 300;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.presentation-cinematic .pres-text-body {
    font-family: 'Georgia', serif;
    color: var(--pres-text);
}

.presentation-cinematic .pres-text-quote {
    font-family: 'Georgia', serif;
    color: var(--pres-text);
}

.presentation-cinematic .pres-text-attribution {
    color: var(--pres-accent);
    font-family: 'Georgia', serif;
    font-style: normal;
    letter-spacing: 0.04em;
}

.presentation-cinematic .pres-text-label {
    color: var(--pres-text-muted);
    font-family: 'Georgia', serif;
}

/* ── Gold accent line ─────────────────────────────────────────────────── */
.presentation-cinematic .pres-accent-line {
    width: 60px;
    height: 2px;
    background: var(--pres-accent);
    margin: 1rem auto;
    opacity: 0.8;
}

/* ── Stats number styling ─────────────────────────────────────────────── */
.presentation-cinematic .pres-stat-number {
    font-size: clamp(3rem, 8vw, 6rem);
    font-weight: 700;
    color: var(--pres-accent);
    font-family: 'Georgia', serif;
}

.presentation-cinematic .pres-stat-label {
    color: var(--pres-text-secondary);
    font-family: 'Georgia', serif;
    font-size: clamp(0.8rem, 1.5vw, 1rem);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* ── Word cloud ───────────────────────────────────────────────────────── */
.presentation-cinematic .pres-word {
    color: var(--pres-text);
    font-family: 'Georgia', serif;
    font-style: italic;
}

.presentation-cinematic .pres-word-primary {
    color: var(--pres-accent);
    font-style: normal;
    font-weight: 700;
}

/* ── Progress bar ─────────────────────────────────────────────────────── */
.presentation-cinematic .presentation-progress-fill {
    background: var(--pres-accent-dim);
}

/* ── Controls ─────────────────────────────────────────────────────────── */
.presentation-cinematic .presentation-controls button {
    border-color: var(--pres-accent-dim);
}

.presentation-cinematic .presentation-controls button:hover {
    background: var(--pres-accent-dim);
}

.presentation-cinematic .presentation-counter {
    color: var(--pres-text-muted);
    font-family: 'Georgia', serif;
}

/* ── Slide transitions (slower for cinematic feel) ────────────────────── */
.presentation-cinematic .presentation-slide {
    transition: opacity 1.2s ease-in-out;
}

/* ── Quote decorations ────────────────────────────────────────────────── */
.presentation-cinematic .pres-quote-mark {
    font-size: 4rem;
    color: var(--pres-accent);
    opacity: 0.3;
    line-height: 1;
    font-family: 'Georgia', serif;
}

/* ── Funny slide accent (lighter gold) ────────────────────────────────── */
.presentation-cinematic .pres-funny-header {
    color: var(--pres-accent);
    font-size: clamp(1.5rem, 3.5vw, 2.5rem);
    font-weight: 600;
}

/* ── Closing CTA ──────────────────────────────────────────────────────── */
.presentation-cinematic .pres-cta-button {
    border: 1px solid var(--pres-accent);
    color: var(--pres-accent);
    background: transparent;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    font-family: 'Georgia', serif;
    cursor: pointer;
    letter-spacing: 0.06em;
    transition: background 0.3s, color 0.3s;
}

.presentation-cinematic .pres-cta-button:hover {
    background: var(--pres-accent);
    color: var(--pres-bg);
}