/**
 * MENTOVATE Blog – Wissensdatenbank Styles
 *
 * Plugin CSS for automatic blog post styling.
 * Based on MENTOVATE Style Guide v2.0
 *
 * @package MentovateBlog
 * @version 1.0.0
 */


/* ═══ Self-Hosted Fonts — DSGVO-konform (v4.28.0) ═══ */

/* Bebas Neue — latin-ext */
@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/bebas-neue-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Bebas Neue — latin */
@font-face {
    font-family: 'Bebas Neue';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/bebas-neue-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Roboto Variable — latin-ext (300-700) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Roboto Variable — latin (300-700) */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/roboto-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ═══ Montserrat — Self-Hosted, DSGVO-konform (v5.54.0) ═══ */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url('../fonts/montserrat-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300 900;
    font-display: swap;
    src: url('../fonts/montserrat-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ═══ JetBrains Mono — Self-Hosted, DSGVO-konform (v5.54.0) ═══ */

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
    src: url('../fonts/jetbrains-mono-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400 500;
    font-display: swap;
    src: url('../fonts/jetbrains-mono-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Design tokens (--mv-*) are defined in design-tokens.css (loaded as
   dependency in mentovate-blog.php since v5.65.0). Do not duplicate them
   here — single source of truth lives in that file. */


/* ==========================================================================
   GLOBAL BLOG OVERRIDES
   ========================================================================== */

body.single-post,
body.blog,
body.archive,
body.category,
body.search,
body.mvblog-page {
    background: var(--mv-primary-dark) !important;
    font-family: var(--mv-font-body);
    color: var(--mv-text-light);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Noise texture overlay */
body.single-post::before,
body.blog::before,
body.archive::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
    pointer-events: none;
    z-index: 2;
}


/* ==========================================================================
   SINGLE POST – HERO HEADER
   ========================================================================== */

.mv-post-hero {
    width: 100%;
    background: var(--mv-gradient-section);
    padding: 140px 20px 100px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.mv-post-hero::before {
    content: 'WISSEN';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--mv-font-body);
    font-size: 16em;
    font-weight: 900;
    color: #FFFFFF;
    opacity: 0.015;
    letter-spacing: 30px;
    white-space: nowrap;
    pointer-events: none;
}

.mv-post-hero-inner {
    position: relative;
    z-index: 1;
    max-width: var(--mv-content-width);
    margin: 0 auto;
}

/* Category Badge */
.mv-post-category-badge {
    display: inline-block;
    background: var(--mv-gradient-button);
    color: #fff;
    font-family: var(--mv-font-mono);
    font-size: 11px;
    letter-spacing: 3px;
    padding: 7px 22px;
    border-radius: 50px;
    margin-bottom: 22px;
    text-decoration: none;
    transition: all 0.3s ease;
    text-transform: uppercase;
}

.mv-post-category-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 30px rgba(var(--mv-gold-primary-rgb), 0.3);
    color: #fff;
}

/* Post Title — Gold gradient with animated shine sweep */
.mv-post-hero h1 {
    font-family: var(--mv-font-body);
    font-size: clamp(2.4em, 5vw, 4.2em);
    font-weight: 800;
    background: linear-gradient(
        90deg,
        var(--mv-gold-dark) 0%,
        var(--mv-gold-light) 20%,
        var(--mv-gold-bright) 35%,
        #fff 50%,
        var(--mv-gold-bright) 65%,
        var(--mv-gold-light) 80%,
        var(--mv-gold-dark) 100%
    );
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -2px;
    line-height: 1.05;
    margin-bottom: 20px;
    animation: mvTitleShine 12s ease-in-out infinite;
}

@keyframes mvTitleShine {
    0%   { background-position: 200% center; }
    100% { background-position: -200% center; }
}

/* Post Meta */
.mv-post-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    flex-wrap: wrap;
    margin-top: 25px;
}

.mv-post-meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--mv-text-muted);
    font-size: 0.95em;
}

.mv-post-meta-item svg {
    width: 16px;
    height: 16px;
    fill: var(--mv-text-gold);
    flex-shrink: 0;
}

.mv-post-meta-item a {
    color: var(--mv-text-gold);
    text-decoration: none;
    transition: color 0.3s ease;
}

.mv-post-meta-item a:hover {
    color: var(--mv-gold-bright);
}


/* ==========================================================================
   SINGLE POST – FEATURED IMAGE
   ========================================================================== */

.mv-featured-image {
    max-width: var(--mv-wide-width);
    margin: -40px auto 0;
    padding: 0 20px;
    position: relative;
    z-index: 2;
    background: #0a0a0b; /* v4.47.0: Dunkler BG verhindert sichtbaren Rand bei Hover-Zoom */
}

.mv-featured-image img {
    width: 100%;
    height: auto;
    border-radius: 16px;
    border: 2px solid var(--mv-gold-dark);
    box-shadow:
        0 20px 60px rgba(var(--mv-black-rgb), 0.4),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.15);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: default;
}

/* Zoom + darken hover effect */
.mv-featured-image {
    overflow: hidden;
    border-radius: 16px;
}

.mv-featured-image:hover img {
    transform: scale(1.03);
    filter: brightness(0.75);
    border-color: var(--mv-gold-light);
    box-shadow:
        0 25px 70px rgba(var(--mv-black-rgb), 0.5),
        0 0 30px rgba(var(--mv-gold-primary-rgb), 0.2);
}


/* ==========================================================================
   SINGLE POST – CONTENT AREA
   ========================================================================== */

.mv-post-content-wrap {
    max-width: var(--mv-content-width);
    margin: 60px auto 0;
    padding: 0 20px 80px;
}

/* Table of Contents Box */
.mv-toc {
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    padding: 30px 35px;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.mv-toc::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mv-gold-dark), var(--mv-gold-light), transparent);
}

.mv-toc-title {
    font-family: var(--mv-font-heading);
    font-size: 1.5em;
    color: var(--mv-text-white);
    letter-spacing: 1.5px;
    margin-bottom: 15px;
}

.mv-toc .mv-toc-list {
    list-style: none !important;
    counter-reset: toc-counter !important;
    padding: 0 !important;
    margin: 0 !important;
}

.mv-toc .mv-toc-list li {
    counter-increment: toc-counter !important;
    padding: 8px 0;
    border-bottom: 1px solid rgba(var(--mv-gold-dark-rgb), 0.1);
    list-style: none !important;
    display: block !important;
    position: static;
}

.mv-toc .mv-toc-list li::marker {
    content: '' !important;
    display: none !important;
    font-size: 0 !important;
}

.mv-toc .mv-toc-list li:last-child {
    border-bottom: none;
}

.mv-toc .mv-toc-list li a {
    color: var(--mv-text-light);
    text-decoration: none;
    font-size: 1em;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mv-toc .mv-toc-list li a::before {
    content: counter(toc-counter, decimal-leading-zero) !important;
    font-family: var(--mv-font-heading);
    font-size: 1.1em;
    color: var(--mv-text-gold);
    min-width: 28px;
}

.mv-toc .mv-toc-list li a:hover {
    color: var(--mv-text-gold);
}

/* Sticky TOC on Desktop (v5.5.0) */
@media (min-width: 1200px) {
    .mv-toc-sticky {
        position: sticky;
        top: 80px;
        z-index: 10;
        max-height: calc(100vh - 120px);
        overflow-y: auto;
    }
}
.mv-toc .mv-toc-list li a.mv-toc-active {
    color: var(--mv-text-gold);
    font-weight: 600;
}
.mv-toc .mv-toc-list li a.mv-toc-active::before {
    color: var(--mv-gold);
}


/* ==========================================================================
   SINGLE POST – CONTENT TYPOGRAPHY
   ========================================================================== */

.mv-post-content {
    color: var(--mv-text-light);
    font-family: var(--mv-font-body);
    font-size: 1.05em;
    line-height: 1.8;
    font-weight: 400;
}

.mv-post-content h2 {
    font-family: var(--mv-font-body);
    font-size: 2em;
    font-weight: 800;
    background: linear-gradient(135deg, var(--mv-gold-bright), var(--mv-gold-light), var(--mv-gold-dark));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.5px;
    line-height: 1.15;
    margin: 60px 0 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--mv-bg-border);
}

.mv-post-content h3 {
    font-family: var(--mv-font-body);
    font-size: 1.4em;
    font-weight: 700;
    background: linear-gradient(135deg, var(--mv-gold-bright), var(--mv-gold-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.3px;
    line-height: 1.2;
    margin: 40px 0 15px;
}

.mv-post-content h4 {
    font-family: var(--mv-font-heading);
    font-size: 1.15em;
    background: linear-gradient(135deg, var(--mv-gold-bright), var(--mv-gold-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -0.2px;
    margin: 30px 0 12px;
}

.mv-post-content p {
    margin-bottom: 20px;
    color: var(--mv-text-light);
}

.mv-post-content a {
    color: var(--mv-text-gold);
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--mv-gold-primary-rgb), 0.3);
    transition: all 0.3s ease;
}

.mv-post-content a:hover {
    color: var(--mv-gold-bright);
    border-bottom-color: var(--mv-gold-bright);
}

/* Blockquote */
.mv-post-content blockquote {
    margin: 35px 0;
    padding: 32px 30px 28px 56px;
    background: var(--mv-bg-highlight);
    border-left: 3px solid var(--mv-gold-light);
    border-radius: 0 12px 12px 0;
    font-style: italic;
    color: var(--mv-text-white);
    font-size: 1.1em;
    line-height: 1.7;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

/* Opening quotation mark */
.mv-post-content blockquote::before {
    content: '\201E';
    position: absolute;
    left: 18px;
    top: 22px;
    font-size: 3em;
    color: var(--mv-gold-light);
    font-style: normal;
    line-height: 1;
    opacity: 0.6;
}

.mv-post-content blockquote:hover {
    transform: translateY(-4px);
    border-color: var(--mv-gold-light);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

/* Shine sweep */
.mv-post-content blockquote::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-post-content blockquote:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-post-content blockquote p:last-child {
    margin-bottom: 0;
}

/* Quote Author Footer */
.mv-post-content .mv-quote-footer {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid rgba(var(--mv-gold-dark-rgb), 0.25);
    font-style: normal;
}

.mv-post-content .mv-quote-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--mv-gold-light);
    flex-shrink: 0;
    background: var(--mv-gradient-gold);
}

.mv-post-content .mv-quote-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mv-post-content .mv-quote-author {
    font-style: normal;
    font-weight: 500;
    color: var(--mv-text-white);
    font-size: 0.9em;
    letter-spacing: 0.3px;
}

.mv-post-content .mv-quote-role {
    font-size: 0.75em;
    color: var(--mv-text-gold);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family: var(--mv-font-heading);
}

/* Lists */
.mv-post-content ul:not(.mv-toc-list):not(.mv-checklist):not(.mv-checklist-x),
.mv-post-content ol {
    margin: 20px 0;
    padding-left: 0;
    list-style: none;
}

.mv-post-content ul:not(.mv-toc-list):not(.mv-checklist):not(.mv-checklist-x) li,
.mv-post-content ol li {
    position: relative;
    padding: 6px 0 6px 28px;
    line-height: 1.7;
}

.mv-post-content ul:not(.mv-toc-list):not(.mv-checklist):not(.mv-checklist-x) li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 8px;
    height: 8px;
    background: var(--mv-gradient-button);
    border-radius: 50%;
}

.mv-post-content ol {
    counter-reset: ol-counter;
}

.mv-post-content ol li {
    counter-increment: ol-counter;
}

.mv-post-content ol li::before {
    content: counter(ol-counter) ".";
    position: absolute;
    left: 0;
    font-family: var(--mv-font-heading);
    font-size: 1.1em;
    color: var(--mv-text-gold);
}

/* Code Blocks */
.mv-post-content pre {
    background: rgba(var(--mv-black-rgb), 0.4);
    border: 1px solid var(--mv-bg-border);
    border-radius: 12px;
    padding: 25px;
    overflow-x: auto;
    margin: 25px 0;
    font-size: 0.9em;
}

/* Copy-Paste Message Boxes */
.mv-post-content .mv-copytext {
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.12), rgba(var(--mv-gold-primary-rgb), 0.06));
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.25);
    border-left: 3px solid var(--mv-gold-light);
    border-radius: 0 12px 12px 0;
    padding: 22px 28px;
    margin: 28px 0;
    font-style: italic;
    color: var(--mv-text-white);
    line-height: 1.7;
    position: relative;
    white-space: pre-wrap;
    font-family: inherit;
    font-size: 1em;
}

.mv-post-content .mv-copytext strong {
    display: block;
    font-style: normal;
    color: var(--mv-text-gold);
    font-size: 0.8em;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-family: var(--mv-font-heading);
    margin-bottom: 8px;
}

/* Gedanken-Punch / Fazit Box */
.mv-post-content .mv-fazit {
    background: linear-gradient(135deg, rgba(var(--mv-gold-primary-rgb), 0.18), rgba(var(--mv-gold-dark-rgb), 0.08));
    border: 2px solid var(--mv-gold-light);
    border-radius: 14px;
    padding: 28px 32px;
    margin: 40px 0 32px;
    text-align: center;
    position: relative;
}

.mv-post-content .mv-fazit p {
    margin: 0;
    font-size: 1.15em;
    line-height: 1.6;
    color: var(--mv-text-white);
}

.mv-post-content .mv-fazit p strong {
    color: var(--mv-text-gold);
    font-family: var(--mv-font-heading);
    font-weight: 700;
}

.mv-post-content code {
    font-family: 'Fira Code', 'Consolas', monospace;
    background: rgba(var(--mv-gold-dark-rgb), 0.15);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.9em;
    color: var(--mv-text-gold);
}

.mv-post-content pre code {
    background: none;
    padding: 0;
    color: var(--mv-text-light);
}

/* Images in Content */
.mv-post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid var(--mv-bg-border);
    margin: 25px 0;
}

.mv-post-content figure {
    margin: 30px 0;
}

.mv-post-content figcaption {
    text-align: center;
    color: var(--mv-text-muted);
    font-size: 0.9em;
    margin-top: 10px;
    font-style: italic;
}

/* Tables */
.mv-post-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 30px 0;
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-post-content table:hover {
    transform: translateY(-4px);
    border-color: var(--mv-bg-border-active);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

/* Gold top line */
.mv-post-content table::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
    z-index: 2;
}

/* Shine sweep */
.mv-post-content table::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.06), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-post-content table:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-post-content thead tr {
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.2), rgba(var(--mv-gold-primary-rgb), 0.08));
}

.mv-post-content th {
    color: var(--mv-text-gold);
    font-family: var(--mv-font-heading);
    font-size: 1.1em;
    letter-spacing: 1px;
    padding: 16px 20px;
    text-align: left;
    border-bottom: 1px solid rgba(var(--mv-gold-dark-rgb), 0.3);
    position: relative;
}

.mv-post-content td {
    padding: 13px 20px;
    border-bottom: 1px solid rgba(var(--mv-gold-dark-rgb), 0.08);
    color: var(--mv-text-light);
    transition: background 0.2s ease;
}

.mv-post-content tr:last-child td {
    border-bottom: none;
}

/* Row hover */
.mv-post-content tbody tr:hover td {
    background: rgba(var(--mv-gold-dark-rgb), 0.06);
}

/* Zebra stripe */
.mv-post-content tbody tr:nth-child(even) td {
    background: rgba(var(--mv-white-rgb), 0.01);
}

.mv-post-content tbody tr:nth-child(even):hover td {
    background: rgba(var(--mv-gold-dark-rgb), 0.06);
}

/* Responsive table wrapper */
@media (max-width: 600px) {
    .mv-post-content table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mv-post-content th,
    .mv-post-content td {
        padding: 10px 14px;
        font-size: 0.92em;
    }
}

/* Horizontal Rule */
.mv-post-content hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--mv-gold-dark), var(--mv-gold-light), transparent);
    margin: 50px 0;
}


/* ==========================================================================
   SINGLE POST – HIGHLIGHT / INFO / TIP BOXES
   ========================================================================== */

.mv-post-content .mv-infobox,
.mv-post-content .wp-block-group.has-background {
    background:
        linear-gradient(90deg, transparent, var(--mv-gold-dark), var(--mv-gold-light), transparent) top/100% 2px no-repeat,
        var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    padding: 25px 30px 25px 68px;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-post-content .mv-infobox:hover {
    transform: translateY(-4px);
    border-color: var(--mv-bg-border-active);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

/* Info icon – gold pill left */
.mv-post-content .mv-infobox::before {
    content: 'ℹ️';
    position: absolute;
    top: 22px;
    left: 18px;
    width: 36px;
    height: 36px;
    background: var(--mv-gradient-gold);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15em;
    line-height: 1;
    z-index: 2;
}

/* Infobox heading */
.mv-post-content .mv-infobox > strong:first-child {
    display: block;
    margin-bottom: 8px;
    font-family: var(--mv-font-heading);
    font-size: 1.3em;
    letter-spacing: 0.8px;
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Shine sweep */
.mv-post-content .mv-infobox::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-post-content .mv-infobox:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

/* Tip variant – 💡 icon */
.mv-post-content .mv-tip {
    border-left: 3px solid var(--mv-gold-light);
    border-top: none;
}

.mv-post-content .mv-tip::before {
    content: '💡';
    display: flex;
}


/* ==========================================================================
   SINGLE POST – CTA BOX
   ========================================================================== */

.mv-post-cta {
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    padding: 40px;
    margin: 50px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.mv-post-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mv-gold-dark), var(--mv-gold-light), transparent);
}

.mv-post-cta h3 {
    font-family: var(--mv-font-heading);
    font-size: 2em;
    color: var(--mv-text-white);
    margin-bottom: 12px;
    letter-spacing: 0.8px;
}

.mv-post-cta p {
    color: var(--mv-text-light);
    margin-bottom: 25px;
    font-size: 1.05em;
}

.mv-post-cta .mv-cta-button {
    display: inline-block;
    padding: 18px 50px;
    background: var(--mv-gradient-button);
    border: none;
    border-radius: 50px;
    color: var(--mv-text-white);
    font-family: var(--mv-font-heading);
    font-size: 1.25em;
    letter-spacing: 2px;
    text-decoration: none;
    transition: all 0.35s ease;
    cursor: pointer;
}

.mv-post-cta .mv-cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(var(--mv-gold-dark-rgb), 0.35);
}

/* CTA Style Variants (v4.29.0) */
.mv-post-cta.mv-cta-highlight {
    border: 2px solid var(--mv-gold-light);
    box-shadow: 0 0 30px rgba(var(--mv-gold-primary-rgb), 0.12), 0 0 60px rgba(var(--mv-gold-primary-rgb), 0.06);
}

.mv-post-cta.mv-cta-highlight::before {
    height: 3px;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-bright), var(--mv-gold-dark));
}

.mv-post-cta.mv-cta-minimal {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 30px 0;
    border-top: 1px solid var(--mv-bg-border);
    border-bottom: 1px solid var(--mv-bg-border);
}

.mv-post-cta.mv-cta-minimal::before {
    display: none;
}

.mv-post-cta.mv-cta-minimal h3 {
    font-size: 1.5em;
}

.mv-post-cta.mv-cta-minimal .mv-cta-button {
    padding: 14px 40px;
    font-size: 1.1em;
}


/* ==========================================================================
   MID-ARTICLE CTA (v4.94.0)
   Inherits all .mv-post-cta styles — slightly more compact for inline use.
   ========================================================================== */

.mv-mid-cta {
    margin: 2em 0;
    padding: 30px;
}

.mv-mid-cta h3 {
    font-size: 1.6em;
}

.mv-mid-cta .mv-cta-button {
    padding: 14px 40px;
    font-size: 1.1em;
}

@media (max-width: 600px) {
    .mv-mid-cta {
        padding: 24px 18px;
    }
}

@media print {
    .mv-mid-cta {
        display: none !important;
    }
}


/* ==========================================================================
   NEWSLETTER BOX + TEASER (v4.98.0)
   ========================================================================== */

html {
    scroll-behavior: smooth;
}

/* --- End-of-Post Newsletter Box --- */

.mv-newsletter-box {
    margin: 40px 0;
    scroll-margin-top: 100px;
}
.mv-newsletter-consent-placeholder {
    text-align: center;
    padding: 24px 20px;
    border: 1px solid var(--mv-gold);
    border-radius: 8px;
    background: var(--mv-bg-card, rgba(var(--mv-white-rgb), 0.03));
}
.mv-newsletter-consent-placeholder p {
    margin: 0 0 14px;
    color: var(--mv-text-muted, #8A8A8A);
    font-size: 0.95rem;
}
.mv-newsletter-consent-btn {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid var(--mv-gold);
    border-radius: 6px;
    background: transparent;
    color: var(--mv-gold);
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}
.mv-newsletter-consent-btn:hover {
    background: var(--mv-gold);
    color: #fff;
}
/* Cookiebot: auto-show embed when marketing consent given */
.cookieconsent-optin-marketing .mv-newsletter-consent-placeholder {
    display: none !important;
}
.cookieconsent-optin-marketing .mv-newsletter-embed-consent {
    display: block !important;
}

@media print {
    .mv-newsletter-box {
        display: none !important;
    }
}

/* --- Mid-Article Newsletter Teaser --- */

.mv-newsletter-teaser {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #1a1a1c 0%, #1e1c17 100%);
    border-left: 3px solid var(--mv-gold-light);
    padding: 16px 20px;
    margin: 30px 0;
    border-radius: 0 8px 8px 0;
}

.mv-newsletter-teaser-icon {
    font-size: 1.4em;
    flex-shrink: 0;
}

.mv-newsletter-teaser-text {
    color: #ccc;
    font-size: 0.95em;
    line-height: 1.5;
    flex: 1;
}

.mv-newsletter-teaser-link {
    display: inline-block;
    background: var(--mv-gradient-gold);
    color: #fff !important;
    font-family: var(--mv-font-heading);
    font-weight: 700;
    font-size: 0.85em;
    letter-spacing: 1.5px;
    padding: 8px 20px;
    border-radius: 50px;
    text-decoration: none !important;
    white-space: nowrap;
    flex-shrink: 0;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mv-newsletter-teaser-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--mv-gold-primary-rgb), 0.3);
}

@media (max-width: 480px) {
    .mv-newsletter-teaser {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 14px 16px;
    }

    .mv-newsletter-teaser-link {
        align-self: stretch;
        text-align: center;
    }
}

@media print {
    .mv-newsletter-teaser {
        display: none !important;
    }
}


/* ==========================================================================
   FREEBIE BOX (v4.84.0)
   ========================================================================== */

.mv-freebie-box {
    position: relative;
    background: linear-gradient(135deg, #1a1a1c 0%, #1e1c17 100%);
    border: 2px solid transparent;
    border-image: linear-gradient(202deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark)) 1;
    border-radius: 0;
    padding: 28px 32px;
    margin: 40px 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mv-freebie-box:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 32px rgba(var(--mv-gold-primary-rgb), 0.15);
}

.mv-freebie-badge {
    display: inline-block;
    background: var(--mv-gradient-gold);
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
    letter-spacing: 0.08em;
    padding: 4px 14px;
    border-radius: 50px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.mv-freebie-content {
    margin-bottom: 20px;
}

.mv-freebie-title {
    font-family: var(--mv-font-heading);
    font-weight: 700;
    font-size: 1.5em;
    color: #fff;
    margin: 0 0 8px;
    letter-spacing: 0.02em;
}

.mv-freebie-desc {
    color: rgba(var(--mv-white-rgb), 0.75);
    font-size: 0.95em;
    line-height: 1.6;
    margin: 0 0 12px;
}

.mv-freebie-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.mv-freebie-type {
    display: inline-block;
    background: rgba(var(--mv-gold-primary-rgb), 0.15);
    color: var(--mv-gold-light);
    font-size: 0.75em;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 4px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.mv-freebie-button {
    display: inline-block;
    background: var(--mv-gradient-gold);
    color: #fff !important;
    font-weight: 700;
    font-size: 1em;
    padding: 12px 32px;
    border-radius: 6px;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    letter-spacing: 0.02em;
}

.mv-freebie-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(var(--mv-gold-primary-rgb), 0.3);
    color: #fff !important;
}

/* With image variant */
.mv-freebie-box.mv-freebie-has-image {
    display: flex;
    gap: 24px;
    align-items: center;
}

.mv-freebie-image {
    flex: 0 0 140px;
    height: 140px;
    border-radius: 8px;
    overflow: hidden;
}

.mv-freebie-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mv-freebie-box.mv-freebie-has-image .mv-freebie-content {
    flex: 1;
}

/* End variant (before CTA) */
.mv-freebie-box.mv-freebie-end {
    margin-top: 48px;
}

/* Responsive */
@media (max-width: 600px) {
    .mv-freebie-box {
        padding: 20px;
    }

    .mv-freebie-box.mv-freebie-has-image {
        flex-direction: column;
    }

    .mv-freebie-image {
        flex: none;
        width: 100%;
        height: 180px;
    }

    .mv-freebie-title {
        font-size: 1.3em;
    }

    .mv-freebie-button {
        display: block;
        text-align: center;
    }
}

/* Print: hide freebie boxes */
@media print {
    .mv-freebie-box {
        display: none !important;
    }
}


/* ==========================================================================
   GLOSSARY TOOLTIPS (v4.30.0)
   ========================================================================== */

.mv-glossary-term {
    border-bottom: 1px dotted rgba(var(--mv-gold-primary-rgb), 0.4);
    cursor: help;
    position: relative;
    transition: all 0.3s ease;
    color: inherit;
}

.mv-glossary-term:hover {
    color: var(--mv-gold-bright);
    border-bottom-color: var(--mv-gold-bright);
    text-shadow: 0 0 12px rgba(var(--mv-gold-primary-rgb), 0.2);
}

/* Tooltip box — Premium Effekt-Katalog style */
.mv-glossary-term::after {
    content: attr(data-definition);
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    background: var(--mv-gold-light);
    color: var(--mv-primary-dark);
    border: none;
    border-radius: 8px;
    padding: 8px 16px;
    font-family: var(--mv-font-body);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    width: max-content;
    max-width: 320px;
    white-space: normal;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(var(--mv-black-rgb), 0.3);
}

/* Tooltip arrow */
.mv-glossary-term::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--mv-gold-light);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.mv-glossary-term:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.mv-glossary-term:hover::before {
    opacity: 1;
    visibility: visible;
}

/* Mobile: tooltip below instead of above */
@media (max-width: 768px) {
    .mv-glossary-term::after {
        bottom: auto;
        top: calc(100% + 10px);
        max-width: 260px;
        font-size: 0.8em;
    }
    .mv-glossary-term::before {
        bottom: auto;
        top: calc(100% + 4px);
        border-top-color: transparent;
        border-bottom-color: var(--mv-bg-border-active);
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .mv-glossary-term,
    .mv-glossary-term::after,
    .mv-glossary-term::before {
        transition: none;
    }
}

/* Print: underline only, no tooltip */
@media print {
    .mv-glossary-term {
        border-bottom: 1px solid #666;
    }
    .mv-glossary-term::after,
    .mv-glossary-term::before {
        display: none !important;
    }
}


/* ── Image Credit / Attribution (v4.31.0, enhanced v4.47.0) ── */
.mv-image-credit {
    font-size: 0.8em;
    color: var(--mv-text-muted);
    text-align: right;
    margin-top: 6px;
    margin-bottom: 20px;
    font-style: italic;
    letter-spacing: 0.3px;
}
.mv-image-credit a {
    color: var(--mv-gold-light);
    text-decoration: none;
}
.mv-image-credit a:hover {
    text-decoration: underline;
    color: var(--mv-gold-bright, #F4D03F);
}
/* Attribution inside hero image (overflow:hidden container) */
.mv-featured-image .mv-image-credit {
    position: relative;
    z-index: 5;
    margin-top: 0;
    margin-bottom: 0;
    padding: 6px 12px;
    background: rgba(var(--mv-bg-card-rgb), 0.7);
    color: rgba(var(--mv-white-rgb), 0.8);
    font-size: 0.75em;
    text-align: right;
    border-radius: 0 0 16px 16px;
}


/* ==========================================================================
   SINGLE POST – AUTHOR BOX
   ========================================================================== */

.mv-author-box {
    display: flex;
    align-items: center;
    gap: 25px;
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    padding: 30px;
    margin: 50px 0;
}

.mv-author-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid var(--mv-gold-light);
    flex-shrink: 0;
    overflow: hidden;
}

.mv-author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mv-author-info h4 {
    font-family: var(--mv-font-heading);
    font-size: 1.4em;
    color: var(--mv-text-white);
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.mv-author-info p {
    color: var(--mv-text-muted);
    font-size: 0.95em;
    line-height: 1.6;
    margin: 0;
}


/* ==========================================================================
   SINGLE POST – SOCIAL SHARING BAR (v4.28.0)
   ========================================================================== */

.mv-post-sharing {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 40px 0;
    padding: 24px 0;
    border-top: 1px solid var(--mv-bg-border);
    border-bottom: 1px solid var(--mv-bg-border);
}

.mv-sharing-label {
    font-family: var(--mv-font-heading);
    font-size: 1.2em;
    color: var(--mv-text-white);
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.mv-sharing-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.mv-share-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    color: var(--mv-text-light);
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}

.mv-share-button svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.mv-share-button:hover {
    transform: translateY(-3px);
    border-color: var(--mv-gold-light);
    color: var(--mv-text-white);
}

.mv-share-whatsapp:hover { background: #25D366; border-color: #25D366; }
.mv-share-linkedin:hover { background: #0A66C2; border-color: #0A66C2; }
.mv-share-facebook:hover { background: #1877F2; border-color: #1877F2; }
.mv-share-x:hover        { background: #000; border-color: #333; }
.mv-share-copy:hover     { background: var(--mv-gold-dark); border-color: var(--mv-gold-light); }

.mv-share-copy.copied {
    background: var(--mv-gold-dark);
    border-color: var(--mv-gold-light);
    color: var(--mv-gold-bright);
}


/* ==========================================================================
   SINGLE POST – PILLAR-BOX (SEO Cluster)
   ========================================================================== */

.mv-pillar-box {
    margin: 40px 0 10px;
}

.mv-pillar-inner {
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.15) 0%, rgba(var(--mv-bg-card-rgb), 0.4) 100%);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.4);
    border-radius: 16px;
    padding: 28px 30px;
    position: relative;
    overflow: hidden;
}

.mv-pillar-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--mv-gradient-button);
}

.mv-pillar-badge {
    display: inline-block;
    font-family: var(--mv-font-heading);
    font-size: 1.1em;
    letter-spacing: 1.5px;
    color: var(--mv-gold-light);
    margin-bottom: 8px;
}

.mv-pillar-desc {
    color: var(--mv-text-muted, #BABABA);
    font-size: 0.92em;
    margin: 0 0 16px;
    line-height: 1.5;
}

.mv-pillar-link {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 18px;
    background: rgba(var(--mv-white-rgb), 0.04);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.3);
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mv-pillar-link:hover {
    border-color: rgba(var(--mv-gold-primary-rgb), 0.6);
    background: rgba(var(--mv-white-rgb), 0.07);
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(var(--mv-gold-dark-rgb), 0.15);
}

.mv-pillar-thumb {
    width: 52px;
    height: 52px;
    border-radius: 10px;
    object-fit: cover;
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.3);
    flex-shrink: 0;
}

.mv-pillar-icon {
    font-size: 2em;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--mv-gold-dark-rgb), 0.2);
    border-radius: 10px;
}

.mv-pillar-title {
    flex: 1;
    font-family: var(--mv-font-heading);
    font-size: 1.25em;
    color: var(--mv-text-white, #FFFFFF);
    letter-spacing: 0.5px;
    line-height: 1.3;
}

.mv-pillar-arrow {
    font-size: 1.4em;
    color: var(--mv-gold-light);
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.mv-pillar-link:hover .mv-pillar-arrow {
    transform: translateX(4px);
}


/* ==========================================================================
   SINGLE POST – RELINK BOX (Auto-Refresh)
   ========================================================================== */

.mv-relink-box {
    margin: 40px 0;
    padding: 24px 28px;
    background: rgba(var(--mv-white-rgb), 0.03);
    border: 1px solid var(--mv-bg-border, rgba(var(--mv-gold-dark-rgb), 0.25));
    border-left: 3px solid var(--mv-gold-light);
    border-radius: 12px;
}

.mv-relink-box strong {
    display: block;
    font-family: var(--mv-font-heading);
    font-size: 1.15em;
    color: var(--mv-gold-light);
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.mv-relink-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mv-relink-box li {
    padding: 0;
}

.mv-relink-box li::before {
    content: '→ ';
    color: var(--mv-gold-light);
    font-weight: 700;
}

.mv-relink-box a {
    color: var(--mv-text-white, #FFFFFF);
    text-decoration: none;
    border-bottom: 1px solid rgba(var(--mv-gold-primary-rgb), 0.3);
    transition: border-color 0.3s, color 0.3s;
}

.mv-relink-box a:hover {
    color: var(--mv-gold-light);
    border-bottom-color: var(--mv-gold-light);
}


/* ==========================================================================
   SINGLE POST – RELATED POSTS
   ========================================================================== */

.mv-related-posts {
    background: var(--mv-gradient-section);
    padding: 80px 20px;
}

.mv-related-inner {
    max-width: var(--mv-wide-width);
    margin: 0 auto;
}

.mv-related-title {
    font-family: var(--mv-font-heading);
    font-size: 2.8em;
    color: var(--mv-text-white);
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 50px;
}

.mv-related-title span {
    background: var(--mv-gradient-button);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mv-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}


/* ==========================================================================
   BLOG ARCHIVE – POST CARDS
   ========================================================================== */

.mv-blog-archive {
    background: var(--mv-primary-dark);
    padding: 120px 20px 80px;
    min-height: 100vh;
    position: relative;
    /* Full-width breakout from theme content container (like glossary) */
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    overflow: hidden;
}

/* Single continuous gradient across the entire page */
.mv-blog-archive::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--mv-gradient-section);
    pointer-events: none;
    z-index: 0;
}

.mv-blog-archive > * {
    position: relative;
    z-index: 1;
}

.mv-blog-inner {
    max-width: var(--mv-wide-width);
    margin: 0 auto;
}

.mv-blog-header {
    text-align: center;
    margin-bottom: 60px;
}

.mv-blog-header h1 {
    font-family: var(--mv-font-body);
    font-size: clamp(2.4em, 5vw, 4.2em);
    font-weight: 800;
    color: var(--mv-text-white) !important;
    -webkit-text-fill-color: var(--mv-text-white) !important;
    letter-spacing: -2px;
    line-height: 1.05;
    margin-bottom: 15px;
}

.mv-blog-header h1 span {
    background: linear-gradient(135deg, var(--mv-gold-bright), var(--mv-gold-light), var(--mv-gold-dark));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mv-blog-header p {
    color: var(--mv-text-muted);
    font-size: 1.05em;
    font-weight: 300;
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Category Filter Bar */
.mv-category-filter {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 50px;
}

.mv-category-filter a {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid var(--mv-bg-border);
    border-radius: 60px;
    color: var(--mv-text-muted);
    font-family: var(--mv-font-body);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: all 0.3s ease;
    background: transparent;
}

.mv-category-filter a:hover,
.mv-category-filter a.active {
    background: var(--mv-gradient-button);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 30px rgba(var(--mv-gold-primary-rgb), 0.25);
    transform: translateY(-2px);
}

/* Post Cards Grid */
.mv-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* Individual Post Card */
.mv-post-card {
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.mv-post-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mv-gold-dark), var(--mv-gold-light), transparent);
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 1;
}

.mv-post-card:hover {
    border-color: var(--mv-bg-border-active);
    background: var(--mv-bg-card-hover);
    transform: translateY(-6px);
    box-shadow: 0 15px 40px rgba(var(--mv-gold-dark-rgb), 0.2);
}

.mv-post-card:hover::before {
    opacity: 1;
}

/* Gold shine sweep overlay on hover */
.mv-post-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(var(--mv-gold-primary-rgb), 0.08),
        transparent
    );
    z-index: 2;
    pointer-events: none;
    transition: none;
}

.mv-post-card:hover::after {
    animation: mvPostCardShine 0.8s ease forwards;
}

@keyframes mvPostCardShine {
    to {
        left: 120%;
    }
}

.mv-post-card-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.mv-post-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.mv-post-card:hover .mv-post-card-image img {
    transform: scale(1.05);
}

.mv-post-card-body {
    padding: 25px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mv-post-card-category {
    font-family: var(--mv-font-mono);
    font-size: 11px;
    letter-spacing: 3px;
    color: var(--mv-gold-bright);
    margin-bottom: 10px;
    text-transform: uppercase;
}

.mv-post-card h3 {
    font-family: var(--mv-font-body);
    font-size: 1.15em;
    font-weight: 700;
    color: var(--mv-text-white);
    letter-spacing: -0.3px;
    line-height: 1.25;
    margin-bottom: 12px;
}

.mv-post-card h3 a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.mv-post-card h3 a:hover {
    color: var(--mv-text-gold);
}

.mv-post-card-excerpt {
    color: var(--mv-text-muted);
    font-size: 0.95em;
    line-height: 1.6;
    flex: 1;
    margin-bottom: 18px;
}

.mv-post-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    border-top: 1px solid rgba(var(--mv-gold-dark-rgb), 0.15);
    margin-top: auto;
}

.mv-post-card-date {
    color: var(--mv-text-muted);
    font-size: 0.85em;
}

.mv-post-card-readmore {
    font-family: var(--mv-font-heading);
    font-size: 0.85em;
    letter-spacing: 1.5px;
    color: var(--mv-text-gold);
    text-decoration: none;
    transition: all 0.3s ease;
}

.mv-post-card-readmore:hover {
    color: var(--mv-gold-bright);
}

/* Reading Time Badge */
.mv-reading-time {
    font-size: 0.85em;
    color: var(--mv-text-muted);
}


/* ==========================================================================
   PAGINATION
   ========================================================================== */

.mv-pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 60px;
}

.mv-pagination a,
.mv-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--mv-bg-border);
    border-radius: 50%;
    color: var(--mv-text-light);
    font-family: var(--mv-font-heading);
    font-size: 1em;
    text-decoration: none;
    transition: all 0.3s ease;
}

.mv-pagination a:hover {
    background: var(--mv-gradient-button);
    color: var(--mv-text-white);
    border-color: transparent;
}

.mv-pagination .current {
    background: var(--mv-gradient-button);
    color: var(--mv-text-white);
    border-color: transparent;
}


/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

.mv-breadcrumbs {
    max-width: var(--mv-content-width);
    margin: 0 auto;
    padding: 20px 20px 0;
    font-size: 0.85em;
    color: var(--mv-text-muted);
}

.mv-breadcrumbs a {
    color: var(--mv-text-gold);
    text-decoration: none;
    transition: color 0.3s ease;
}

.mv-breadcrumbs a:hover {
    color: var(--mv-gold-bright);
}

.mv-breadcrumbs .separator {
    margin: 0 8px;
    color: var(--mv-text-muted);
}


/* ==========================================================================
   SIDEBAR (optional, if used)
   ========================================================================== */

.mv-sidebar .widget {
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 25px;
}

.mv-sidebar .widget-title {
    font-family: var(--mv-font-heading);
    font-size: 1.3em;
    color: var(--mv-text-white);
    letter-spacing: 1px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--mv-bg-border);
}


/* ==========================================================================
   MENTOVATE PAGE TEMPLATE (v4.63.0)
   ========================================================================== */

/* Force dark background + gold styling on pages (theme override protection) */
body.mvblog-page,
body.mvblog-page .site,
body.mvblog-page .site-content,
body.mvblog-page .entry-content,
body.mvblog-page .page-content,
body.mvblog-page main,
body.mvblog-page #content,
body.mvblog-page #primary {
    background: var(--mv-primary-dark) !important;
    color: var(--mv-text-light) !important;
}

/* Hero: gradient bg, gold title, badge, MENTOVATE watermark */
body.mvblog-page .mv-page-hero {
    width: 100% !important;
    background: var(--mv-gradient-section) !important;
    padding: 120px 20px 80px !important;
}

body.mvblog-page .mv-page-hero::before {
    content: 'MENTOVATE' !important;
    font-size: 10em !important;
    letter-spacing: 15px !important;
    opacity: 0.015 !important;
}

/* Gold gradient title — hardened against theme overrides */
body.mvblog-page .mv-page-hero h1 {
    font-family: var(--mv-font-heading) !important;
    font-size: 3.8em !important;
    background: var(--mv-gradient-gold) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    letter-spacing: 1px !important;
    line-height: 1.1 !important;
    margin-bottom: 20px !important;
}

/* Gold badge — same as blog posts */
body.mvblog-page .mv-post-category-badge {
    display: inline-block !important;
    background: var(--mv-gradient-gold) !important;
    color: #FFFFFF !important;
    font-family: var(--mv-font-heading) !important;
}

/* Subtitle under the page title */
.mv-page-subtitle {
    color: var(--mv-text-light) !important;
    font-size: 1.15em;
    line-height: 1.6;
    margin-top: 15px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.8;
}

/* 404 Page (v5.5.0) */
.mv-404-hero h1 {
    font-size: 8em !important;
    opacity: 0.3;
    margin-bottom: 0;
}
.mv-404-search {
    margin-top: 30px;
    justify-content: center;
}
.mv-404-blog-link {
    display: inline-block;
    margin-top: 20px;
    background: transparent !important;
    border: 1px solid var(--mv-gold) !important;
    color: var(--mv-gold) !important;
}
.mv-404-blog-link:hover {
    background: var(--mv-gold) !important;
    color: var(--mv-primary-dark) !important;
}
.mv-404-recent {
    padding: 40px 20px 60px;
}
.mv-404-recent-title {
    text-align: center;
    color: var(--mv-gold);
    font-family: var(--mv-font-heading);
    font-size: 1.8em;
    margin-bottom: 30px;
}

/* Content wrapper */
body.mvblog-page .mv-page-content-wrap {
    max-width: var(--mv-content-width);
    margin: 40px auto 0;
    padding: 0 20px 80px;
}

/* Breadcrumbs */
body.mvblog-page .mv-breadcrumbs {
    max-width: var(--mv-content-width);
    margin: 0 auto;
    padding: 0 20px;
}

/* Content headings — hardened gold gradient */
body.mvblog-page .mv-post-content h2,
body.mvblog-page .mv-post-content h3,
body.mvblog-page .mv-post-content h4 {
    background: var(--mv-gradient-gold) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    font-family: var(--mv-font-heading) !important;
}

/* Content text — force light color */
body.mvblog-page .mv-post-content p,
body.mvblog-page .mv-post-content li {
    color: var(--mv-text-light) !important;
}

body.mvblog-page .mv-post-content a {
    color: var(--mv-text-gold) !important;
}

body.mvblog-page .mv-post-content strong {
    color: var(--mv-text-white) !important;
}

/* --- Legal Content Formatting --- */

/* Section divider between h2 sections */
.mv-legal-content h2 {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid var(--mv-bg-border);
}

.mv-legal-content h2:first-child {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

/* Tighter spacing for h3 sub-sections */
.mv-legal-content h3 {
    margin-top: 30px;
}

/* Address / contact info blocks */
.mv-legal-content address,
.mv-legal-content p:has(br) {
    background: var(--mv-bg-card);
    border-left: 3px solid var(--mv-gold-dark);
    border-radius: 0 8px 8px 0;
    padding: 18px 22px;
    margin: 20px 0;
    line-height: 2;
}

/* Lists in legal content */
.mv-legal-content ul,
.mv-legal-content ol {
    background: var(--mv-bg-card);
    border-radius: 8px;
    padding: 18px 22px 18px 42px;
    margin: 20px 0;
}

.mv-legal-content ul li,
.mv-legal-content ol li {
    padding: 4px 0;
    color: var(--mv-text-light);
}

.mv-legal-content ul li::marker {
    color: var(--mv-gold-light);
}

/* Strong text — gold accent */
.mv-legal-content p > strong:first-child {
    color: var(--mv-text-gold);
}

/* External links with icon */
.mv-legal-content a[href^="http"] {
    color: var(--mv-text-gold);
}

/* Horizontal rules as gold dividers */
.mv-legal-content hr {
    border: none;
    height: 1px;
    background: var(--mv-bg-border);
    margin: 40px 0;
}

/* Small / footer text (e.g. trademark notices) */
.mv-legal-content em {
    color: var(--mv-text-muted);
    font-size: 0.95em;
}

/* Table styling for structured data */
.mv-legal-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    background: var(--mv-bg-card);
    border-radius: 8px;
    overflow: hidden;
}

.mv-legal-content table th,
.mv-legal-content table td {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--mv-bg-border);
    color: var(--mv-text-light);
}

.mv-legal-content table th {
    color: var(--mv-text-gold);
    font-weight: 600;
    background: rgba(var(--mv-gold-dark-rgb), 0.1);
}


/* ==========================================================================
   RESPONSIVE DESIGN
   ========================================================================== */

@media (max-width: 992px) {
    .mv-posts-grid,
    .mv-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .mv-post-hero {
        padding: 120px 20px 60px;
    }

    .mv-post-hero h1 {
        font-size: 2.8em;
    }

    .mv-post-hero::before {
        font-size: 8em;
    }

    .mv-blog-header h1 {
        font-size: 2.8em;
    }

    .mv-related-title {
        font-size: 2.2em;
    }

    .mv-post-meta {
        flex-direction: column;
        gap: 10px;
    }

    .mv-post-content h2 {
        font-size: 2em;
    }

    .mv-post-content h3 {
        font-size: 1.4em;
    }

    .mv-author-box {
        flex-direction: column;
        text-align: center;
    }

    .mv-post-sharing {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .mv-post-cta {
        padding: 30px 20px;
    }

    .mv-pillar-inner {
        padding: 22px 20px;
    }

    .mv-pillar-link {
        gap: 12px;
        padding: 12px 14px;
    }

    .mv-pillar-title {
        font-size: 1.1em;
    }

    .mv-pillar-thumb,
    .mv-pillar-icon {
        width: 44px;
        height: 44px;
    }

    .mv-posts-grid,
    .mv-related-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .mv-post-hero {
        padding: 100px 16px 50px;
    }

    .mv-post-hero h1 {
        font-size: 2.2em;
    }

    .mv-post-hero::before {
        font-size: 5em;
    }

    .mv-blog-header h1 {
        font-size: 2.2em;
    }

    .mv-post-content {
        font-size: 1em;
    }

    .mv-post-content blockquote {
        padding: 20px 20px 20px 44px;
    }

    .mv-post-content .mv-quote-avatar {
        width: 40px;
        height: 40px;
    }

    .mv-toc {
        padding: 20px;
    }
}


/* ==========================================================================
   SEARCH RESULTS
   ========================================================================== */

.mv-search-highlight {
    background: var(--mv-bg-highlight);
    padding: 2px 4px;
    border-radius: 3px;
    color: var(--mv-text-white);
}


/* ==========================================================================
   READING PROGRESS BAR
   ========================================================================== */

.mv-reading-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: var(--mv-gradient-button);
    z-index: 9999;
    transition: width 0.1s linear;
}


/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
    body.single-post {
        background: #fff !important;
        color: #333 !important;
    }

    .mv-post-hero {
        background: none !important;
        padding: 20px;
    }

    .mv-post-hero h1 {
        color: #333 !important;
    }

    .mv-reading-progress,
    .mv-related-posts,
    .mv-category-filter,
    .mv-post-cta {
        display: none !important;
    }
}


/* ==========================================================================
   PLUGIN-SPECIFIC ADDITIONS
   ========================================================================== */

/* Post Tags */
.mv-post-tags {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mv-tag {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid var(--mv-bg-border);
    border-radius: 50px;
    color: var(--mv-text-gold);
    font-size: 0.85em;
    text-decoration: none;
    font-family: var(--mv-font-heading);
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

.mv-tag:hover {
    background: var(--mv-gradient-button);
    color: var(--mv-text-white);
    border-color: transparent;
}

/* No Results / Search Form */
.mv-no-results {
    text-align: center;
    padding: 80px 20px;
}

.mv-no-results h2 {
    font-family: var(--mv-font-heading);
    font-size: 2.4em;
    color: var(--mv-text-white);
    margin-bottom: 15px;
}

.mv-no-results p {
    color: var(--mv-text-muted);
    font-size: 1.1em;
    margin-bottom: 30px;
}

.mv-search-form {
    display: flex;
    justify-content: center;
    gap: 10px;
    max-width: 500px;
    margin: 0 auto;
}

.mv-search-input {
    flex: 1;
    padding: 14px 20px;
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 50px;
    color: var(--mv-text-white);
    font-family: var(--mv-font-body);
    font-size: 1em;
    outline: none;
    transition: border-color 0.3s ease;
}

.mv-search-input:focus {
    border-color: var(--mv-bg-border-active);
}

.mv-search-input::placeholder {
    color: var(--mv-text-muted);
}

/* Ensure plugin doesn't bleed into Elementor pages */
body:not(.mvblog-active) .mv-post-hero,
body:not(.mvblog-active) .mv-blog-archive,
body:not(.mvblog-active) .mv-reading-progress {
    display: none !important;
}


/* ==========================================================================
   CATEGORY SHOWCASE – Animated Grid
   ========================================================================== */

.mv-category-showcase {
    width: 100%;
    background: transparent;
    padding: 0 0 60px;
    position: relative;
    overflow: hidden;
}

.mv-showcase-inner {
    max-width: var(--mv-wide-width);
    margin: 0 auto;
}

/* Header */
.mv-showcase-header {
    text-align: center;
    margin-bottom: 50px;
}

.mv-showcase-header h2 {
    font-family: var(--mv-font-heading);
    font-size: 3em;
    color: var(--mv-text-white);
    letter-spacing: 1px;
    line-height: 1.1;
    margin-bottom: 12px;
}

.mv-showcase-header h2 span {
    background: var(--mv-gradient-button);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mv-showcase-header p {
    color: var(--mv-text-light);
    font-size: 1.1em;
    max-width: 550px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Grid */
.mv-showcase-grid {
    display: grid;
    gap: 20px;
}

.mv-showcase-cols-2 { grid-template-columns: repeat(2, 1fr); }
.mv-showcase-cols-3 { grid-template-columns: repeat(3, 1fr); }
.mv-showcase-cols-4 { grid-template-columns: repeat(4, 1fr); }

/* Card */
.mv-showcase-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid var(--mv-bg-border);
    cursor: pointer;
    transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* Staggered entrance animation */
    opacity: 0;
    transform: translateY(30px);
    animation: mvShowcaseAppear 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
    animation-delay: var(--card-delay, 0ms);
}

@keyframes mvShowcaseAppear {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Background Image Layer */
.mv-showcase-card-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(160deg, var(--card-accent, var(--mv-gold-dark)) 0%, var(--mv-primary-dark) 100%);
}

.mv-showcase-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-showcase-card:hover .mv-showcase-card-bg img {
    opacity: 0.7;
    transform: scale(1.08);
}

/* Overlay gradient */
.mv-showcase-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(var(--mv-bg-deep-rgb), 0.95) 0%,
        rgba(var(--mv-bg-deep-rgb), 0.7) 40%,
        rgba(var(--mv-bg-deep-rgb), 0.3) 70%,
        transparent 100%
    );
    transition: opacity 0.4s ease;
}

.mv-showcase-card:hover .mv-showcase-card-overlay {
    background: linear-gradient(
        to top,
        rgba(var(--mv-bg-deep-rgb), 0.9) 0%,
        rgba(var(--mv-bg-deep-rgb), 0.4) 50%,
        rgba(var(--mv-bg-deep-rgb), 0.15) 80%,
        transparent 100%
    );
}

/* Spotlight border on showcase cards */
.mv-showcase-card::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 16px;
    border: 1px solid transparent;
    background: radial-gradient(400px circle at var(--mv-card-x, 50%) var(--mv-card-y, 50%), rgba(var(--mv-gold-primary-rgb), 0.3), transparent 60%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    z-index: 3;
}
.mv-showcase-card:hover::after { opacity: 1; }

/* Content */
.mv-showcase-card-content {
    position: relative;
    z-index: 2;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Icon */
.mv-showcase-icon {
    font-size: 2.2em;
    margin-bottom: 12px;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    filter: drop-shadow(0 2px 8px rgba(var(--mv-black-rgb), 0.3));
}

.mv-showcase-card:hover .mv-showcase-icon {
    transform: scale(1.15) rotate(-5deg);
}

/* Title */
.mv-showcase-card-content h3 {
    font-family: var(--mv-font-body);
    font-size: 1.25em;
    font-weight: 700;
    color: var(--mv-text-white);
    letter-spacing: -0.3px;
    line-height: 1.2;
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

.mv-showcase-card:hover .mv-showcase-card-content h3 {
    color: var(--mv-gold-bright);
}

/* Description */
.mv-showcase-card-content p {
    color: var(--mv-text-muted);
    font-size: 0.9em;
    line-height: 1.5;
    margin-bottom: 12px;
    opacity: 0;
    max-height: 0;
    transform: translateY(8px);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
}

.mv-showcase-card:hover .mv-showcase-card-content p {
    opacity: 1;
    max-height: 100px;
    transform: translateY(0);
}

/* Footer */
.mv-showcase-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    border-top: 1px solid rgba(var(--mv-gold-dark-rgb), 0.2);
}

.mv-showcase-count {
    font-family: var(--mv-font-mono);
    font-size: 11px;
    color: var(--mv-gold-bright);
    letter-spacing: 2px;
}

.mv-showcase-arrow {
    font-size: 1.2em;
    color: var(--mv-text-gold);
    transition: transform 0.3s ease;
    opacity: 0;
}

.mv-showcase-card:hover .mv-showcase-arrow {
    opacity: 1;
    transform: translateX(5px);
}

/* Shine Effect */
.mv-showcase-shine {
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(var(--mv-gold-primary-rgb), 0.08),
        transparent
    );
    z-index: 3;
    pointer-events: none;
    transition: none;
}

.mv-showcase-card:hover .mv-showcase-shine {
    animation: mvShine 0.8s ease forwards;
}

@keyframes mvShine {
    to {
        left: 120%;
    }
}

/* Hover lift + glow */
.mv-showcase-card:hover {
    transform: translateY(-8px);
    border-color: var(--mv-bg-border-active);
    box-shadow:
        0 20px 50px rgba(var(--mv-black-rgb), 0.3),
        0 0 30px rgba(var(--mv-gold-dark-rgb), 0.15);
}

/* Top border glow on hover */
.mv-showcase-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--mv-gold-dark), var(--mv-gold-light), transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 4;
}

.mv-showcase-card:hover::after {
    opacity: 1;
}

/* Focus state for accessibility */
.mv-showcase-card:focus-visible {
    outline: 2px solid var(--mv-gold-light);
    outline-offset: 3px;
}

/* Responsive */
@media (max-width: 992px) {
    .mv-showcase-cols-4 { grid-template-columns: repeat(2, 1fr); }
    .mv-showcase-cols-3 { grid-template-columns: repeat(2, 1fr); }

    .mv-showcase-card {
        min-height: 240px;
    }
}

@media (max-width: 768px) {
    .mv-showcase-header h2 {
        font-size: 2.4em;
    }

    .mv-category-showcase {
        padding-bottom: 60px;
    }
}

@media (max-width: 580px) {
    .mv-showcase-cols-4,
    .mv-showcase-cols-3,
    .mv-showcase-cols-2 {
        grid-template-columns: 1fr;
    }

    .mv-showcase-card {
        min-height: 200px;
    }

    /* On mobile, always show description */
    .mv-showcase-card-content p {
        opacity: 1;
        max-height: 100px;
        transform: translateY(0);
    }

    .mv-showcase-arrow {
        opacity: 1;
    }
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .mv-showcase-card {
        animation: none;
        opacity: 1;
        transform: none;
    }

    .mv-showcase-card:hover {
        transform: none;
    }

    .mv-showcase-card:hover .mv-showcase-shine {
        animation: none;
    }

    .mv-showcase-card:hover .mv-showcase-card-bg img {
        transform: none;
    }
}


/* ==========================================================================
   LATEST POSTS HEADER (between showcase and grid)
   ========================================================================== */

.mv-latest-header {
    text-align: center;
    margin: 10px 0 40px;
}

.mv-latest-title {
    font-family: var(--mv-font-body);
    font-size: 2em;
    font-weight: 800;
    color: var(--mv-text-white);
    letter-spacing: -0.5px;
}

.mv-latest-title span {
    background: linear-gradient(135deg, var(--mv-gold-bright), var(--mv-gold-light), var(--mv-gold-dark));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* ==========================================================================
   IMAGE ICON – Gold Overlay Style
   ========================================================================== */

/* Container for image-based icon */
.mv-showcase-icon-wrap {
    position: relative;
    width: 64px;
    height: 64px;
    margin-bottom: 12px;
    border-radius: 14px;
    overflow: hidden;
    flex-shrink: 0;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.mv-showcase-card:hover .mv-showcase-icon-wrap {
    transform: scale(1.1) rotate(-3deg);
}

/* The actual image */
.mv-showcase-icon-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: grayscale(20%) contrast(1.05);
    transition: all 0.5s ease;
}

.mv-showcase-card:hover .mv-showcase-icon-image img {
    filter: grayscale(0%) contrast(1.1);
}

/* Gold gradient overlay – the MENTOVATE touch */
.mv-showcase-icon-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        160deg,
        rgba(var(--mv-gold-dark-rgb), 0.45) 0%,
        rgba(var(--mv-gold-primary-rgb), 0.2) 50%,
        rgba(var(--mv-gold-dark-rgb), 0.5) 100%
    );
    mix-blend-mode: overlay;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.mv-showcase-card:hover .mv-showcase-icon-overlay {
    background: linear-gradient(
        160deg,
        rgba(var(--mv-gold-dark-rgb), 0.55) 0%,
        rgba(var(--mv-gold-primary-rgb), 0.35) 50%,
        rgba(var(--mv-gold-dark-rgb), 0.6) 100%
    );
}

/* Gold ring border */
.mv-showcase-icon-ring {
    position: absolute;
    inset: 0;
    border-radius: 14px;
    border: 2px solid transparent;
    background: linear-gradient(var(--mv-primary-dark), var(--mv-primary-dark)) padding-box,
                linear-gradient(202deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark)) border-box;
    pointer-events: none;
    transition: all 0.4s ease;
}

.mv-showcase-card:hover .mv-showcase-icon-ring {
    border-width: 2px;
    box-shadow:
        0 0 12px rgba(var(--mv-gold-dark-rgb), 0.4),
        inset 0 0 8px rgba(var(--mv-gold-primary-rgb), 0.15);
}

/* Subtle gold shimmer animation on hover */
.mv-showcase-icon-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(var(--mv-gold-primary-rgb), 0.25),
        transparent
    );
    pointer-events: none;
}

.mv-showcase-card:hover .mv-showcase-icon-image::after {
    animation: mvIconShimmer 0.7s ease forwards;
}

@keyframes mvIconShimmer {
    to { left: 150%; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .mv-showcase-card:hover .mv-showcase-icon-wrap {
        transform: none;
    }
    .mv-showcase-card:hover .mv-showcase-icon-image::after {
        animation: none;
    }
}


/* ==========================================================================
   SHOWCASE CARD SIZES
   ========================================================================== */

.mv-showcase-size-small .mv-showcase-card {
    min-height: 200px;
}

.mv-showcase-size-small .mv-showcase-icon {
    font-size: 1.8em;
}

.mv-showcase-size-small .mv-showcase-icon-wrap {
    width: 52px;
    height: 52px;
}

.mv-showcase-size-small .mv-showcase-card-content h3 {
    font-size: 1.25em;
}

.mv-showcase-size-medium .mv-showcase-card {
    min-height: 280px;
}

.mv-showcase-size-large .mv-showcase-card {
    min-height: 360px;
}

.mv-showcase-size-large .mv-showcase-icon {
    font-size: 2.6em;
}

.mv-showcase-size-large .mv-showcase-icon-wrap {
    width: 76px;
    height: 76px;
}

.mv-showcase-size-large .mv-showcase-card-content h3 {
    font-size: 1.8em;
}

.mv-showcase-size-large .mv-showcase-card-content p {
    font-size: 1em;
}


/* ==========================================================================
   FEATURED IMAGE – MENTOVATE GOLD OVERLAY
   ========================================================================== */

.mv-featured-image {
    position: relative;
    max-width: var(--mv-content-width);
    margin: 0 auto 50px;
    border-radius: 16px;
    overflow: hidden;
    background: #0a0a0b; /* v4.47.0: Dunkler BG verhindert sichtbaren Rand bei Hover-Zoom */
}

/* Base image */
.mv-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Gold gradient overlay */
.mv-featured-image.mv-has-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        160deg,
        rgba(var(--mv-gold-dark-rgb), 0.55) 0%,
        rgba(var(--mv-bg-card-rgb), 0.3) 30%,
        rgba(var(--mv-gold-primary-rgb), 0.2) 60%,
        rgba(var(--mv-gold-dark-rgb), 0.45) 100%
    );
    mix-blend-mode: multiply;
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1;
    pointer-events: none;
}

/* Top gold border glow */
.mv-featured-image.mv-has-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg,
        transparent,
        var(--mv-gold-dark),
        var(--mv-gold-light),
        var(--mv-gold-dark),
        transparent
    );
    z-index: 2;
    opacity: 0.8;
    transition: opacity 0.4s ease;
}

/* Hover: reveal original image */
.mv-featured-image.mv-has-overlay:hover::after {
    opacity: 0.15;
}

.mv-featured-image.mv-has-overlay:hover::before {
    opacity: 1;
}

.mv-featured-image.mv-has-overlay:hover img {
    transform: scale(1.03);
}

/* Bottom fade into dark background */
.mv-featured-image.mv-has-overlay .mv-featured-fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to top, var(--mv-primary-dark), transparent);
    z-index: 2;
    pointer-events: none;
}

/* Corner vignette */
.mv-featured-image.mv-has-overlay .mv-featured-vignette {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 50%, rgba(var(--mv-bg-card-rgb), 0.4) 100%);
    z-index: 1;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

.mv-featured-image.mv-has-overlay:hover .mv-featured-vignette {
    opacity: 0.3;
}

/* Without overlay – clean image */
.mv-featured-image:not(.mv-has-overlay) img {
    border-radius: 16px;
}

.mv-featured-image:not(.mv-has-overlay):hover img {
    transform: scale(1.02);
}

/* Responsive */
@media (max-width: 768px) {
    .mv-featured-image {
        border-radius: 12px;
        margin-bottom: 35px;
    }
}


/* ==========================================================================
   EXTENDED CONTENT ELEMENTS – For Blog Post Creation
   ========================================================================== */

/* Warning Box – Gold badge left + shine sweep */
.mv-post-content .mv-warning {
    background: rgba(var(--mv-gold-dark-rgb), 0.06);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.2);
    border-left: 3px solid rgba(var(--mv-gold-primary-rgb), 0.6);
    border-radius: 0 12px 12px 0;
    padding: 22px 28px 22px 68px;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-post-content .mv-warning:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mv-gold-dark-rgb), 0.45);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

/* Gold badge pill – LEFT */
.mv-post-content .mv-warning::before {
    content: '⚠️';
    position: absolute;
    top: 20px;
    left: 16px;
    width: 36px;
    height: 36px;
    background: var(--mv-gradient-gold);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15em;
    line-height: 1;
    z-index: 2;
}

/* Shine sweep */
.mv-post-content .mv-warning::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-post-content .mv-warning:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-post-content .mv-warning strong:first-child {
    display: block;
    margin-bottom: 8px;
    font-family: var(--mv-font-heading);
    font-size: 1.5em;
    letter-spacing: 1px;
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Success Box – Gold badge left + shine sweep */
.mv-post-content .mv-success {
    background:
        linear-gradient(90deg, transparent, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark), transparent) top/100% 2px no-repeat,
        linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.1), rgba(var(--mv-gold-primary-rgb), 0.04));
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.3);
    border-radius: 16px;
    padding: 22px 28px 22px 68px;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-post-content .mv-success:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mv-gold-primary-rgb), 0.5);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

/* Gold badge pill – LEFT */
.mv-post-content .mv-success::before {
    content: '✅';
    position: absolute;
    top: 20px;
    left: 16px;
    width: 36px;
    height: 36px;
    background: var(--mv-gradient-gold);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15em;
    line-height: 1;
    z-index: 2;
}

/* Shine sweep */
.mv-post-content .mv-success::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-post-content .mv-success:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-post-content .mv-success strong:first-child {
    display: block;
    margin-bottom: 8px;
    font-family: var(--mv-font-heading);
    font-size: 1.5em;
    letter-spacing: 1px;
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Key Takeaway / Highlight Box */
.mv-post-content .mv-highlight-box {
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.12), rgba(var(--mv-gold-primary-rgb), 0.06));
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.35);
    border-radius: 16px;
    padding: 28px 32px;
    margin: 35px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-post-content .mv-highlight-box:hover {
    transform: translateY(-4px);
    border-color: var(--mv-bg-border-active);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.12);
}

.mv-post-content .mv-highlight-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
}

/* Shine sweep */
.mv-post-content .mv-highlight-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-post-content .mv-highlight-box:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-post-content .mv-highlight-box strong:first-child {
    display: block;
    margin-bottom: 8px;
    font-family: var(--mv-font-heading);
    font-size: 1.2em;
    letter-spacing: 1px;
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Checklist */
.mv-post-content .mv-checklist {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.mv-post-content .mv-checklist li {
    position: relative;
    padding: 10px 0 10px 36px;
    border-bottom: 1px solid rgba(var(--mv-gold-dark-rgb), 0.1);
    line-height: 1.6;
}

.mv-post-content .mv-checklist li:last-child {
    border-bottom: none;
}

.mv-post-content .mv-checklist li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 10px;
    width: 22px;
    height: 22px;
    background: var(--mv-gradient-button);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
}

/* Negative Checklist (X marks) */
.mv-post-content .mv-checklist-x {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.mv-post-content .mv-checklist-x li {
    position: relative;
    padding: 10px 0 10px 36px;
    border-bottom: 1px solid rgba(var(--mv-gold-dark-rgb), 0.1);
    line-height: 1.6;
}

.mv-post-content .mv-checklist-x li:last-child {
    border-bottom: none;
}

.mv-post-content .mv-checklist-x li::before {
    content: '✗';
    position: absolute;
    left: 0;
    top: 10px;
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #2a2a2a, #3a3a3a);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.75em;
    font-weight: 700;
}

/* Step Boxes */
.mv-post-content .mv-steps {
    margin: 35px 0;
    counter-reset: step-counter;
}

.mv-post-content .mv-step {
    display: flex;
    gap: 20px;
    padding: 22px 0;
    border-bottom: 1px solid rgba(var(--mv-gold-dark-rgb), 0.15);
    counter-increment: step-counter;
}

.mv-post-content .mv-step:last-child {
    border-bottom: none;
}

.mv-post-content .mv-step::before {
    content: counter(step-counter);
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    background: var(--mv-gradient-button);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: var(--mv-font-heading);
    font-size: 1.4em;
    letter-spacing: 0;
}

.mv-post-content .mv-step-content h4 {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: var(--mv-text-white);
    background-clip: unset;
    color: var(--mv-text-white);
    margin: 0 0 6px;
    font-size: 1.15em;
}

.mv-post-content .mv-step-content p {
    margin: 0;
    color: var(--mv-text-light);
    font-size: 0.95em;
}

/* Pro/Con Comparison – Gold / Muted */
.mv-post-content .mv-pro-con {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 30px 0;
}

.mv-post-content .mv-pro,
.mv-post-content .mv-con {
    background: var(--mv-bg-card);
    border-radius: 12px;
    padding: 22px 24px;
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.2);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.mv-post-content .mv-pro:hover,
.mv-post-content .mv-con:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--mv-gold-dark-rgb), 0.45);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

/* Shine sweep */
.mv-post-content .mv-pro::after,
.mv-post-content .mv-con::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-post-content .mv-pro:hover::after,
.mv-post-content .mv-con:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-post-content .mv-pro {
    border-top: 3px solid var(--mv-gold-light);
}

.mv-post-content .mv-con {
    border-top: 3px solid rgba(var(--mv-text-muted-rgb), 0.25);
}

.mv-post-content .mv-pro h4,
.mv-post-content .mv-con h4 {
    margin: 0 0 12px;
    font-size: 1.1em;
}

.mv-post-content .mv-pro > strong:first-child,
.mv-post-content .mv-con > strong:first-child {
    display: block;
    margin-bottom: 12px;
    font-family: var(--mv-font-heading);
    font-size: 1.3em;
    letter-spacing: 0.8px;
}

.mv-post-content .mv-pro h4,
.mv-post-content .mv-pro > strong:first-child {
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.mv-post-content .mv-con h4,
.mv-post-content .mv-con > strong:first-child {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: var(--mv-text-muted);
    background-clip: unset;
    color: var(--mv-text-muted);
}

.mv-post-content .mv-pro ul,
.mv-post-content .mv-con ul {
    margin: 0;
}

.mv-post-content .mv-pro li::before {
    background: var(--mv-gradient-button);
}

.mv-post-content .mv-con li::before {
    background: rgba(var(--mv-text-muted-rgb), 0.4);
}

/* Quote with Attribution */
/* Stats Row */
.mv-post-content .mv-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 16px;
    margin: 30px 0;
}

.mv-post-content .mv-stat {
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
}

.mv-post-content .mv-stat:hover {
    transform: translateY(-4px);
    border-color: var(--mv-bg-border-active);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

/* Shine sweep */
.mv-post-content .mv-stat::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-post-content .mv-stat:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-post-content .mv-stat-number {
    display: block;
    font-family: var(--mv-font-heading);
    font-size: 2.2em;
    color: var(--mv-text-gold);
    line-height: 1;
    margin-bottom: 6px;
}

.mv-post-content .mv-stat-label {
    font-size: 0.85em;
    color: var(--mv-text-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Responsive for pro/con and stats */
@media (max-width: 600px) {
    .mv-post-content .mv-pro-con {
        grid-template-columns: 1fr;
    }
    .mv-post-content .mv-step {
        gap: 14px;
    }
}

/* Content element shine sweep animation */
@keyframes mvContentShine {
    to {
        left: 120%;
    }
}

/* Disable shine on touch / reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .mv-post-content .mv-infobox:hover::after,
    .mv-post-content .mv-warning:hover::after,
    .mv-post-content .mv-success:hover::after,
    .mv-post-content .mv-highlight-box:hover::after,
    .mv-post-content .mv-pro:hover::after,
    .mv-post-content .mv-con:hover::after,
    .mv-post-content .mv-stat:hover::after,
    .mv-post-content blockquote:hover::after,
    .mv-post-content table:hover::after {
        animation: none;
    }
}


/* ==========================================================================
   DOWNLOAD BOX
   ========================================================================== */

.mv-download-box {
    display: flex;
    align-items: center;
    gap: 20px;
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    padding: 24px 28px;
    margin: 35px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-download-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
}

.mv-download-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-download-box:hover {
    transform: translateY(-4px);
    border-color: var(--mv-bg-border-active);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

.mv-download-box:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-download-icon {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    background: var(--mv-gradient-gold);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6em;
    position: relative;
    z-index: 2;
}

.mv-download-content {
    flex: 1;
    min-width: 0;
    position: relative;
    z-index: 2;
}

.mv-download-title {
    display: block;
    color: var(--mv-text-white);
    font-family: var(--mv-font-heading);
    font-size: 1.3em;
    letter-spacing: 0.5px;
    margin-bottom: 4px;
}

.mv-download-desc {
    color: var(--mv-text-light);
    font-size: 0.92em;
    margin: 0 0 8px;
    line-height: 1.5;
}

.mv-download-meta {
    display: flex;
    gap: 12px;
}

.mv-download-type,
.mv-download-size {
    font-size: 0.78em;
    color: var(--mv-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    background: rgba(var(--mv-gold-dark-rgb), 0.15);
    padding: 2px 8px;
    border-radius: 4px;
}

.mv-download-btn {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    background: var(--mv-gradient-gold);
    color: #fff !important;
    font-family: var(--mv-font-heading);
    font-size: 1.05em;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
}

.mv-download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--mv-gold-dark-rgb), 0.4);
    filter: brightness(1.1);
}

@media (max-width: 600px) {
    .mv-download-box {
        flex-direction: column;
        text-align: center;
    }
    .mv-download-meta {
        justify-content: center;
    }
}


/* ==========================================================================
   VIDEO EMBED WRAPPER
   ========================================================================== */

.mv-video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid var(--mv-bg-border);
    margin: 35px 0;
    background: #000;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-video-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
    z-index: 2;
}

.mv-video-wrapper:hover {
    border-color: var(--mv-bg-border-active);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.3),
        0 0 25px rgba(var(--mv-gold-dark-rgb), 0.12);
}

.mv-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/* ==========================================================================
   FAQ SECTION – MENTOVATE STYLE (matching landing page FAQ design)
   ========================================================================== */

.mv-faq-section {
    width: 100%;
    padding: 50px 0 35px;
    position: relative;
    overflow: hidden;
}

.mv-faq-section::before {
    content: 'FAQ';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--mv-font-heading);
    font-size: 18em;
    color: #FFF;
    opacity: .015;
    letter-spacing: 40px;
    white-space: nowrap;
    pointer-events: none;
}

/* FAQ Header */
.mv-faq-header {
    text-align: center;
    margin-bottom: 40px;
}

.mv-faq-badge {
    display: inline-block;
    background: var(--mv-gradient-gold);
    color: #FFF;
    font-family: var(--mv-font-heading);
    font-size: 0.95em;
    letter-spacing: 2.5px;
    padding: 7px 22px;
    border-radius: 50px;
    margin-bottom: 22px;
}

.mv-faq-title {
    font-family: var(--mv-font-heading);
    font-size: 3.8em;
    color: var(--mv-text-white);
    letter-spacing: 1px;
    line-height: 1.1;
    margin-bottom: 18px;
    border-bottom: none;
    padding-bottom: 0;
}

.mv-faq-title span {
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mv-faq-subtitle {
    font-size: 1.15em;
    color: var(--mv-text-light);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.7;
}

/* FAQ Items */
.mv-faq-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 40px;
}

.mv-faq-item {
    background: rgba(var(--mv-white-rgb), 0.03);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.25);
    border-radius: 16px;
    overflow: hidden;
    transition: all 0.35s ease;
}

.mv-faq-item:hover {
    border-color: rgba(var(--mv-gold-dark-rgb), 0.5);
    background: rgba(var(--mv-white-rgb), 0.04);
}

.mv-faq-item.active {
    border-color: rgba(var(--mv-gold-dark-rgb), 0.55);
    background: rgba(var(--mv-white-rgb), 0.04);
    box-shadow: 0 8px 25px rgba(var(--mv-gold-dark-rgb), 0.12);
}

/* FAQ Question (clickable trigger) */
.mv-faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    padding: 24px 28px;
    background: none;
    border: none;
    cursor: pointer;
    user-select: none;
    transition: background 0.3s ease;
}

.mv-faq-question:hover {
    background: rgba(var(--mv-white-rgb), 0.02);
}

.mv-faq-question-text {
    font-family: var(--mv-font-heading);
    font-size: 1.45em;
    color: var(--mv-text-gold);
    letter-spacing: 0.8px;
    line-height: 1.3;
    flex: 1;
    text-align: left;
}

/* Toggle Circle (+/×) */
.mv-faq-toggle {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(var(--mv-gold-dark-rgb), 0.15);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.35s ease;
}

.mv-faq-toggle-icon {
    font-size: 1.1em;
    color: var(--mv-text-gold);
    transition: transform 0.35s ease;
    line-height: 1;
}

.mv-faq-item.active .mv-faq-toggle {
    background: var(--mv-gradient-gold);
    border-color: transparent;
}

.mv-faq-item.active .mv-faq-toggle-icon {
    color: #FFFFFF;
    transform: rotate(45deg);
}

/* FAQ Answer */
.mv-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.mv-faq-answer-inner {
    padding: 0 28px 24px;
    color: var(--mv-text-light);
    font-size: 1em;
    line-height: 1.75;
}

.mv-faq-answer-inner strong {
    color: var(--mv-text-white);
    font-weight: 500;
}

.mv-faq-answer-inner p {
    margin: 0;
}

.mv-faq-item.active .mv-faq-answer {
    max-height: 2000px;
}

/* Bottom Note */
.mv-faq-bottom-note {
    text-align: center;
    font-size: 1em;
    color: var(--mv-text-light);
    line-height: 1.7;
}

.mv-faq-bottom-note strong {
    color: var(--mv-text-white);
    font-weight: 500;
}

.mv-faq-bottom-link {
    color: var(--mv-text-gold);
    text-decoration: none;
    transition: color 0.3s ease;
}

.mv-faq-bottom-link:hover {
    color: var(--mv-text-white);
}

/* FAQ Responsive */
@media (max-width: 768px) {
    .mv-faq-section::before {
        font-size: 10em;
        letter-spacing: 20px;
    }
    .mv-faq-title {
        font-size: 2.8em;
    }
    .mv-faq-question {
        padding: 22px 24px;
    }
    .mv-faq-question-text {
        font-size: 1.3em;
    }
    .mv-faq-answer-inner {
        padding: 0 24px 22px;
    }
}

@media (max-width: 480px) {
    .mv-faq-section::before {
        font-size: 7em;
        letter-spacing: 14px;
    }
    .mv-faq-title {
        font-size: 2.2em;
    }
    .mv-faq-subtitle {
        font-size: 1em;
    }
    .mv-faq-question {
        padding: 20px 20px;
    }
    .mv-faq-question-text {
        font-size: 1.15em;
    }
    .mv-faq-toggle {
        width: 32px;
        height: 32px;
    }
    .mv-faq-answer-inner {
        padding: 0 20px 20px;
        font-size: 0.95em;
    }
}


/* ==========================================================================
   CHART / STATISTICS CONTAINERS
   ========================================================================== */

.mv-chart-container {
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 16px;
    padding: 28px;
    margin: 35px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-chart-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
}

.mv-chart-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.06), transparent);
    z-index: 1;
    pointer-events: none;
}

.mv-chart-container:hover {
    transform: translateY(-4px);
    border-color: var(--mv-bg-border-active);
    box-shadow:
        0 12px 35px rgba(var(--mv-black-rgb), 0.25),
        0 0 20px rgba(var(--mv-gold-dark-rgb), 0.1);
}

.mv-chart-container:hover::after {
    animation: mvContentShine 0.8s ease forwards;
}

.mv-chart-title {
    font-family: var(--mv-font-heading);
    font-size: 1.4em;
    letter-spacing: 0.8px;
    margin: 0 0 20px;
    position: relative;
    z-index: 2;
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mv-chart-canvas-wrap {
    position: relative;
    z-index: 2;
    max-height: 400px;
}

.mv-chart-canvas-wrap canvas {
    width: 100% !important;
    max-height: 380px;
}

@media (max-width: 600px) {
    .mv-chart-container {
        padding: 18px;
    }
    .mv-chart-canvas-wrap {
        max-height: 280px;
    }
}


/* ==========================================================================
   GLOBAL REDUCED MOTION – Comprehensive Override
   Covers ALL hover transforms, transitions, and animations
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ── SAFETY NET: mv-tip / mv-warning etc. without mv-infobox parent ── */
.mv-post-content .mv-tip:not(.mv-infobox) {
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-left: 3px solid var(--mv-gold-light);
    border-radius: 0 12px 12px 0;
    padding: 22px 28px 22px 68px;
    margin: 30px 0;
    position: relative;
    overflow: hidden;
}
.mv-post-content .mv-tip:not(.mv-infobox)::before {
    content: '💡';
    position: absolute;
    top: 20px;
    left: 16px;
    width: 36px;
    height: 36px;
    background: var(--mv-gradient-gold);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15em;
    line-height: 1;
}
.mv-post-content .mv-tip:not(.mv-infobox) > strong:first-child {
    display: block;
    margin-bottom: 8px;
    font-family: var(--mv-font-heading);
    font-size: 1.3em;
    letter-spacing: 0.8px;
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* ==========================================================================
   GLOSSARY PAGE (v4.33.0)
   Frontend /glossar/ page with alphabetical index
   ========================================================================== */

.mv-glossary-page {
    background: var(--mv-primary-dark);
    color: var(--mv-text-light);
    font-family: var(--mv-font-body);
    position: relative;
    /* Full-width breakout from theme content container (v4.44.0) */
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    overflow: hidden;
}

/* Single continuous gradient across the entire page (same pattern as .mv-blog-archive) */
.mv-glossary-page::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
        var(--mv-primary-dark) 0%,
        rgba(var(--mv-bg-brown-rgb), 0.18) 12%,
        rgba(var(--mv-gold-dark-rgb), 0.1) 25%,
        rgba(var(--mv-gold-dark-rgb), 0.06) 45%,
        rgba(var(--mv-bg-brown-rgb), 0.08) 65%,
        rgba(var(--mv-gold-dark-rgb), 0.04) 80%,
        var(--mv-primary-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.mv-glossary-page > * {
    position: relative;
    z-index: 1;
}

.mv-glossary-header {
    background: transparent;
    padding: 60px 20px 40px;
    text-align: center;
}

.mv-glossary-header .mv-post-category-badge {
    margin-bottom: 22px;
}

.mv-glossary-header-inner {
    max-width: 800px;
    margin: 0 auto;
}

.mv-glossary-header h1 {
    font-family: var(--mv-font-heading);
    font-size: 3em;
    color: var(--mv-text-white);
    letter-spacing: 3px;
    margin: 0 0 12px;
}

.mv-glossary-header h1 span {
    background: var(--mv-gradient-button);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mv-glossary-header p {
    color: var(--mv-text-light);
    font-size: 1.1em;
    margin: 0 0 20px;
    opacity: 0.85;
}

.mv-glossary-header-divider {
    width: 80px;
    height: 3px;
    margin: 0 auto;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
    border-radius: 2px;
}

.mv-glossary-content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 20px 60px;
}

/* Alpha Index Bar */
.mv-glossary-alpha-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    margin-bottom: 24px;
    padding: 16px 0;
    border-bottom: 1px solid var(--mv-bg-border);
}

.mv-glossary-alpha-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    font-family: var(--mv-font-heading);
    font-size: 1.1em;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.mv-glossary-alpha-link.active {
    color: var(--mv-text-white);
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    cursor: pointer;
}

.mv-glossary-alpha-link.active:hover {
    background: var(--mv-bg-highlight);
    border-color: var(--mv-gold-light);
    color: var(--mv-gold-light);
}

.mv-glossary-alpha-link.inactive {
    color: rgba(var(--mv-text-muted-rgb), 0.25);
    cursor: default;
}

/* Search */
.mv-glossary-search-wrap {
    max-width: 500px;
    margin: 0 auto 36px;
}

.mv-glossary-search {
    width: 100%;
    padding: 14px 20px;
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 12px;
    color: var(--mv-text-white);
    font-size: 1em;
    font-family: var(--mv-font-body);
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mv-glossary-search::placeholder {
    color: var(--mv-text-muted);
}

.mv-glossary-search:focus {
    border-color: var(--mv-gold-light);
    box-shadow: 0 0 0 2px rgba(var(--mv-gold-primary-rgb), 0.15);
}

/* Letter Section */
.mv-glossary-letter-section {
    margin-bottom: 36px;
}

.mv-glossary-letter-divider {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
}

.mv-glossary-letter {
    font-family: var(--mv-font-heading);
    font-size: 2.2em;
    color: var(--mv-gold-light);
    letter-spacing: 2px;
    flex-shrink: 0;
    line-height: 1;
}

.mv-glossary-letter-divider hr {
    flex: 1;
    border: none;
    border-top: 1px solid var(--mv-bg-border);
    margin: 0;
}

/* Term Cards Grid */
.mv-glossary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 16px;
}

.mv-glossary-card {
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-top: 2px solid var(--mv-gold-dark);
    border-radius: 12px;
    padding: 24px;
    transition: all 0.3s ease;
}

.mv-glossary-card:hover {
    transform: translateY(-3px);
    border-color: var(--mv-bg-border-active);
    box-shadow: 0 8px 24px rgba(var(--mv-black-rgb), 0.3);
}

.mv-glossary-card h3 {
    font-family: var(--mv-font-heading);
    font-size: 1.3em;
    color: var(--mv-gold-light);
    letter-spacing: 0.5px;
    margin: 0 0 10px;
}

.mv-glossary-card p {
    color: var(--mv-text-light);
    font-size: 0.92em;
    line-height: 1.65;
    margin: 0;
}

.mv-glossary-card-badge {
    display: inline-block;
    margin-top: 12px;
    padding: 3px 10px;
    background: var(--mv-bg-highlight);
    border: 1px solid var(--mv-bg-border);
    border-radius: 6px;
    font-size: 0.75em;
    color: var(--mv-text-gold);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

/* Related Post Links (v4.41.0) */
.mv-glossary-card-links {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--mv-bg-border);
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.mv-glossary-card-links-label {
    font-size: 0.72em;
    color: var(--mv-text-gold);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 2px;
}
.mv-glossary-card-link {
    color: var(--mv-gold-light);
    font-size: 0.85em;
    text-decoration: none;
    transition: color .25s;
    line-height: 1.4;
}
.mv-glossary-card-link:hover {
    color: var(--mv-text-white);
}

/* Related Terms "Siehe auch" (v4.55.0) */
.mv-glossary-card-related {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(var(--mv-gold-dark-rgb), 0.2);
    font-size: 0.85em;
    color: var(--mv-text-muted);
}
.mv-glossary-card-related-label {
    color: var(--mv-gold-light);
    font-weight: 500;
    margin-right: 4px;
}
.mv-glossary-related-link {
    color: var(--mv-gold-light);
    text-decoration: none;
    transition: color 0.2s;
}
.mv-glossary-related-link:hover {
    color: #fff;
}

/* Kategorie-Filter Pills (v4.54.0) */
.mv-glossary-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-bottom: 16px;
}

.mv-glossary-filter {
    padding: 6px 16px;
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    border-radius: 20px;
    color: var(--mv-text-light);
    font-family: var(--mv-font-body);
    font-size: 0.85em;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mv-glossary-filter.active,
.mv-glossary-filter:hover {
    background: var(--mv-bg-highlight);
    border-color: var(--mv-gold-light);
    color: var(--mv-gold-light);
}

/* View Toggle (v4.54.0) */
.mv-glossary-view-toggle {
    display: flex;
    justify-content: center;
    gap: 0;
    margin-bottom: 20px;
}

.mv-glossary-view-btn {
    padding: 8px 20px;
    background: var(--mv-bg-card);
    border: 1px solid var(--mv-bg-border);
    color: var(--mv-text-light);
    font-family: var(--mv-font-body);
    font-size: 0.9em;
    cursor: pointer;
    transition: all 0.2s ease;
}

.mv-glossary-view-btn:first-child {
    border-radius: 8px 0 0 8px;
}

.mv-glossary-view-btn:last-child {
    border-radius: 0 8px 8px 0;
    margin-left: -1px;
}

.mv-glossary-view-btn.active {
    background: var(--mv-bg-highlight);
    border-color: var(--mv-gold-light);
    color: var(--mv-gold-light);
}

/* Category View Sections (v4.54.0) */
.mv-glossary-category-section {
    margin-bottom: 36px;
}

/* Tooltip deep-link: a.mv-glossary-term (v4.54.0) */
a.mv-glossary-term {
    color: inherit;
    text-decoration: none;
}

/* Deep-Link Highlight Animation (v4.54.0) */
.mv-glossary-card-highlight {
    animation: mv-glossary-highlight 2s ease;
}

@keyframes mv-glossary-highlight {
    0%, 100% { box-shadow: 0 0 0 0 transparent; }
    20%, 80% { box-shadow: 0 0 0 3px var(--mv-gold-light); border-color: var(--mv-gold-light); }
}

/* Mobile */
@media (max-width: 768px) {
    .mv-glossary-header h1 { font-size: 2.2em; }
    .mv-glossary-grid { grid-template-columns: 1fr; }
    .mv-glossary-alpha-link { width: 30px; height: 30px; font-size: 0.9em; }
    .mv-glossary-filter { padding: 5px 12px; font-size: 0.8em; }
    .mv-glossary-view-btn { padding: 6px 14px; font-size: 0.85em; }
}


/* ==========================================================================
   DOWNLOADS PAGE (v4.33.0)
   Frontend /downloads/ page
   ========================================================================== */

.mv-downloads-page {
    background: var(--mv-primary-dark);
    color: var(--mv-text-light);
    font-family: var(--mv-font-body);
    position: relative;
    /* Full-width breakout from theme content container (v4.44.0) */
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    overflow: hidden;
}

/* Single continuous gradient across the entire page (same pattern as .mv-blog-archive) */
.mv-downloads-page::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
        var(--mv-primary-dark) 0%,
        rgba(var(--mv-bg-brown-rgb), 0.18) 12%,
        rgba(var(--mv-gold-dark-rgb), 0.1) 25%,
        rgba(var(--mv-gold-dark-rgb), 0.06) 45%,
        rgba(var(--mv-bg-brown-rgb), 0.08) 65%,
        rgba(var(--mv-gold-dark-rgb), 0.04) 80%,
        var(--mv-primary-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

.mv-downloads-page > * {
    position: relative;
    z-index: 1;
}

.mv-downloads-header {
    background: transparent;
    padding: 60px 20px 40px;
    text-align: center;
}

.mv-downloads-header .mv-post-category-badge {
    margin-bottom: 22px;
}

.mv-downloads-header-inner {
    max-width: 800px;
    margin: 0 auto;
}

.mv-downloads-header h1 {
    font-family: var(--mv-font-heading);
    font-size: 3em;
    color: var(--mv-text-white);
    letter-spacing: 3px;
    margin: 0 0 12px;
}

.mv-downloads-header h1 span {
    background: var(--mv-gradient-button);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mv-downloads-header p {
    color: var(--mv-text-light);
    font-size: 1.1em;
    margin: 0 0 20px;
    opacity: 0.85;
}

.mv-downloads-header-divider {
    width: 80px;
    height: 3px;
    margin: 0 auto;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
    border-radius: 2px;
}

.mv-downloads-content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 20px 60px;
}

.mv-downloads-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 24px;
}

/* Reuses existing .mv-download-box styles from blog-styles.css */

@media (max-width: 768px) {
    .mv-downloads-header h1 { font-size: 2.2em; }
    .mv-downloads-grid { grid-template-columns: 1fr; }
}


/* ==================================================================
   FAQ PAGE (v4.34.0)
   ================================================================== */

.mvfaq-section {
    /* Full-width breakout from theme content container (v4.44.0) */
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding: 60px 20px 80px;
    position: relative;
    background: var(--mv-primary-dark);
    overflow: hidden;
    font-family: var(--mv-font-body);
    color: #BABABA;
    line-height: 1.6;
}
.mvfaq-section * { box-sizing: border-box; }

/* Gradient overlay via ::after (::before is used for watermark text) */
.mvfaq-section::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,
        var(--mv-primary-dark) 0%,
        rgba(var(--mv-bg-brown-rgb), 0.18) 12%,
        rgba(var(--mv-gold-dark-rgb), 0.1) 25%,
        rgba(var(--mv-gold-dark-rgb), 0.06) 45%,
        rgba(var(--mv-bg-brown-rgb), 0.08) 65%,
        rgba(var(--mv-gold-dark-rgb), 0.04) 80%,
        var(--mv-primary-dark) 100%
    );
    pointer-events: none;
    z-index: 0;
}

/* Watermark text — sits above gradient but below content */
.mvfaq-section::before {
    content: 'FAQ';
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-family: var(--mv-font-heading);
    font-size: 18em;
    color: #FFF;
    opacity: .015;
    letter-spacing: 40px;
    white-space: nowrap;
    pointer-events: none;
    z-index: 0;
}
.mvfaq-inner {
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
}

/* Header */
.mvfaq-header { text-align: center; margin-bottom: 40px; }
.mvfaq-badge {
    display: inline-block;
    background: var(--mv-gradient-gold);
    color: #FFF;
    font-family: var(--mv-font-heading);
    font-size: .95em;
    letter-spacing: 2.5px;
    padding: 7px 22px;
    border-radius: 50px;
    margin-bottom: 22px;
}
.mvfaq-header h2 {
    font-family: var(--mv-font-heading);
    font-size: 3.8em;
    color: #FFF;
    letter-spacing: 1px;
    line-height: 1.1;
    margin-bottom: 18px;
}
.mvfaq-header h2 span {
    background: var(--mv-gradient-gold);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.mvfaq-header p {
    font-size: 1.15em;
    color: #BABABA;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Search */
.mvfaq-search-wrap { max-width: 540px; margin: 0 auto 30px; }
.mvfaq-search-box { position: relative; display: flex; align-items: center; }
.mvfaq-search-icon {
    position: absolute; left: 16px;
    width: 18px; height: 18px;
    color: rgba(var(--mv-gold-primary-rgb), 0.5);
    pointer-events: none;
    transition: color .3s;
    overflow: visible;
    z-index: 1;
}
.mvfaq-search-icon circle,
.mvfaq-search-icon line,
.mvfaq-search-icon path {
    stroke: currentColor;
    fill: none;
    vector-effect: non-scaling-stroke;
}
.mvfaq-search-input {
    width: 100%;
    padding: 16px 50px 16px 48px;
    background: rgba(var(--mv-white-rgb), 0.04);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.3);
    border-radius: 60px;
    color: #FFF;
    font-family: var(--mv-font-body);
    font-size: 1em;
    outline: none;
    transition: all .3s;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.mvfaq-search-input::-webkit-search-cancel-button,
.mvfaq-search-input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none;
}
.mvfaq-search-input::placeholder { color: rgba(var(--mv-text-muted-rgb), 0.4); }
.mvfaq-search-input:focus {
    border-color: rgba(var(--mv-gold-primary-rgb), 0.6);
    background: rgba(var(--mv-white-rgb), 0.06);
    box-shadow: 0 0 0 3px rgba(var(--mv-gold-dark-rgb), 0.1);
}
.mvfaq-search-box:focus-within .mvfaq-search-icon { color: var(--mv-gold-light); }
.mvfaq-search-clear {
    position: absolute; right: 16px;
    background: none; border: none;
    color: rgba(var(--mv-text-muted-rgb), 0.5);
    font-size: 14px; line-height: 1;
    cursor: pointer; padding: 0;
    width: 24px; height: 24px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    transition: all .3s;
}
.mvfaq-search-clear:hover { color: #FFF; background: rgba(var(--mv-white-rgb), 0.1); }
.mvfaq-section .mvfaq-search-clear {
    box-shadow: none; text-shadow: none; text-decoration: none;
    min-width: 0; min-height: 0;
}
.mvfaq-section svg.mvfaq-search-icon {
    display: block; box-sizing: content-box; background: none; margin: 0;
}
.mvfaq-search-status {
    text-align: center; margin-top: 10px;
    font-size: .85em; color: rgba(var(--mv-gold-primary-rgb), 0.6);
    min-height: 1.2em;
}
.mvfaq-no-results { text-align: center; padding: 50px 20px; color: #BABABA; }
.mvfaq-no-results .mvfaq-search-term { color: var(--mv-gold-light); font-weight: 500; }
.mvfaq-reset-search {
    margin-top: 16px;
    padding: 10px 28px;
    background: rgba(var(--mv-gold-dark-rgb), 0.15);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.35);
    border-radius: 50px;
    color: var(--mv-gold-light);
    font-family: var(--mv-font-heading);
    font-size: 1em;
    letter-spacing: 1.5px;
    cursor: pointer;
    transition: all .3s;
}
.mvfaq-reset-search:hover {
    background: var(--mv-gradient-gold);
    border-color: transparent;
    color: #FFF;
}

/* Tabs */
.mvfaq-tabs {
    display: flex; justify-content: center;
    gap: 12px; margin-bottom: 16px; flex-wrap: wrap;
}
.mvfaq-tab {
    font-family: var(--mv-font-heading);
    font-size: 1.05em; letter-spacing: 1.5px;
    padding: 8px 24px; border-radius: 50px;
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.35);
    background: rgba(var(--mv-gold-dark-rgb), 0.08);
    color: var(--mv-gold-light); cursor: pointer;
    transition: all .3s; user-select: none; outline: none;
}
.mvfaq-tab:hover {
    border-color: rgba(var(--mv-gold-dark-rgb), 0.6);
    background: rgba(var(--mv-gold-dark-rgb), 0.15);
}
.mvfaq-tab:focus-visible { box-shadow: 0 0 0 2px var(--mv-gold-light); }
.mvfaq-tab.active {
    background: var(--mv-gradient-gold);
    border-color: transparent; color: #FFF;
}

/* Counter */
.mvfaq-counter {
    text-align: center; margin-bottom: 30px;
    font-family: var(--mv-font-heading);
    font-size: 1.1em; color: rgba(var(--mv-gold-primary-rgb), 0.5);
    letter-spacing: 2px;
}

/* FAQ Items */
.mvfaq-list { display: flex; flex-direction: column; gap: 16px; }
.mvfaq-item {
    background: rgba(var(--mv-white-rgb), 0.03);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.25);
    border-radius: 16px; overflow: hidden;
    transition: all .35s;
}
.mvfaq-item.mvfaq-hidden { display: none; }
.mvfaq-item:hover {
    border-color: rgba(var(--mv-gold-dark-rgb), 0.5);
    background: rgba(var(--mv-white-rgb), 0.04);
}
.mvfaq-item.active {
    border-color: rgba(var(--mv-gold-dark-rgb), 0.55);
    background: rgba(var(--mv-white-rgb), 0.05);
}
.mvfaq-question {
    display: flex; align-items: center; justify-content: space-between;
    gap: 16px; padding: 24px 28px;
    cursor: pointer; user-select: none;
}
.mvfaq-question-text {
    font-family: var(--mv-font-heading);
    font-size: 1.45em; color: var(--mv-gold-light);
    letter-spacing: .8px; line-height: 1.3; flex: 1;
}
.mvfaq-toggle {
    flex-shrink: 0; width: 36px; height: 36px;
    border-radius: 50%;
    background: rgba(var(--mv-gold-dark-rgb), 0.15);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.35);
    display: flex; align-items: center; justify-content: center;
    transition: all .35s;
}
.mvfaq-toggle-icon {
    font-size: 1.1em; color: var(--mv-gold-light);
    transition: transform .35s; line-height: 1;
}
.mvfaq-item.active .mvfaq-toggle {
    background: var(--mv-gradient-gold);
    border-color: transparent;
}
.mvfaq-item.active .mvfaq-toggle-icon { color: #FFF; transform: rotate(45deg); }

/* Answers */
.mvfaq-answer {
    max-height: 0; overflow: hidden;
    transition: max-height .45s cubic-bezier(.4,0,.2,1);
}
.mvfaq-item.active .mvfaq-answer { max-height: 800px; }
.mvfaq-answer-inner {
    padding: 0 28px 24px;
    color: #BABABA; font-size: 1em; line-height: 1.75;
}
.mvfaq-answer-inner p {
    margin: 0 0 12px; color: #BABABA;
    font-size: 1em; line-height: 1.75;
}
.mvfaq-answer-inner p:last-child { margin-bottom: 0; }
.mvfaq-answer-inner strong { color: #FFF; font-weight: 500; }
.mvfaq-answer-inner a { color: var(--mv-gold-light); text-decoration: none; transition: color .3s; }
.mvfaq-answer-inner a:hover { color: #FFF; }
.mvfaq-answer-inner ul,
.mvfaq-answer-inner ol { margin: 12px 0; padding-left: 24px; }
.mvfaq-answer-inner li { margin-bottom: 6px; color: #BABABA; }

/* Search highlight */
.mvfaq-highlight,
mark.mvfaq-highlight {
    background: rgba(var(--mv-gold-primary-rgb), 0.25);
    color: #FFF;
    border-radius: 2px;
    padding: 0 2px;
}

/* Bottom CTA */
.mvfaq-bottom-note {
    text-align: center; margin-top: 40px;
    font-size: 1em; color: #BABABA; line-height: 1.7;
}
.mvfaq-bottom-note strong { color: #FFF; font-weight: 500; }
.mvfaq-bottom-link { color: var(--mv-gold-light); text-decoration: none; transition: color .3s; }
.mvfaq-bottom-link:hover { color: #FFF; }

/* Responsive */
@media (max-width: 768px) {
    .mvfaq-section { padding: 50px 20px 60px; }
    .mvfaq-section::before { font-size: 10em; letter-spacing: 20px; }
    .mvfaq-header h2 { font-size: 2.8em; }
    .mvfaq-tabs { gap: 8px; }
    .mvfaq-tab { font-size: .95em; padding: 7px 18px; }
    .mvfaq-question { padding: 22px 24px; }
    .mvfaq-question-text { font-size: 1.3em; }
    .mvfaq-answer-inner { padding: 0 24px 22px; }
    .mvfaq-search-input { padding: 14px 46px 14px 44px; font-size: .95em; }
}
@media (max-width: 480px) {
    .mvfaq-section { padding: 40px 16px 50px; }
    .mvfaq-section::before { font-size: 7em; letter-spacing: 14px; }
    .mvfaq-header h2 { font-size: 2.2em; }
    .mvfaq-header p { font-size: 1em; }
    .mvfaq-tabs { gap: 6px; }
    .mvfaq-tab { font-size: .88em; padding: 6px 14px; letter-spacing: 1px; }
    .mvfaq-question { padding: 20px 18px; gap: 12px; }
    .mvfaq-question-text { font-size: 1.15em; }
    .mvfaq-toggle { width: 32px; height: 32px; }
    .mvfaq-answer-inner { padding: 0 18px 20px; font-size: .95em; }
    .mvfaq-search-input { padding: 12px 42px 12px 40px; }
    .mvfaq-search-icon { left: 12px; width: 16px; height: 16px; }
}

/* ===================================================================
   MENTOVATE NAVIGATION (v4.74.0)
   Seitenweites Navigationsmenü im Gold/Dark-Design.
   Nutzt wp_nav_menu() — konfigurierbar unter Design → Menüs.
   =================================================================== */

.mv-nav-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background: rgba(var(--mv-bg-card-rgb), 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(var(--mv-gold-primary-rgb), 0.15);
    transition: background 0.3s, box-shadow 0.3s;
}
.mv-nav-header.mv-nav-scrolled {
    background: rgba(var(--mv-bg-card-rgb), 0.98);
    box-shadow: 0 2px 20px rgba(var(--mv-black-rgb), 0.4);
}
.mv-nav-inner {
    max-width: var(--mv-wide-width, 1100px);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 64px;
}

/* Logo */
.mv-nav-logo-link {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--mv-gold-light);
    font-family: var(--mv-font-heading);
    font-size: 22px;
    letter-spacing: 2px;
}
.mv-nav-logo-link:hover { color: var(--mv-gold-bright, #F4D03F); }
.mv-nav-logo-img { height: 36px; width: auto; }

/* Menu links */
.mv-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 4px;
    align-items: center;
}
.mv-nav-list > li { position: relative; }
.mv-nav-list > li > a {
    color: var(--mv-text-light, #BABABA);
    text-decoration: none;
    font-family: var(--mv-font-body);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 8px 16px;
    border-radius: 6px;
    transition: color 0.3s ease, background 0.3s ease;
    display: block;
    position: relative;
}
/* Gold underline slide animation */
.mv-nav-list > li > a::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--mv-gradient-button);
    border-radius: 2px;
    transition: width 0.3s ease, left 0.3s ease;
}
.mv-nav-list > li > a:hover::after,
.mv-nav-list > li.current-menu-item > a::after,
.mv-nav-list > li.current-menu-ancestor > a::after {
    width: 60%;
    left: 20%;
}
.mv-nav-list > li > a:hover,
.mv-nav-list > li.current-menu-item > a,
.mv-nav-list > li.current-menu-ancestor > a {
    color: var(--mv-gold-light);
}
/* Last item = Gold CTA Button */
.mv-nav-list > li:last-child > a {
    background: var(--mv-gradient-button);
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    border-radius: 50px;
    padding: 8px 22px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}
.mv-nav-list > li:last-child > a::after { display: none; }
.mv-nav-list > li:last-child > a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(var(--mv-gold-dark-rgb), 0.4);
    color: #fff;
}

/* Dropdown (depth 2) */
.mv-nav-list li > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    background: rgba(var(--mv-bg-panel-rgb), 0.98);
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.15);
    border-radius: 8px;
    padding: 8px 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
    box-shadow: 0 8px 24px rgba(var(--mv-black-rgb), 0.5);
}
.mv-nav-list li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mv-nav-list .sub-menu li a {
    color: var(--mv-text-light, #BABABA);
    text-decoration: none;
    font-family: var(--mv-font-body);
    padding: 9px 18px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    transition: color 0.2s, background 0.2s, padding-left 0.2s;
    display: block;
}
.mv-nav-list .sub-menu li a:hover {
    color: var(--mv-gold-light);
    background: rgba(var(--mv-gold-primary-rgb), 0.08);
    padding-left: 22px;
}

/* Spacer */
.mv-nav-spacer { height: 64px; }

/* WP Admin-Bar Korrektur */
.admin-bar .mv-nav-header { top: 32px; }
@media (max-width: 782px) {
    .admin-bar .mv-nav-header { top: 46px; }
}

/* Mobile Toggle */
.mv-nav-mobile-toggle {
    display: none;
    background: none;
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.25);
    border-radius: 8px;
    cursor: pointer;
    padding: 10px 9px;
    flex-direction: column;
    gap: 5px;
    transition: border-color 0.3s ease, background 0.3s ease;
}
.mv-nav-mobile-toggle:hover {
    border-color: var(--mv-gold-light);
    background: rgba(var(--mv-gold-primary-rgb), 0.08);
}
.mv-nav-hamburger {
    display: block;
    width: 22px;
    height: 2.5px;
    background: var(--mv-gold-light);
    transition: transform 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55), opacity 0.25s ease, width 0.3s ease;
    border-radius: 2px;
}
.mv-nav-hamburger:nth-child(2) { width: 16px; }
.mv-nav-open .mv-nav-hamburger:nth-child(2) { width: 22px; }

/* Mobile */
@media (max-width: 768px) {
    .mv-nav-mobile-toggle { display: flex; }
    .mv-nav-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(var(--mv-bg-card-rgb), 0.98);
        border-top: 1px solid rgba(var(--mv-gold-primary-rgb), 0.15);
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s;
    }
    .mv-nav-open .mv-nav-menu {
        max-height: 80vh;
        overflow-y: auto;
    }
    .mv-nav-list {
        flex-direction: column;
        padding: 12px 24px;
        gap: 0;
    }
    .mv-nav-list > li > a {
        padding: 14px 0;
        border-bottom: 1px solid rgba(var(--mv-white-rgb), 0.05);
        border-radius: 0;
        font-size: 15px;
    }
    .mv-nav-list > li > a::after { display: none; }
    .mv-nav-list > li:last-child > a {
        margin-top: 8px;
        text-align: center;
        border-bottom: none;
    }
    .mv-nav-list li > .sub-menu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0 0 0 16px;
        min-width: 0;
    }
    .mv-nav-list .sub-menu li a:hover { padding-left: 18px; }
    /* Hamburger → X */
    .mv-nav-open .mv-nav-hamburger:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .mv-nav-open .mv-nav-hamburger:nth-child(2) { opacity: 0; }
    .mv-nav-open .mv-nav-hamburger:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
}


/* ==========================================================================
   LINKTREE – Link-Seite im MENTOVATE Gold/Dark Design (v4.91.0)
   ========================================================================== */

:root {
    --mv-lt-max-width: 600px;
    --mv-lt-photo-size: 150px;
    --mv-lt-card-radius: 16px;
    --mv-lt-icon-size: 40px;
    --mv-lt-quote-font-size: 1.15em;
    --mv-lt-signature-max-height: 60px;
}

/* Full-width dark wrapper — extends edge-to-edge regardless of theme */
.mv-linktree-wrap {
    background: var(--mv-primary-dark);
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    min-height: 80vh;
    overflow: hidden;
}

/* Reset breakout inside preview modal */
#lt-preview-overlay .mv-linktree-wrap {
    width: 100%;
    position: static;
    left: auto;
    margin-left: 0;
    border-radius: 16px;
    min-height: auto;
}

/* Centered content column */
.mv-linktree-page {
    color: var(--mv-text-light);
    max-width: var(--mv-lt-max-width);
    margin: 0 auto;
    padding: 60px 20px 40px;
    font-family: var(--mv-font-body);
}

/* Hero section */
.mv-linktree-hero {
    text-align: center;
    margin-bottom: 32px;
}

.mv-linktree-hero-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Profile photo */
.mv-linktree-photo {
    margin-bottom: 16px;
}

.mv-linktree-photo img {
    width: var(--mv-lt-photo-size);
    height: var(--mv-lt-photo-size);
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--mv-gold-light);
    box-shadow: 0 4px 20px rgba(var(--mv-gold-dark-rgb), 0.25);
}

/* Name */
.mv-linktree-name {
    font-family: var(--mv-font-heading);
    color: var(--mv-text-white);
    font-size: 2.5em;
    letter-spacing: 1.5px;
    margin: 0 0 4px;
    line-height: 1.1;
}

/* Subtitle */
.mv-linktree-subtitle {
    color: var(--mv-gold-light);
    font-size: 1.1em;
    letter-spacing: 0.5px;
    margin: 0 0 12px;
}

/* Bio */
.mv-linktree-bio {
    color: var(--mv-text-light);
    font-size: 0.95em;
    line-height: 1.6;
    max-width: 480px;
    margin: 0 auto 16px;
}

/* Quote */
.mv-linktree-quote {
    font-style: italic;
    color: var(--mv-gold-light);
    font-size: var(--mv-lt-quote-font-size);
    line-height: 1.6;
    max-width: 480px;
    margin: 12px auto 8px;
    text-align: center;
}

.mv-linktree-quote-mark {
    font-family: Georgia, 'Times New Roman', serif;
    color: var(--mv-gold-dark);
    opacity: 0.7;
    font-size: 1.3em;
    vertical-align: -0.1em;
}

/* Signature */
.mv-linktree-signature {
    margin: 12px auto 8px;
    text-align: center;
}

.mv-linktree-signature img {
    max-height: var(--mv-lt-signature-max-height);
    width: auto;
    opacity: 0.85;
}

/* Divider */
.mv-linktree-divider {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
    border-radius: 2px;
    margin: 8px auto 0;
}

/* Category header + badge */
.mv-linktree-category-header {
    text-align: center;
    margin: 24px 0 12px;
}

.mv-linktree-category-header:first-child {
    margin-top: 0;
}

.mv-linktree-category-badge {
    display: inline-block;
    background: var(--mv-gradient-gold);
    color: #fff;
    font-family: var(--mv-font-heading);
    font-size: 0.85em;
    letter-spacing: 2.5px;
    padding: 6px 20px;
    border-radius: 50px;
    line-height: 1;
}

/* Links container */
.mv-linktree-links {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Single link — glass card with gold glow */
.mv-linktree-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    background:
        linear-gradient(135deg,
            rgba(var(--mv-gold-dark-rgb), 0.08),
            rgba(var(--mv-white-rgb), 0.03) 50%,
            rgba(var(--mv-gold-dark-rgb), 0.06));
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.25);
    border-radius: var(--mv-lt-card-radius);
    text-decoration: none;
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    min-height: 44px; /* touch target */
    box-shadow:
        0 2px 12px rgba(var(--mv-black-rgb), 0.2),
        0 0 1px rgba(var(--mv-gold-primary-rgb), 0.15),
        inset 0 1px 0 rgba(var(--mv-gold-primary-rgb), 0.08);
}

/* Gradient border — subtle glow frame, intensifies on hover */
.mv-linktree-link::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--mv-lt-card-radius);
    padding: 1px;
    background: linear-gradient(135deg, var(--mv-gold-dark), var(--mv-gold-light), var(--mv-gold-dark));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0.3;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* Outer glow on hover */
.mv-linktree-link::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: var(--mv-lt-card-radius);
    background: radial-gradient(
        ellipse at 50% 0%,
        rgba(var(--mv-gold-primary-rgb), 0.15),
        transparent 70%
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: -1;
}

.mv-linktree-link:hover::before {
    opacity: 1;
}

.mv-linktree-link:hover::after {
    opacity: 1;
}

.mv-linktree-link:hover {
    transform: translateY(-4px) scale(1.01);
    border-color: rgba(var(--mv-gold-primary-rgb), 0.5);
    background:
        linear-gradient(135deg,
            rgba(var(--mv-gold-dark-rgb), 0.14),
            rgba(var(--mv-white-rgb), 0.05) 50%,
            rgba(var(--mv-gold-dark-rgb), 0.1));
    box-shadow:
        0 12px 32px rgba(var(--mv-black-rgb), 0.3),
        0 0 20px rgba(var(--mv-gold-primary-rgb), 0.12),
        0 0 40px rgba(var(--mv-gold-dark-rgb), 0.08),
        inset 0 1px 0 rgba(var(--mv-gold-primary-rgb), 0.15);
}

.mv-linktree-link:active {
    transform: translateY(-1px) scale(0.99);
    transition-duration: 0.1s;
}

/* Icon box */
.mv-linktree-link-icon {
    flex-shrink: 0;
    width: var(--mv-lt-icon-size);
    height: var(--mv-lt-icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.35), rgba(var(--mv-gold-primary-rgb), 0.18));
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.15);
    border-radius: 10px;
    font-size: 20px;
    line-height: 1;
    transition: all 0.35s ease;
    box-shadow: 0 0 8px rgba(var(--mv-gold-dark-rgb), 0.15);
}
.mv-linktree-link:hover .mv-linktree-link-icon {
    box-shadow: 0 0 14px rgba(var(--mv-gold-primary-rgb), 0.3);
    border-color: rgba(var(--mv-gold-primary-rgb), 0.35);
}

/* Thumbnail image variant */
.mv-linktree-link-image {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.2);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.mv-linktree-link:hover .mv-linktree-link-image {
    border-color: rgba(var(--mv-gold-primary-rgb), 0.4);
    box-shadow: 0 0 10px rgba(var(--mv-gold-primary-rgb), 0.2);
}

.mv-linktree-link-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}
.mv-linktree-link:hover .mv-linktree-link-image img {
    transform: scale(1.08);
}

/* Link content */
.mv-linktree-link-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.mv-linktree-link-title {
    color: var(--mv-text-white);
    font-family: var(--mv-font-heading);
    font-size: 1.1em;
    letter-spacing: 0.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.3s ease;
}
.mv-linktree-link:hover .mv-linktree-link-title {
    color: var(--mv-gold-bright);
}

.mv-linktree-link-desc {
    color: var(--mv-text-muted);
    font-size: 0.85em;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Arrow */
.mv-linktree-link-arrow {
    flex-shrink: 0;
    color: var(--mv-gold-light);
    font-size: 1.6em;
    font-weight: 300;
    opacity: 0;
    transform: translateX(-8px);
    transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    filter: drop-shadow(0 0 4px rgba(var(--mv-gold-primary-rgb), 0.4));
}

.mv-linktree-link:hover .mv-linktree-link-arrow {
    opacity: 1;
    transform: translateX(0);
}

/* Branding footer */
.mv-linktree-branding {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
}

.mv-linktree-branding a {
    color: var(--mv-text-muted);
    font-size: 0.8em;
    text-decoration: none;
    letter-spacing: 0.5px;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}

.mv-linktree-branding a:hover {
    opacity: 1;
    color: var(--mv-gold-light);
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .mv-linktree-page {
        padding: 40px 16px 30px;
    }
    .mv-linktree-photo img {
        width: 120px;
        height: 120px;
    }
    .mv-linktree-name {
        font-size: 2em;
    }
    .mv-linktree-quote {
        font-size: 1.05em;
    }
    .mv-linktree-signature img {
        max-height: 50px;
    }
    .mv-linktree-category-badge {
        font-size: 0.8em;
        padding: 5px 16px;
        letter-spacing: 2px;
    }
}

@media (max-width: 480px) {
    .mv-linktree-photo img {
        width: 100px;
        height: 100px;
    }
    .mv-linktree-name {
        font-size: 1.7em;
    }
    .mv-linktree-quote {
        font-size: 0.95em;
    }
    .mv-linktree-signature img {
        max-height: 40px;
    }
    .mv-linktree-link {
        padding: 14px 16px;
        gap: 10px;
    }
    .mv-linktree-link-image {
        width: 44px;
        height: 44px;
    }
    .mv-linktree-category-badge {
        font-size: 0.75em;
        padding: 4px 14px;
    }
}

/* Print */
@media print {
    .mv-linktree-branding { display: none; }
    .mv-linktree-link { break-inside: avoid; }
}

/* ══════════════════════════════════════════════════════════════════════
   LERNPFADE (v5.9.0) — Overview, Timeline, In-Post Navigation
   ══════════════════════════════════════════════════════════════════════ */

/* --- Overview Grid [mvblog_lernpfade] --- */

.mv-lernpfade-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    margin: 30px 0;
}

.mv-lernpfade-card {
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.1) 0%, rgba(var(--mv-bg-card-rgb), 0.5) 100%);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.35);
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mv-lernpfade-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(var(--mv-black-rgb), 0.3);
}

.mv-lernpfade-card-image {
    height: 160px;
    background-size: cover;
    background-position: center;
}

.mv-lernpfade-card-icon {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.15) 0%, rgba(var(--mv-bg-card-rgb), 0.3) 100%);
}

.mv-lernpfade-card-body {
    padding: 20px 24px 24px;
}

.mv-lernpfade-card-title {
    font-family: var(--mv-font-heading);
    font-size: 1.4em;
    letter-spacing: 1px;
    color: var(--mv-text, #F5F1EB);
    margin: 0 0 8px;
}

.mv-lernpfade-card-desc {
    color: rgba(var(--mv-text-cream-rgb), 0.7);
    font-size: 0.9em;
    line-height: 1.5;
    margin: 0 0 12px;
}

.mv-lernpfade-card-meta {
    color: var(--mv-gold-light);
    font-size: 0.85em;
    margin-bottom: 16px;
}

.mv-lernpfade-card-btn {
    display: inline-block;
    font-family: var(--mv-font-heading);
    font-size: 1em;
    letter-spacing: 1.5px;
    color: var(--mv-text, #F5F1EB);
    background: var(--mv-gradient-button);
    padding: 10px 28px;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.mv-lernpfade-card-btn:hover {
    opacity: 0.85;
    color: var(--mv-text, #F5F1EB);
    text-decoration: none;
}

/* --- Single Path Timeline [mvblog_lernpfad] --- */

.mv-lernpfad-single {
    margin: 30px 0;
}

.mv-lernpfad-header {
    text-align: center;
    margin-bottom: 50px;
}

.mv-lernpfad-header-icon {
    font-size: 56px;
    display: block;
    margin-bottom: 16px;
    filter: drop-shadow(0 0 12px rgba(var(--mv-gold-primary-rgb), 0.4));
}

.mv-lernpfad-header-title {
    font-family: var(--mv-font-heading);
    font-size: 2.8em;
    letter-spacing: 2px;
    color: var(--mv-text, #F5F1EB);
    margin: 0 0 16px;
    text-transform: uppercase;
    background: linear-gradient(135deg, #F5F1EB 0%, var(--mv-gold-light) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.mv-lernpfad-header-desc {
    color: rgba(var(--mv-text-cream-rgb), 0.75);
    font-size: 1.15em;
    line-height: 1.7;
    max-width: 640px;
    margin: 0 auto 16px;
}

.mv-lernpfad-header-meta {
    color: var(--mv-gold-light);
    font-size: 0.95em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mv-lernpfad-timeline {
    max-width: 720px;
    margin: 0 auto;
}

.mv-lernpfad-step {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.mv-lernpfad-step-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
    width: 52px;
}

.mv-lernpfad-step-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--mv-gradient-button);
    color: var(--mv-text, #F5F1EB);
    font-family: var(--mv-font-heading);
    font-size: 1.4em;
    font-weight: bold;
    flex-shrink: 0;
    box-shadow: 0 0 18px rgba(var(--mv-gold-primary-rgb), 0.35), 0 4px 12px rgba(var(--mv-black-rgb), 0.3);
    border: 2px solid rgba(var(--mv-gold-primary-rgb), 0.3);
    transition: box-shadow 0.3s, transform 0.3s;
}

.mv-lernpfad-step:hover .mv-lernpfad-step-num {
    box-shadow: 0 0 24px rgba(var(--mv-gold-primary-rgb), 0.55), 0 4px 16px rgba(var(--mv-black-rgb), 0.4);
    transform: scale(1.08);
}

.mv-lernpfad-step-line {
    width: 2px;
    flex-grow: 1;
    min-height: 20px;
    background: linear-gradient(180deg, rgba(var(--mv-gold-primary-rgb), 0.5) 0%, rgba(var(--mv-gold-primary-rgb), 0.1) 100%);
}

.mv-lernpfad-step-card {
    flex: 1;
    display: flex;
    gap: 16px;
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.1) 0%, rgba(var(--mv-bg-card-rgb), 0.4) 100%);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.3);
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 16px;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s, background 0.3s;
    box-shadow: 0 2px 8px rgba(var(--mv-black-rgb), 0.15);
}

.mv-lernpfad-step-card:hover {
    border-color: rgba(var(--mv-gold-primary-rgb), 0.6);
    transform: translateX(6px);
    text-decoration: none;
    color: inherit;
    box-shadow: 0 8px 28px rgba(var(--mv-black-rgb), 0.25), 0 0 16px rgba(var(--mv-gold-primary-rgb), 0.1);
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.16) 0%, rgba(var(--mv-bg-card-rgb), 0.5) 100%);
}

.mv-lernpfad-step-card *,
.mv-lernpfad-step-card *:hover {
    text-decoration: none;
}

.mv-lernpfad-step-thumb {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 10px;
    flex-shrink: 0;
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.15);
}

.mv-lernpfad-step-content {
    flex: 1;
    min-width: 0;
}

.mv-lernpfad-step-title {
    font-family: var(--mv-font-heading);
    font-size: 1.25em;
    letter-spacing: 0.5px;
    color: var(--mv-text, #F5F1EB);
    margin: 0 0 6px;
    text-decoration: none;
}

.mv-lernpfad-step-desc {
    color: rgba(var(--mv-text-cream-rgb), 0.7);
    font-size: 0.9em;
    line-height: 1.55;
    margin: 2px 0 10px;
    text-decoration: none;
}

.mv-lernpfad-step-excerpt {
    color: rgba(var(--mv-text-cream-rgb), 0.6);
    font-size: 0.88em;
    line-height: 1.5;
    margin: 0 0 10px;
    text-decoration: none;
}

.mv-lernpfad-step-meta {
    color: var(--mv-gold-light);
    font-size: 0.82em;
    letter-spacing: 0.5px;
    text-decoration: none;
}

/* --- In-Post Navigation --- */

.mv-lernpfad-nav {
    margin: 40px 0 10px;
    position: relative;
}

.mv-lernpfad-nav-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--mv-gradient-button);
    border-radius: 16px 16px 0 0;
}

.mv-lernpfad-nav-inner {
    background: linear-gradient(135deg, rgba(var(--mv-gold-dark-rgb), 0.15) 0%, rgba(var(--mv-bg-card-rgb), 0.4) 100%);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.4);
    border-radius: 16px;
    padding: 24px 28px;
}

.mv-lernpfad-nav-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.mv-lernpfad-nav-icon {
    font-size: 1.2em;
}

.mv-lernpfad-nav-label {
    font-family: var(--mv-font-heading);
    font-size: 0.9em;
    letter-spacing: 1.5px;
    color: var(--mv-gold-light);
    text-transform: uppercase;
}

.mv-lernpfad-nav-title {
    font-family: var(--mv-font-heading);
    font-size: 1.3em;
    letter-spacing: 0.5px;
    color: var(--mv-text, #F5F1EB);
    margin-bottom: 16px;
}

.mv-lernpfad-nav-progress {
    margin-bottom: 20px;
}

.mv-lernpfad-nav-step {
    font-size: 0.85em;
    color: rgba(var(--mv-text-cream-rgb), 0.7);
    margin-bottom: 8px;
    display: block;
}

.mv-lernpfad-nav-progress-bar {
    height: 6px;
    background: rgba(var(--mv-text-cream-rgb), 0.1);
    border-radius: 3px;
    overflow: hidden;
}

.mv-lernpfad-nav-progress-fill {
    height: 100%;
    background: var(--mv-gradient-button);
    border-radius: 3px;
    transition: width 0.3s ease;
}

.mv-lernpfad-nav-links {
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.mv-lernpfad-nav-link {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 12px 16px;
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.3);
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.2s, background 0.2s;
    max-width: 48%;
}

.mv-lernpfad-nav-link:hover {
    border-color: rgba(var(--mv-gold-primary-rgb), 0.5);
    background: rgba(var(--mv-gold-dark-rgb), 0.1);
    text-decoration: none;
    color: inherit;
}

.mv-lernpfad-nav-prev {
    align-items: flex-start;
}

.mv-lernpfad-nav-next {
    align-items: flex-end;
    margin-left: auto;
}

.mv-lernpfad-nav-link-dir {
    font-size: 0.8em;
    color: var(--mv-gold-light);
    letter-spacing: 0.5px;
}

.mv-lernpfad-nav-link-title {
    font-family: var(--mv-font-heading);
    font-size: 1em;
    color: var(--mv-text, #F5F1EB);
    letter-spacing: 0.5px;
}

/* --- Responsive --- */

@media (max-width: 600px) {
    .mv-lernpfade-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mv-lernpfad-header-title {
        font-size: 2.2em;
    }

    .mv-lernpfad-step {
        gap: 16px;
    }

    .mv-lernpfad-step-marker {
        width: 44px;
    }

    .mv-lernpfad-step-num {
        width: 44px;
        height: 44px;
        font-size: 1.2em;
    }

    .mv-lernpfad-step-card {
        flex-direction: column;
        gap: 12px;
    }

    .mv-lernpfad-step-thumb {
        width: 100%;
        height: 140px;
    }

    .mv-lernpfad-nav-links {
        flex-direction: column;
        gap: 10px;
    }

    .mv-lernpfad-nav-link {
        max-width: 100%;
    }

    .mv-lernpfad-nav-next {
        align-items: flex-start;
        margin-left: 0;
    }

    .mv-lernpfad-nav-inner {
        padding: 18px 16px;
    }
}

/* Step Descriptions (v5.10.0) */
.mv-lernpfad-step-desc {
    color: rgba(var(--mv-text-cream-rgb), 0.7);
    font-size: 0.88em;
    line-height: 1.5;
    margin: 2px 0 8px;
}

/* Print */
@media print {
    .mv-lernpfad-nav { display: none; }
    .mv-lernpfade-card { break-inside: avoid; }
    .mv-lernpfad-step { break-inside: avoid; }
}


/* ==========================================================================
   PREMIUM EFFECTS – Phase 1 (v5.54.0)
   Based on MENTOVATE Effekt-Katalog
   ========================================================================== */


/* ═══ 0. CURSOR GLOW + PARTICLES + CLICK SPARKS ═══
   Global ambient effects for the entire blog frontend.
   ──────────────────────────────────────────────────────────── */

#mv-cursor-glow {
    position: fixed;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(var(--mv-gold-primary-rgb), 0.06) 0%, transparent 70%);
    pointer-events: none;
    z-index: 1;
    transform: translate(-50%, -50%);
    top: 0;
    left: 0;
}

#mv-particles {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.mv-particle {
    position: absolute;
    border-radius: 50%;
    background: var(--mv-gold-light);
    opacity: 0;
    animation: mvParticleFloat linear infinite;
}

@keyframes mvParticleFloat {
    0%   { opacity: 0; transform: translateY(100vh) scale(0); }
    8%   { opacity: 0.9; }
    30%  { opacity: 0.8; }
    70%  { opacity: 0.7; }
    90%  { opacity: 0.4; }
    100% { opacity: 0; transform: translateY(-10vh) scale(1); }
}

.mv-click-spark {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: 10000;
}

@keyframes mvSparkBurst {
    0%   { opacity: 1; transform: translate(0, 0) scale(1); }
    100% { opacity: 0; transform: translate(var(--tx), var(--ty)) scale(0); }
}

.mv-mouse-trail {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: 2;
    opacity: 0.6;
    transition: transform 0.4s ease-out, opacity 1s ease-out;
}

@media (prefers-reduced-motion: reduce) {
    #mv-cursor-glow,
    #mv-particles { display: none; }
    .mv-particle { animation: none; }
    .mv-mouse-trail { display: none; }
}

@media print {
    #mv-cursor-glow,
    #mv-particles,
    .mv-mouse-trail { display: none !important; }
}


/* ═══ 1. SCROLL REVEAL ANIMATIONS ═══
   Elements fade in + slide up when scrolled into view.
   Applied via JS IntersectionObserver adding .mv-visible class.
   ──────────────────────────────────────────────────────────── */

.mv-reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.mv-reveal.mv-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger delays for grouped elements */
.mv-reveal.mv-d1 { transition-delay: 0.1s; }
.mv-reveal.mv-d2 { transition-delay: 0.2s; }
.mv-reveal.mv-d3 { transition-delay: 0.3s; }
.mv-reveal.mv-d4 { transition-delay: 0.4s; }

@media (prefers-reduced-motion: reduce) {
    .mv-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}


/* ═══ 2. GLASS CARD UPGRADE FOR CONTENT BOXES ═══
   Glassmorphism + enhanced glow on hover for all content boxes.
   Overrides existing backgrounds with glass effect.
   ──────────────────────────────────────────────────────────── */

/* Glass base for all content boxes */
.mv-post-content .mv-infobox,
.mv-post-content .mv-tip,
.mv-post-content .mv-warning,
.mv-post-content .mv-success,
.mv-post-content .mv-highlight-box {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Enhanced hover glow with gold radiance */
.mv-post-content .mv-infobox:hover,
.mv-post-content .mv-tip:hover,
.mv-post-content .mv-warning:hover,
.mv-post-content .mv-success:hover,
.mv-post-content .mv-highlight-box:hover {
    box-shadow:
        0 16px 48px rgba(var(--mv-black-rgb), 0.3),
        0 0 30px rgba(var(--mv-gold-primary-rgb), 0.12),
        inset 0 1px 0 rgba(var(--mv-gold-primary-rgb), 0.1);
}

/* Cursor-following spotlight on content boxes (via JS --mx/--my) */
.mv-post-content .mv-infobox::after,
.mv-post-content .mv-warning::after,
.mv-post-content .mv-success::after,
.mv-post-content .mv-highlight-box::after {
    background:
        radial-gradient(
            400px circle at var(--mv-spot-x, 50%) var(--mv-spot-y, 50%),
            rgba(var(--mv-gold-primary-rgb), 0.06),
            transparent 60%
        ),
        linear-gradient(90deg, transparent, rgba(var(--mv-gold-primary-rgb), 0.08), transparent);
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.mv-post-content .mv-infobox:hover::after,
.mv-post-content .mv-warning:hover::after,
.mv-post-content .mv-success:hover::after,
.mv-post-content .mv-highlight-box:hover::after {
    opacity: 1;
    animation: none;
}


/* ═══ 3. GRADIENT BORDER TOC ═══
   Gold gradient border wrapping the Table of Contents.
   Spotlight effect follows cursor on hover.
   ──────────────────────────────────────────────────────────── */

.mv-toc {
    background:
        linear-gradient(90deg, transparent, var(--mv-gold-dark), var(--mv-gold-light), transparent) top/100% 2px no-repeat,
        rgba(var(--mv-gold-primary-rgb), 0.03);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(var(--mv-gold-primary-rgb), 0.15);
    transition: border-color 0.4s ease, box-shadow 0.4s ease;
}

.mv-toc:hover {
    border-color: rgba(var(--mv-gold-primary-rgb), 0.3);
    box-shadow:
        0 16px 48px rgba(var(--mv-black-rgb), 0.2),
        0 0 24px rgba(var(--mv-gold-primary-rgb), 0.08);
}

/* TOC list items: subtle hover slide */
.mv-toc .mv-toc-list li {
    transition: all 0.3s ease;
    position: relative;
}

.mv-toc .mv-toc-list li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(90deg, rgba(var(--mv-gold-primary-rgb), 0.06), transparent);
    transition: width 0.4s ease;
    pointer-events: none;
}

.mv-toc .mv-toc-list li:hover {
    padding-left: 8px;
}

.mv-toc .mv-toc-list li:hover::after {
    width: 100%;
}


/* ═══ 4. PROGRESS STEPS GLOW ═══
   Hover-glow on step numbers, connecting line, scale effect.
   ──────────────────────────────────────────────────────────── */

/* Step row: subtle hover interaction */
.mv-post-content .mv-step {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 12px;
    padding-left: 8px;
    padding-right: 8px;
}

.mv-post-content .mv-step:hover {
    background: rgba(var(--mv-gold-primary-rgb), 0.04);
    padding-left: 16px;
}

/* Step number: glow + scale on hover */
.mv-post-content .mv-step::before {
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
}

.mv-post-content .mv-step:hover::before {
    transform: scale(1.15);
    box-shadow:
        0 0 24px rgba(var(--mv-gold-primary-rgb), 0.35),
        0 0 8px rgba(var(--mv-gold-primary-rgb), 0.2);
    border-radius: 50%;
}

/* Connecting line between steps */
.mv-post-content .mv-steps {
    position: relative;
}

.mv-post-content .mv-steps::before {
    content: '';
    position: absolute;
    top: 44px;
    left: 30px;
    bottom: 44px;
    width: 2px;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(var(--mv-gold-primary-rgb), 0.25) 15%,
        rgba(var(--mv-gold-primary-rgb), 0.25) 85%,
        transparent
    );
    pointer-events: none;
    z-index: 0;
}


/* ═══ 5. ANIMATED COUNTER FOR STATS ═══
   Scroll-triggered number animation for .mv-stat-number.
   Numbers count up from 0 when scrolled into view.
   ──────────────────────────────────────────────────────────── */

.mv-post-content .mv-stat-number {
    font-variant-numeric: tabular-nums;
    min-width: 80px;
    display: inline-block;
}

/* Stat card: enhanced glass + glow */
.mv-post-content .mv-stat {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.mv-post-content .mv-stat:hover {
    transform: translateY(-6px);
    background: rgba(var(--mv-gold-primary-rgb), 0.06);
    box-shadow:
        0 20px 60px rgba(var(--mv-black-rgb), 0.3),
        0 0 30px rgba(var(--mv-gold-primary-rgb), 0.12);
}

/* Stat number glow on hover */
.mv-post-content .mv-stat:hover .mv-stat-number {
    text-shadow: 0 0 20px rgba(var(--mv-gold-primary-rgb), 0.4);
}


/* ═══ 6. CHECKLIST HOVER EFFECTS ═══
   Stagger-style hover with slide + background sweep.
   ──────────────────────────────────────────────────────────── */

.mv-post-content .mv-checklist li,
.mv-post-content .mv-checklist-x li {
    transition: all 0.3s ease;
    position: relative;
}

.mv-post-content .mv-checklist li:hover,
.mv-post-content .mv-checklist-x li:hover {
    padding-left: 44px;
    background: linear-gradient(90deg, rgba(var(--mv-gold-primary-rgb), 0.05), transparent);
}

/* Check icon: glow on hover */
.mv-post-content .mv-checklist li::before {
    transition: all 0.3s ease;
}

.mv-post-content .mv-checklist li:hover::before {
    box-shadow: 0 0 12px rgba(var(--mv-gold-primary-rgb), 0.3);
    transform: scale(1.1);
}


/* ═══ 7. ENHANCED H2 HEADINGS ═══
   Subtle reveal animation on section headings.
   ──────────────────────────────────────────────────────────── */

.mv-post-content h2 {
    position: relative;
}

.mv-post-content h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mv-gold-dark), var(--mv-gold-light), transparent);
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.mv-post-content h2.mv-visible::after {
    width: 100%;
}


/* ═══ 8. POST CARD HOVER EFFECTS (Archive) ═══
   3D tilt-like hover with spotlight for blog cards.
   ──────────────────────────────────────────────────────────── */

.mv-post-card {
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.mv-post-card:hover {
    transform: translateY(-8px);
    box-shadow:
        0 20px 60px rgba(var(--mv-black-rgb), 0.3),
        0 0 24px rgba(var(--mv-gold-primary-rgb), 0.1);
}

/* Spotlight overlay following cursor */
.mv-post-card::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: radial-gradient(
        400px circle at var(--mv-card-x, 50%) var(--mv-card-y, 50%),
        rgba(var(--mv-gold-primary-rgb), 0.08),
        transparent 60%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

.mv-post-card:hover::before {
    opacity: 1;
}


/* ═══ 9. FAQ ACCORDION VISUAL UPGRADE ═══
   Enhanced FAQ styling (CSS-only, no logic changes).
   ──────────────────────────────────────────────────────────── */

.mv-faq-section {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.mv-faq-item {
    transition: all 0.3s ease;
}

.mv-faq-item:hover {
    background: rgba(var(--mv-gold-primary-rgb), 0.03);
}

.mv-faq-question {
    transition: all 0.3s ease;
}

.mv-faq-item:hover .mv-faq-question {
    padding-left: 8px;
}

/* FAQ toggle button: animated rotation */
.mv-faq-toggle {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.mv-faq-item.active .mv-faq-toggle {
    box-shadow: 0 0 16px rgba(var(--mv-gold-primary-rgb), 0.3);
}


/* ═══ 10. FEATURED IMAGE SPOTLIGHT ═══
   Cursor-following gold glow on featured image.
   ──────────────────────────────────────────────────────────── */

.mv-featured-image::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 16px;
    background: radial-gradient(
        600px circle at var(--mv-img-x, 50%) var(--mv-img-y, 50%),
        rgba(var(--mv-gold-primary-rgb), 0.1),
        transparent 60%
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 3;
}

.mv-featured-image:hover::before {
    opacity: 1;
}


/* ═══ MONTSERRAT WEIGHT FIX ═══
   Bebas Neue had no weight variants — Montserrat needs explicit font-weight
   on all headings that previously relied on var(--mv-font-heading).
   ──────────────────────────────────────────────────────────── */

.mv-toc-title,
.mv-post-content h4,
.mv-post-content th,
.mv-post-content .mv-infobox > strong:first-child,
.mv-post-content .mv-warning strong:first-child,
.mv-post-content .mv-success strong:first-child,
.mv-post-content .mv-highlight-box strong:first-child,
.mv-post-cta h3,
.mv-post-cta-btn,
.mv-author-info h4,
.mv-sharing-label,
.mv-related-title,
.mv-category-filter a,
.mv-showcase-card-content h3,
.mv-latest-title,
.mv-post-card h3,
.mv-post-card-category,
.mv-blog-header h1,
.mv-post-hero h1,
.mv-post-content h2,
.mv-post-content h3,
.mv-faq-title,
.mv-faq-question {
    font-weight: 700;
}

/* Extra bold for hero/section titles */
.mv-post-hero h1,
.mv-blog-header h1,
.mv-latest-title,
.mv-post-content h2 {
    font-weight: 800;
    letter-spacing: -0.5px;
}

/* Uppercase for elements that relied on Bebas Neue's inherent all-caps */
.mv-pillar-badge,
.mv-pillar-title,
.mv-post-cta-btn,
.mv-nav-logo-link,
.mv-lernpfade-card-btn,
.mv-faq-title,
.mv-newsletter-teaser-link,
.mv-freebie-title {
    text-transform: uppercase;
}

/* Mono-style small labels */
.mv-post-card-category,
.mv-showcase-count,
.mv-post-category-badge {
    font-family: var(--mv-font-mono);
    font-weight: 500;
}


/* ═══ Copy Button (shared by code blocks + copytext boxes) ═══ */
.mv-copy-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 12px;
    background: rgba(var(--mv-gold-dark-rgb), 0.3);
    border: 1px solid rgba(var(--mv-gold-dark-rgb), 0.5);
    border-radius: 6px;
    color: var(--mv-gold-light);
    font-size: 0.75em;
    cursor: pointer;
    font-family: var(--mv-font-heading);
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    z-index: 2;
}
.mv-copy-btn:hover {
    background: rgba(var(--mv-gold-dark-rgb), 0.5);
}
.mv-copy-btn--copied {
    background: rgba(var(--mv-gold-dark-rgb), 0.5);
}

/* ═══ TOC Active Link (non-sticky + sticky) ═══ */
.mv-toc-active {
    color: #FFFFFF;
    font-weight: 500;
}

/* ═══ PRINT: Hide premium effects ═══ */
@media print {
    .mv-reveal { opacity: 1 !important; transform: none !important; }
    .mv-post-card::before { display: none; }
    .mv-featured-image::before { display: none; }
}