/* =========================================================
   NVSK COMPONENT OVERRIDES
   Giữ tông đỏ cho các card/panel khi chọn theme-party,
   không để nền kem/trắng của CSS cũ tràn ra giao diện.
========================================================= */

html.theme-party .topbar,
html.theme-party .event-topbar,
html.theme-party .book-hero,
html.theme-party .book-section-card,
html.theme-party .book-category-card,
html.theme-party .card,
html.theme-party .leader-panel,
html.theme-party .news-panel,
html.theme-party .slider-card,
html.theme-party .news-card,
html.theme-party .hot-news-card-v11,
html.theme-party .policy-card-v6,
html.theme-party .event-parent-card-v5,
html.theme-party .resolution-execution-card-v7,
html.theme-party .leader-demo-shell-v13,
html.theme-party .agency-demo-shell-v14,
html.theme-party .location-demo-shell-v15 {
    background: linear-gradient(180deg, rgba(126,28,36,.94), rgba(86,18,25,.92)) !important;
    border-color: rgba(255,232,166,.16) !important;
    box-shadow: var(--nvsk-shadow) !important;
    color: var(--nvsk-text) !important;
}

html.theme-party .topbar {
    background: linear-gradient(180deg, rgba(104,23,29,.96), rgba(63,16,20,.94)) !important;
}

html.theme-party .leader-demo-shell-v13,
html.theme-party .slide-shell {
    background: linear-gradient(180deg, #8f2028 0%, #68171d 48%, #3f1014 100%) !important;
}

html.theme-party .mini-article,
html.theme-party .news-item,
html.theme-party .leader-demo-item-v13,
html.theme-party .policy-news-item-v6,
html.theme-party .book-news-card,
html.theme-party .prompt-news-item,
html.theme-party .summary-card,
html.theme-party .book-aside-panel,
html.theme-party .agency-demo-node-v14,
html.theme-party .location-demo-node-v15,
html.theme-party .nq57-quote-card {
    background: rgba(63,16,20,.54) !important;
    border-color: rgba(255,232,166,.14) !important;
    color: var(--nvsk-text) !important;
}

html.theme-party .mini-article:hover,
html.theme-party .news-item:hover,
html.theme-party .leader-demo-item-v13:hover,
html.theme-party .policy-news-item-v6:hover,
html.theme-party .book-news-card:hover,
html.theme-party .prompt-news-item:hover,
html.theme-party .agency-demo-node-v14:hover,
html.theme-party .agency-demo-node-v14.active,
html.theme-party .location-demo-node-v15:hover,
html.theme-party .location-demo-node-v15.active {
    background: rgba(255,232,166,.10) !important;
    border-color: rgba(255,232,166,.28) !important;
}

html.theme-party h1,
html.theme-party h2,
html.theme-party h3,
html.theme-party h4,
html.theme-party strong,
html.theme-party .logo-title-nvsk,
html.theme-party .page-title h1,
html.theme-party .section-head h2,
html.theme-party .leader-demo-name-v13 {
    color: #fff7df !important;
}

html.theme-party p,
html.theme-party span,
html.theme-party em,
html.theme-party .page-title p,
html.theme-party .hero-text,
html.theme-party .lead-hero {
    color: inherit;
}

html.theme-party .count-pill,
html.theme-party .book-partner,
html.theme-party .prompt-news-partner,
html.theme-party .leader-demo-meta-v13 b,
html.theme-party .event-rich-meta-v5 strong {
    color: #ffe8a6 !important;
    background: rgba(255,232,166,.14) !important;
    border-color: rgba(255,232,166,.28) !important;
}

html.theme-party button,
html.theme-party .pager button,
html.theme-party .pager-v3 button,
html.theme-party .slider-controls button,
html.theme-party .book-hero-nav button,
html.theme-party .theme-switch-v12,
html.theme-party .icon {
    border-color: rgba(255,232,166,.16) !important;
}

/* Theme switch chung */
.theme-switch-v12.is-dark .theme-switch-knob-v12,
.theme-switch-v12.active .theme-switch-knob-v12 {
    transform: translateX(30px);
}

/*logo*/
.logo.logo-nvsk-header {
    padding: 12px 16px !important;
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    font-family: "Roboto", "Segoe UI", Arial, Helvetica, sans-serif !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
}

    .logo.logo-nvsk-header .logo-title-nvsk {
        font-family: "Roboto", "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 28px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        letter-spacing: -0.015em !important;
        word-spacing: normal !important;
        color: var(--text, #fff6df) !important;
    }

    .logo.logo-nvsk-header .logo-beta-nvsk {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 24px !important;
        padding: 2px 9px !important;
        border-radius: 999px !important;
        font-family: "Roboto", "Segoe UI", Arial, Helvetica, sans-serif !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
        font-style: normal !important;
        letter-spacing: 0 !important;
        word-spacing: normal !important;
        color: rgba(255, 246, 223, .86) !important;
        background: rgba(255, 232, 166, .12) !important;
        border: 1px solid rgba(255, 232, 166, .22) !important;
    }

body.theme-dark .logo.logo-nvsk-header .logo-title-nvsk {
    color: #edf3ff !important;
}

body.theme-dark .logo.logo-nvsk-header .logo-beta-nvsk {
    color: rgba(237, 243, 255, .82) !important;
    background: rgba(66, 213, 147, .11) !important;
    border-color: rgba(66, 213, 147, .24) !important;
}

@@media (max-width: 760px) {
    .logo.logo-nvsk-header {
        gap: 7px !important;
        padding: 10px 12px !important;
    }

        .logo.logo-nvsk-header .logo-title-nvsk {
            font-size: 20px !important;
        }

        .logo.logo-nvsk-header .logo-beta-nvsk {
            font-size: 12px !important;
            min-height: 22px !important;
            padding: 2px 8px !important;
        }