/* Zenkai Animated Theme Shop: active site theme overrides
 * v4 safe renderer
 * Animations are painted as page backgrounds instead of fixed overlay pseudo-elements.
 * This prevents animated themes from covering or pushing the site layout.
 */


/* Compatibility variables used by Zenkai Forums and the Post Style Switcher. */
body.zkat-theme-active {
  --zk-accent: var(--zkat-accent);
  --zk-accent-2: var(--zkat-button2);
  --zk-surface: var(--zkat-surface);
  --zk-surface-2: var(--zkat-surface2);
  --zk-header-bg: var(--zkat-topbar);
  --zk-sidebar-bg: var(--zkat-sidebar);
  --zk-footer-bg: var(--zkat-surface2);
  --zk-border: var(--zkat-border);
  --zk-text: var(--zkat-text);
  --zk-muted: var(--zkat-muted);
  --zk-text-muted: var(--zkat-muted);
  --zkps-accent: var(--zkat-accent);
  --zkps-accent-2: var(--zkat-button2);
  --zkps-surface: var(--zkat-surface);
  --zkps-surface-2: var(--zkat-surface2);
  --zkps-header: var(--zkat-topbar);
  --zkps-sidebar: var(--zkat-sidebar);
  --zkps-footer: var(--zkat-surface2);
  --zkps-border: var(--zkat-border);
  --zkps-text: var(--zkat-text);
  --zkps-muted: var(--zkat-muted);
}

body.zkat-theme-active {
  background-color: var(--zkat-bg) !important;
  background-image:
    radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--zkat-accent) 24%, transparent), transparent 30%),
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--zkat-accent2) 22%, transparent), transparent 32%),
    radial-gradient(circle at 52% 105%, color-mix(in srgb, var(--zkat-button) 18%, transparent), transparent 42%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: 160% 160%, 150% 150%, 170% 170%, 100% 100% !important;
  background-position: 0% 0%, 100% 0%, 50% 100%, 0 0 !important;
  color: var(--zkat-text) !important;
  min-height: 100vh;
}

/*
 * Important safety fix:
 * Older builds used body::before/body::after as fixed animation layers.
 * On some Vikinger/BuddyPress layouts those layers could sit above the whole site.
 */
body.zkat-theme-active::before,
body.zkat-theme-active::after {
  content: none !important;
  display: none !important;
}

body.zkat-theme-active #wpadminbar {
  z-index: 999999 !important;
}

/* Animated background modes - safe body-background animations */
body.zkat-theme-active.zkat-animation-aurora {
  background-size: 220% 220%, 200% 200%, 220% 220%, 100% 100% !important;
  animation: zkatSafeAurora 18s ease-in-out infinite;
}

body.zkat-theme-active.zkat-animation-rain {
  background-image:
    repeating-linear-gradient(125deg, transparent 0 78px, color-mix(in srgb, var(--zkat-accent) 36%, transparent) 80px 83px, transparent 86px 168px),
    repeating-linear-gradient(125deg, transparent 0 112px, color-mix(in srgb, var(--zkat-accent2) 34%, transparent) 116px 120px, transparent 124px 240px),
    radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--zkat-accent2) 18%, transparent), transparent 32%),
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--zkat-accent) 18%, transparent), transparent 32%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 430px 430px, 620px 620px, 160% 160%, 160% 160%, 100% 100% !important;
  animation: zkatSafeRain 9s linear infinite;
}

body.zkat-theme-active.zkat-animation-stars {
  background-image:
    radial-gradient(circle, color-mix(in srgb, var(--zkat-accent2) 72%, transparent) 0 1px, transparent 1.8px),
    radial-gradient(circle, color-mix(in srgb, var(--zkat-accent) 62%, transparent) 0 1px, transparent 1.9px),
    radial-gradient(circle, rgba(255,255,255,0.72) 0 1px, transparent 1.7px),
    radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--zkat-accent) 20%, transparent), transparent 30%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 120px 120px, 180px 180px, 260px 260px, 160% 160%, 100% 100% !important;
  animation: zkatSafeStars 28s linear infinite;
}

body.zkat-theme-active.zkat-animation-petals {
  background-image:
    radial-gradient(ellipse at center, color-mix(in srgb, var(--zkat-accent) 58%, transparent) 0 2px, transparent 3px),
    radial-gradient(ellipse at center, color-mix(in srgb, var(--zkat-accent2) 42%, transparent) 0 2px, transparent 3px),
    radial-gradient(circle at 12% 10%, color-mix(in srgb, var(--zkat-accent) 20%, transparent), transparent 32%),
    radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--zkat-accent2) 18%, transparent), transparent 32%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 170px 240px, 260px 320px, 160% 160%, 150% 150%, 100% 100% !important;
  animation: zkatSafePetals 20s linear infinite;
}

body.zkat-theme-active.zkat-animation-waves {
  background-image:
    repeating-radial-gradient(ellipse at 50% 110%, transparent 0 48px, color-mix(in srgb, var(--zkat-accent) 24%, transparent) 50px 54px, transparent 58px 106px),
    repeating-radial-gradient(ellipse at 25% 100%, transparent 0 60px, color-mix(in srgb, var(--zkat-accent2) 20%, transparent) 62px 66px, transparent 70px 140px),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 100% 100%, 100% 100%, 100% 100% !important;
  animation: zkatSafeWaves 14s ease-in-out infinite alternate;
}

body.zkat-theme-active.zkat-animation-embers {
  background-image:
    radial-gradient(circle, color-mix(in srgb, var(--zkat-accent) 70%, transparent) 0 1.5px, transparent 2.5px),
    radial-gradient(circle, color-mix(in srgb, var(--zkat-button2) 60%, transparent) 0 1px, transparent 2px),
    radial-gradient(circle, color-mix(in srgb, var(--zkat-accent2) 58%, transparent) 0 1px, transparent 2px),
    radial-gradient(circle at 50% 110%, color-mix(in srgb, var(--zkat-button2) 18%, transparent), transparent 42%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 140px 190px, 220px 260px, 300px 350px, 150% 150%, 100% 100% !important;
  animation: zkatSafeEmbers 16s linear infinite;
}

body.zkat-theme-active.zkat-animation-smoke {
  background-image:
    radial-gradient(circle at 18% 72%, color-mix(in srgb, var(--zkat-accent2) 24%, transparent), transparent 24%),
    radial-gradient(circle at 78% 28%, color-mix(in srgb, var(--zkat-accent) 24%, transparent), transparent 22%),
    radial-gradient(circle at 52% 48%, rgba(255, 255, 255, 0.08), transparent 18%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 160% 160%, 160% 160%, 160% 160%, 100% 100% !important;
  animation: zkatSafeSmoke 18s ease-in-out infinite alternate;
}

body.zkat-theme-active.zkat-animation-slashes {
  background-image:
    linear-gradient(125deg, transparent 0 40%, color-mix(in srgb, var(--zkat-accent) 38%, transparent) 42% 43%, transparent 45% 100%),
    linear-gradient(125deg, transparent 0 58%, color-mix(in srgb, var(--zkat-accent2) 36%, transparent) 60% 61%, transparent 63% 100%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 260px 260px, 380px 380px, 100% 100% !important;
  animation: zkatSafeSlashes 8s linear infinite;
}

body.zkat-theme-active.zkat-animation-speedlines {
  background-image:
    repeating-linear-gradient(105deg, transparent 0 42px, rgba(255, 255, 255, 0.20) 44px 46px, transparent 48px 102px),
    repeating-linear-gradient(105deg, transparent 0 60px, color-mix(in srgb, var(--zkat-accent) 32%, transparent) 64px 68px, transparent 70px 160px),
    radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--zkat-accent2) 12%, transparent), transparent 72%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 460px 460px, 620px 620px, 100% 100%, 100% 100% !important;
  animation: zkatSafeSpeedlines 6s linear infinite;
}

body.zkat-theme-active.zkat-animation-glyphs {
  background-image:
    repeating-radial-gradient(circle at 50% 50%, transparent 0 42px, color-mix(in srgb, var(--zkat-accent) 20%, transparent) 44px 47px, transparent 49px 100px),
    conic-gradient(from 90deg, transparent, color-mix(in srgb, var(--zkat-accent2) 16%, transparent), transparent 35%, transparent),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 520px 520px, 100% 100%, 100% 100% !important;
  animation: zkatSafeGlyphs 24s linear infinite;
}

body.zkat-theme-active.zkat-animation-fireflies {
  background-image:
    radial-gradient(circle, color-mix(in srgb, var(--zkat-accent2) 70%, transparent) 0 2px, transparent 3px),
    radial-gradient(circle, color-mix(in srgb, var(--zkat-accent) 58%, transparent) 0 1.5px, transparent 3px),
    radial-gradient(circle, rgba(255,255,255,0.65) 0 1px, transparent 2px),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 140px 160px, 220px 230px, 300px 280px, 100% 100% !important;
  animation: zkatSafeFireflies 14s ease-in-out infinite alternate;
}

body.zkat-theme-active.zkat-animation-neon-grid {
  background-image:
    linear-gradient(color-mix(in srgb, var(--zkat-accent) 32%, transparent) 1px, transparent 1px),
    linear-gradient(90deg, color-mix(in srgb, var(--zkat-accent2) 32%, transparent) 1px, transparent 1px),
    radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--zkat-accent) 18%, transparent), transparent 40%),
    linear-gradient(145deg, var(--zkat-bg), var(--zkat-bg2)) !important;
  background-size: 72px 72px, 72px 72px, 120% 120%, 100% 100% !important;
  animation: zkatSafeNeonGrid 9s linear infinite;
}

@keyframes zkatSafeAurora {
  0% { background-position: 0% 50%, 100% 10%, 50% 100%, 0 0; }
  50% { background-position: 100% 50%, 0% 20%, 65% 85%, 0 0; }
  100% { background-position: 0% 50%, 100% 10%, 50% 100%, 0 0; }
}

@keyframes zkatSafeRain {
  0% { background-position: -430px 430px, -620px 620px, 0% 0%, 100% 0%, 0 0; }
  100% { background-position: 430px -430px, 620px -620px, 100% 0%, 0% 0%, 0 0; }
}

@keyframes zkatSafeStars {
  0% { background-position: 0 0, 35px 65px, 90px 20px, 0% 0%, 0 0; }
  100% { background-position: -120px 80px, -145px 145px, -170px 120px, 100% 0%, 0 0; }
}

@keyframes zkatSafePetals {
  0% { background-position: 0 -240px, 80px -320px, 0% 0%, 100% 0%, 0 0; }
  100% { background-position: -80px 240px, -120px 320px, 100% 0%, 0% 0%, 0 0; }
}

@keyframes zkatSafeWaves {
  0% { background-position: 0 0, 0 0, 0 0; }
  100% { background-position: 0 -32px, -40px -24px, 0 0; }
}

@keyframes zkatSafeEmbers {
  0% { background-position: 10px 115%, 80px 125%, 160px 135%, 50% 100%, 0 0; }
  100% { background-position: 30px -30%, 120px -40%, 190px -50%, 50% 85%, 0 0; }
}

@keyframes zkatSafeSmoke {
  0% { background-position: 0% 70%, 100% 25%, 50% 50%, 0 0; }
  100% { background-position: 20% 55%, 80% 38%, 58% 42%, 0 0; }
}

@keyframes zkatSafeSlashes {
  0% { background-position: -320px 280px, -520px 360px, 0 0; }
  100% { background-position: 320px -280px, 520px -360px, 0 0; }
}

@keyframes zkatSafeSpeedlines {
  0% { background-position: -260px 0, -420px 0, 50% 50%, 0 0; }
  100% { background-position: 260px 0, 420px 0, 50% 50%, 0 0; }
}

@keyframes zkatSafeGlyphs {
  0% { background-position: 0 0, 0 0, 0 0; }
  100% { background-position: 520px 520px, 100% 100%, 0 0; }
}

@keyframes zkatSafeFireflies {
  0% { background-position: 0 0, 40px 80px, 90px 20px, 0 0; }
  100% { background-position: -42px -28px, -10px 42px, 28px -16px, 0 0; }
}

@keyframes zkatSafeNeonGrid {
  0% { background-position: 0 0, 0 0, 50% 100%, 0 0; }
  100% { background-position: 0 72px, 72px 0, 50% 88%, 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  body.zkat-theme-active {
    animation: none !important;
  }
}

/* Top navigation/header */
body.zkat-theme-active .header,
body.zkat-theme-active .site-header,
body.zkat-theme-active #header,
body.zkat-theme-active .navbar,
body.zkat-theme-active .navigation-header,
body.zkat-theme-active .fixed-header,
body.zkat-theme-active .vikinger-header,
body.zkat-theme-active .header-actions,
body.zkat-theme-active .header-brand,
body.zkat-theme-active .header-menu,
body.zkat-theme-active .mobilemenu-trigger,
body.zkat-theme-active .sidemenu-trigger {
  background: linear-gradient(135deg, var(--zkat-topbar), var(--zkat-surface2)) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 74%, transparent) !important;
}

/* Left side navigation, avatar/profile area, and group/sidebar panels */
body.zkat-theme-active .navigation-widget,
body.zkat-theme-active .navigation-widget-closed,
body.zkat-theme-active .left-sidebar,
body.zkat-theme-active .sidebar,
body.zkat-theme-active #sidebar,
body.zkat-theme-active .profile-sidebar,
body.zkat-theme-active .account-hub-sidebar,
body.zkat-theme-active .user-preview,
body.zkat-theme-active .user-short-description,
body.zkat-theme-active .profile-card,
body.zkat-theme-active .author-preview,
body.zkat-theme-active .avatar-sidebar,
body.zkat-theme-active .menu-main,
body.zkat-theme-active .menu-main-item,
body.zkat-theme-active .groups-list,
body.zkat-theme-active .groups-menu,
body.zkat-theme-active .side-menu,
body.zkat-theme-active .widget-area {
  background: linear-gradient(180deg, var(--zkat-sidebar), var(--zkat-sidebar2)) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 76%, transparent) !important;
}

body.zkat-theme-active .navigation-widget .menu-item-link,
body.zkat-theme-active .navigation-widget .menu-item,
body.zkat-theme-active .left-sidebar .menu-item,
body.zkat-theme-active .sidebar .menu-item,
body.zkat-theme-active .profile-menu,
body.zkat-theme-active .profile-menu a,
body.zkat-theme-active .user-preview .user-stats,
body.zkat-theme-active .user-preview .user-stat,
body.zkat-theme-active .avatar-sidebar .menu-item,
body.zkat-theme-active .side-menu a,
body.zkat-theme-active .menu-main a {
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .navigation-widget .menu-item-link:hover,
body.zkat-theme-active .navigation-widget .menu-item-link.active,
body.zkat-theme-active .left-sidebar a:hover,
body.zkat-theme-active .sidebar a:hover,
body.zkat-theme-active .profile-menu a:hover,
body.zkat-theme-active .avatar-sidebar a:hover,
body.zkat-theme-active .side-menu a:hover,
body.zkat-theme-active .menu-main a:hover {
  background: color-mix(in srgb, var(--zkat-surface3) 72%, transparent) !important;
  color: var(--zkat-accent) !important;
}

/* User dropdown/menu panels */
body.zkat-theme-active .dropdown-box,
body.zkat-theme-active .dropdown-navigation,
body.zkat-theme-active .user-menu,
body.zkat-theme-active .account-menu,
body.zkat-theme-active .account-hub-content,
body.zkat-theme-active .popup-box,
body.zkat-theme-active .modal-content,
body.zkat-theme-active .header-dropdown,
body.zkat-theme-active .menu-dropdown {
  background: linear-gradient(145deg, var(--zkat-surface2), var(--zkat-sidebar2)) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 76%, transparent) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42) !important;
}

/* Cards, widgets, activity posts, forums, and shop boxes */
body.zkat-theme-active .widget-box,
body.zkat-theme-active .post-preview,
body.zkat-theme-active .quick-post,
body.zkat-theme-active .activity-update-form,
body.zkat-theme-active .activity-item,
body.zkat-theme-active .bbp-forum,
body.zkat-theme-active .bbp-topic,
body.zkat-theme-active .bbp-reply,
body.zkat-theme-active .forum-post,
body.zkat-theme-active .sidebar-box,
body.zkat-theme-active .content-box,
body.zkat-theme-active .stream-box,
body.zkat-theme-active .group-box,
body.zkat-theme-active .message-box,
body.zkat-theme-active .woocommerce-MyAccount-content,
body.zkat-theme-active .woocommerce table.shop_table,
body.zkat-theme-active .comment-respond,
body.zkat-theme-active .comment-list .comment,
body.zkat-theme-active .section-header,
body.zkat-theme-active .quest-preview,
body.zkat-theme-active .reaction-box,
body.zkat-theme-active .post-comment,
body.zkat-theme-active .activity-comments,
body.zkat-theme-active .form-box {
  background: linear-gradient(145deg, var(--zkat-surface), var(--zkat-surface2)) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.22) !important;
}

/* Cover/banner areas */
body.zkat-theme-active .user-preview-cover,
body.zkat-theme-active .profile-header-cover,
body.zkat-theme-active .author-preview-cover,
body.zkat-theme-active .cover-image,
body.zkat-theme-active .profile-cover,
body.zkat-theme-active .section-banner,
body.zkat-theme-active .page-banner {
  background-color: var(--zkat-surface3) !important;
}

/* Buttons */
body.zkat-theme-active .button,
body.zkat-theme-active input[type="submit"],
body.zkat-theme-active input[type="button"],
body.zkat-theme-active .wp-block-button__link,
body.zkat-theme-active .comment-reply-link,
body.zkat-theme-active .bbp-submit-wrapper button,
body.zkat-theme-active .profile-button,
body.zkat-theme-active .menu-button,
body.zkat-theme-active .woocommerce a.button,
body.zkat-theme-active .woocommerce button.button,
body.zkat-theme-active .woocommerce input.button,
body.zkat-theme-active .post-option,
body.zkat-theme-active .quick-post-footer button {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 75%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--zkat-accent) 25%, transparent) !important;
}

body.zkat-theme-active .button:hover,
body.zkat-theme-active input[type="submit"]:hover,
body.zkat-theme-active input[type="button"]:hover,
body.zkat-theme-active .wp-block-button__link:hover,
body.zkat-theme-active .comment-reply-link:hover,
body.zkat-theme-active .bbp-submit-wrapper button:hover,
body.zkat-theme-active .profile-button:hover,
body.zkat-theme-active .menu-button:hover,
body.zkat-theme-active .woocommerce a.button:hover,
body.zkat-theme-active .woocommerce button.button:hover,
body.zkat-theme-active .woocommerce input.button:hover,
body.zkat-theme-active .post-option:hover,
body.zkat-theme-active .quick-post-footer button:hover {
  filter: brightness(1.08) saturate(1.08);
}

/* Inputs, search, replies, comment boxes */
body.zkat-theme-active input[type="text"],
body.zkat-theme-active input[type="search"],
body.zkat-theme-active input[type="email"],
body.zkat-theme-active input[type="password"],
body.zkat-theme-active input[type="number"],
body.zkat-theme-active textarea,
body.zkat-theme-active select,
body.zkat-theme-active .input,
body.zkat-theme-active .select-box,
body.zkat-theme-active .form-input,
body.zkat-theme-active .form-select,
body.zkat-theme-active .quick-post-body,
body.zkat-theme-active .comment-form textarea {
  background: var(--zkat-surface2) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
}

body.zkat-theme-active input::placeholder,
body.zkat-theme-active textarea::placeholder {
  color: var(--zkat-muted) !important;
}

/* Text and icons */
body.zkat-theme-active a,
body.zkat-theme-active .accent,
body.zkat-theme-active .highlight,
body.zkat-theme-active .meta-line a,
body.zkat-theme-active .user-status-title a,
body.zkat-theme-active .woocommerce-MyAccount-navigation-link a,
body.zkat-theme-active .section-menu-item.active,
body.zkat-theme-active .text-sticker,
body.zkat-theme-active .tag-sticker {
  color: var(--zkat-accent) !important;
}

body.zkat-theme-active .text-muted,
body.zkat-theme-active .meta-line,
body.zkat-theme-active .user-status-text,
body.zkat-theme-active .timestamp,
body.zkat-theme-active small {
  color: var(--zkat-muted) !important;
}

/* Progress bars/rank bars */
body.zkat-theme-active .progress-bar,
body.zkat-theme-active .progress-line,
body.zkat-theme-active .progress-stat-bar-fill,
body.zkat-theme-active .rank-progress,
body.zkat-theme-active .level-progress,
body.zkat-theme-active .bar-progress-wrap .bar-progress-info,
body.zkat-theme-active .progress-arc-fill {
  background: linear-gradient(90deg, var(--zkat-accent), var(--zkat-button), var(--zkat-accent2)) !important;
}



/* --------------------------------------------------------------------------
 * Zenkai Custom Forums compatibility
 * Makes /forums/, /forums/forum.php, /forums/thread.php, composer, replies,
 * dashboard lists, reactions, BBCode tools, and modals inherit purchased themes.
 * -------------------------------------------------------------------------- */
body.zkat-theme-active {
  --zkps-accent: var(--zkat-accent);
  --zkps-accent-2: var(--zkat-accent2);
  --zkps-surface: var(--zkat-surface);
  --zkps-surface-2: var(--zkat-surface2);
  --zkps-header: var(--zkat-topbar);
  --zkps-sidebar: var(--zkat-sidebar);
  --zkps-footer: var(--zkat-surface3);
  --zkps-border: var(--zkat-border);
  --zkps-text: var(--zkat-text);
  --zkps-muted: var(--zkat-muted);
}

body.zkat-theme-active .zenkai-forum-wrapper,
body.zkat-theme-active .zenkai-reply-page,
body.zkat-theme-active .zenkai-create-shell,
body.zkat-theme-active .zenkai-composer-wrap {
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-forum-card,
body.zkat-theme-active .zenkai-forum-hero,
body.zkat-theme-active .zenkai-forum-main-panel,
body.zkat-theme-active .zenkai-stats-panel,
body.zkat-theme-active .zenkai-staff-panel,
body.zkat-theme-active .zenkai-activity-panel,
body.zkat-theme-active .zenkai-featured-panel,
body.zkat-theme-active .zenkai-hero-panel,
body.zkat-theme-active .zenkai-lower-grid > *,
body.zkat-theme-active .zenkai-control-panel,
body.zkat-theme-active .zenkai-control-card,
body.zkat-theme-active .zenkai-topic-card,
body.zkat-theme-active .zenkai-dashboard-hero,
body.zkat-theme-active .zenkai-create-hero,
body.zkat-theme-active .zenkai-create-card,
body.zkat-theme-active .zenkai-create-side-card,
body.zkat-theme-active .zenkai-preview-card,
body.zkat-theme-active .zenkai-check-card,
body.zkat-theme-active .zenkai-reply-card,
body.zkat-theme-active .zenkai-thread-card,
body.zkat-theme-active .zenkai-thread-posts-card,
body.zkat-theme-active .zenkai-staff-report-card,
body.zkat-theme-active .zenkai-poll,
body.zkat-theme-active .zenkai-poll-static,
body.zkat-theme-active .zenkai-embed-card,
body.zkat-theme-active .zenkai-player-card-modal > div,
body.zkat-theme-active .zenkai-player-card-box,
body.zkat-theme-active .zenkai-modal-box,
body.zkat-theme-active .zenkai-giphy-modal > div,
body.zkat-theme-active .zenkai-report-modal > div,
body.zkat-theme-active .zenkai-poll-modal > div {
  background: linear-gradient(145deg, var(--zkat-surface), var(--zkat-surface2)) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.34) !important;
}

body.zkat-theme-active .zenkai-thread-card::before,
body.zkat-theme-active .zenkai-thread-posts-card::before,
body.zkat-theme-active .zenkai-create-card-inner,
body.zkat-theme-active .zenkai-create-side-inner,
body.zkat-theme-active .zenkai-reply-card-inner {
  background: radial-gradient(circle at top left, color-mix(in srgb, var(--zkat-accent) 18%, transparent), transparent 62%) !important;
}

body.zkat-theme-active .zenkai-thread-post {
  border-color: color-mix(in srgb, var(--zkat-border) 34%, transparent) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-post-avatar-wrap,
body.zkat-theme-active .zenkai-thread-avatar,
body.zkat-theme-active .zenkai-topic-avatar,
body.zkat-theme-active .zenkai-author-chip,
body.zkat-theme-active .zenkai-activity-item,
body.zkat-theme-active .zenkai-featured-topic,
body.zkat-theme-active .zenkai-forum-latest,
body.zkat-theme-active .zenkai-stat-card,
body.zkat-theme-active .zenkai-tool-field,
body.zkat-theme-active .zenkai-poll-choice,
body.zkat-theme-active .zenkai-poll-option,
body.zkat-theme-active .zenkai-post-menu-panel {
  background: linear-gradient(145deg, var(--zkat-sidebar), var(--zkat-sidebar2)) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
}

body.zkat-theme-active .zenkai-post-bubble::before {
  background: linear-gradient(145deg, color-mix(in srgb, var(--zkat-surface) 88%, transparent), var(--zkat-surface2)) !important;
  box-shadow: 0 18px 44px color-mix(in srgb, var(--zkat-bg) 72%, transparent) !important;
}

body.zkat-theme-active .zenkai-post-bubble::after {
  background: var(--zkat-surface2) !important;
}

body.zkat-theme-active .zenkai-post-body,
body.zkat-theme-active .zenkai-quote-bubble,
body.zkat-theme-active .zenkai-soft-delete-notice,
body.zkat-theme-active .zenkai-thread-empty,
body.zkat-theme-active .zenkai-empty-state,
body.zkat-theme-active .zenkai-create-alert,
body.zkat-theme-active .zenkai-notice,
body.zkat-theme-active .zenkai-thread-locked {
  background: color-mix(in srgb, var(--zkat-surface2) 72%, transparent) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 64%, transparent) !important;
}

body.zkat-theme-active .zenkai-thread-title,
body.zkat-theme-active .zenkai-forum-title,
body.zkat-theme-active .zenkai-section-title,
body.zkat-theme-active .zenkai-dashboard-title,
body.zkat-theme-active .zenkai-create-title,
body.zkat-theme-active .zenkai-reply-title,
body.zkat-theme-active .zenkai-post-displayname,
body.zkat-theme-active .zenkai-player-card-name,
body.zkat-theme-active .zenkai-poll-question,
body.zkat-theme-active .zenkai-topic-title,
body.zkat-theme-active .zenkai-forum-card-title {
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-breadcrumb,
body.zkat-theme-active .zenkai-thread-meta,
body.zkat-theme-active .zenkai-post-meta,
body.zkat-theme-active .zenkai-post-status-last,
body.zkat-theme-active .zenkai-forum-subtitle,
body.zkat-theme-active .zenkai-section-subtitle,
body.zkat-theme-active .zenkai-dashboard-copy,
body.zkat-theme-active .zenkai-create-subtitle,
body.zkat-theme-active .zenkai-create-helper,
body.zkat-theme-active .zenkai-reply-subtitle,
body.zkat-theme-active .zenkai-reply-hint,
body.zkat-theme-active .zenkai-topic-meta,
body.zkat-theme-active .zenkai-topic-preview,
body.zkat-theme-active .zenkai-forum-card-desc,
body.zkat-theme-active .zenkai-stat-label,
body.zkat-theme-active .zenkai-post-stat,
body.zkat-theme-active .zenkai-draft-status {
  color: var(--zkat-muted) !important;
}

body.zkat-theme-active .zenkai-thread-btn,
body.zkat-theme-active .zenkai-btn-primary,
body.zkat-theme-active .zenkai-button-primary,
body.zkat-theme-active .zenkai-search-button,
body.zkat-theme-active .zenkai-create-pill-link,
body.zkat-theme-active .zenkai-submit-row button,
body.zkat-theme-active .zenkai-poll-submit,
body.zkat-theme-active .zenkai-snowball-button,
body.zkat-theme-active .zenkai-secret-santa-button,
body.zkat-theme-active .zenkai-helpful-button,
body.zkat-theme-active .zenkai-reaction-btn.is-reacted {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 76%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--zkat-accent) 24%, transparent) !important;
}

body.zkat-theme-active .zenkai-thread-btn-secondary,
body.zkat-theme-active .zenkai-btn-secondary,
body.zkat-theme-active .zenkai-btn-ghost,
body.zkat-theme-active .zenkai-button-ghost,
body.zkat-theme-active .zenkai-topnav-pill,
body.zkat-theme-active .zenkai-filter-pill,
body.zkat-theme-active .zenkai-filter-tab,
body.zkat-theme-active .zenkai-tool-btn,
body.zkat-theme-active .zenkai-mini-btn,
body.zkat-theme-active .zenkai-template-btn,
body.zkat-theme-active .zenkai-post-action-link,
body.zkat-theme-active .zenkai-reaction-btn,
body.zkat-theme-active .zenkai-poll-manage-btn,
body.zkat-theme-active .zenkai-player-card-link,
body.zkat-theme-active .zenkai-link-preview,
body.zkat-theme-active .zenkai-thread-flag-pill,
body.zkat-theme-active .zenkai-badge,
body.zkat-theme-active .zenkai-small-pill {
  background: color-mix(in srgb, var(--zkat-surface3) 42%, transparent) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-topnav-pill:hover,
body.zkat-theme-active .zenkai-filter-pill:hover,
body.zkat-theme-active .zenkai-filter-pill.is-active,
body.zkat-theme-active .zenkai-filter-tab:hover,
body.zkat-theme-active .zenkai-filter-tab.is-active,
body.zkat-theme-active .zenkai-post-action-link:hover,
body.zkat-theme-active .zenkai-reaction-btn:hover,
body.zkat-theme-active .zenkai-tool-btn:hover,
body.zkat-theme-active .zenkai-thread-btn-secondary:hover {
  background: color-mix(in srgb, var(--zkat-accent) 28%, var(--zkat-surface3)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 82%, transparent) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-search-input,
body.zkat-theme-active .zenkai-input,
body.zkat-theme-active .zenkai-select,
body.zkat-theme-active .zenkai-sort-select,
body.zkat-theme-active .zenkai-create-input,
body.zkat-theme-active .zenkai-create-textarea,
body.zkat-theme-active .zenkai-reply-textarea,
body.zkat-theme-active .zenkai-giphy-search-input,
body.zkat-theme-active .zenkai-giphy-input,
body.zkat-theme-active .zenkai-report-select,
body.zkat-theme-active .zenkai-report-textarea,
body.zkat-theme-active .zenkai-poll-input,
body.zkat-theme-active .zenkai-poll-option-input,
body.zkat-theme-active .zenkai-thread-edit-input,
body.zkat-theme-active .zenkai-thread-move-select {
  background: var(--zkat-surface2) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 76%, transparent) !important;
}

body.zkat-theme-active .zenkai-search-input::placeholder,
body.zkat-theme-active .zenkai-create-input::placeholder,
body.zkat-theme-active .zenkai-create-textarea::placeholder,
body.zkat-theme-active .zenkai-reply-textarea::placeholder,
body.zkat-theme-active .zenkai-report-textarea::placeholder,
body.zkat-theme-active .zenkai-giphy-search-input::placeholder {
  color: var(--zkat-muted) !important;
}

body.zkat-theme-active .zenkai-post-body a,
body.zkat-theme-active .zenkai-thread-title a,
body.zkat-theme-active .zenkai-topic-title a,
body.zkat-theme-active .zenkai-forum-card-title a,
body.zkat-theme-active .zenkai-embed-open,
body.zkat-theme-active .zenkai-flair-manage-link,
body.zkat-theme-active .zenkai-reply-thread-link {
  color: var(--zkat-accent) !important;
}

body.zkat-theme-active .zenkai-poll-bar,
body.zkat-theme-active .zenkai-progress-bar,
body.zkat-theme-active .zenkai-advent-day-claim {
  background: linear-gradient(90deg, var(--zkat-accent), var(--zkat-button), var(--zkat-accent2)) !important;
}

body.zkat-theme-active .zenkai-modal-overlay,
body.zkat-theme-active .zenkai-giphy-modal,
body.zkat-theme-active .zenkai-report-modal,
body.zkat-theme-active .zenkai-poll-modal,
body.zkat-theme-active .zenkai-player-card-modal {
  background: rgba(0, 0, 0, 0.72) !important;
  backdrop-filter: blur(10px) !important;
}

body.zkat-theme-active .zenkai-live-new-replies,
body.zkat-theme-active .zenkai-toast,
body.zkat-theme-active .zenkai-thread-unread-banner,
body.zkat-theme-active .zenkai-report-saved-banner {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-accent), var(--zkat-button2)) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-accent2) 70%, transparent) !important;
}

/* Custom Zenkai Forums 2 support */
body.zkat-theme-active .zenkai-forum-wrapper {
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-breadcrumb,
body.zkat-theme-active .zenkai-forum-subtitle,
body.zkat-theme-active .zenkai-thread-meta,
body.zkat-theme-active .zenkai-post-meta,
body.zkat-theme-active .zenkai-reply-help,
body.zkat-theme-active .zenkai-reply-subtitle,
body.zkat-theme-active .zenkai-stat-label,
body.zkat-theme-active .zenkai-topic-metric-label,
body.zkat-theme-active .zenkai-thread-preview,
body.zkat-theme-active .zenkai-empty-copy,
body.zkat-theme-active .zenkai-post-status-last {
  color: var(--zkat-muted) !important;
}

body.zkat-theme-active .zenkai-thread-card,
body.zkat-theme-active .zenkai-thread-posts-card,
body.zkat-theme-active .zenkai-reply-card,
body.zkat-theme-active .zenkai-forum-card,
body.zkat-theme-active .zenkai-create-side-card,
body.zkat-theme-active .zenkai-section-header,
body.zkat-theme-active .zenkai-stat-card,
body.zkat-theme-active .zenkai-empty-state,
body.zkat-theme-active .zenkai-dashboard-stat,
body.zkat-theme-active .zenkai-secret-santa-card,
body.zkat-theme-active .zenkai-staff-tool-grid,
body.zkat-theme-active .zenkai-report-modal,
body.zkat-theme-active .zenkai-poll-modal,
body.zkat-theme-active .zenkai-giphy-modal,
body.zkat-theme-active .zenkai-player-card-modal,
body.zkat-theme-active .zenkai-modal {
  background: linear-gradient(145deg, var(--zkat-surface), var(--zkat-surface2)) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32) !important;
}

body.zkat-theme-active .zenkai-thread-card::before,
body.zkat-theme-active .zenkai-thread-posts-card::before {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--zkat-accent) 18%, transparent), transparent 38%),
    radial-gradient(circle at top right, color-mix(in srgb, var(--zkat-accent2) 14%, transparent), transparent 42%) !important;
  opacity: 1 !important;
}

body.zkat-theme-active .zenkai-thread-post {
  border-color: color-mix(in srgb, var(--zkat-border) 46%, transparent) !important;
}

body.zkat-theme-active .zenkai-post-avatar-wrap {
  background:
    radial-gradient(circle at top center, color-mix(in srgb, var(--zkat-accent2) 14%, transparent), transparent 56%),
    linear-gradient(160deg, var(--zkat-sidebar), var(--zkat-sidebar2)) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 74%, transparent) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-post-bubble::before {
  background:
    radial-gradient(circle at top left, color-mix(in srgb, var(--zkat-accent) 14%, var(--zkat-surface)), var(--zkat-surface2)) !important;
  border: 1px solid color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.30) !important;
}

body.zkat-theme-active .zenkai-post-bubble::after {
  background: var(--zkat-surface2) !important;
}

body.zkat-theme-active .zenkai-post-body,
body.zkat-theme-active .zenkai-code,
body.zkat-theme-active .zenkai-quote-bubble,
body.zkat-theme-active .zenkai-embed-card,
body.zkat-theme-active .zenkai-soft-delete-notice,
body.zkat-theme-active .zenkai-staff-report-card,
body.zkat-theme-active .zenkai-poll,
body.zkat-theme-active .zenkai-poll-choice,
body.zkat-theme-active .zenkai-post-menu-panel {
  background: color-mix(in srgb, var(--zkat-surface2) 84%, #000000 16%) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 68%, transparent) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-thread-title,
body.zkat-theme-active .zenkai-post-displayname,
body.zkat-theme-active .zenkai-reply-title,
body.zkat-theme-active .zenkai-section-title,
body.zkat-theme-active .zenkai-topic-label,
body.zkat-theme-active .zenkai-empty-title,
body.zkat-theme-active .zenkai-player-card-name {
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-topnav-pill,
body.zkat-theme-active .zenkai-thread-btn,
body.zkat-theme-active .zenkai-post-action-link,
body.zkat-theme-active .zenkai-reaction-btn,
body.zkat-theme-active .zenkai-btn-primary,
body.zkat-theme-active .zenkai-btn-secondary,
body.zkat-theme-active .zenkai-button-primary,
body.zkat-theme-active .zenkai-button-ghost,
body.zkat-theme-active .zenkai-tool-btn,
body.zkat-theme-active .zenkai-bbcode-btn,
body.zkat-theme-active .zenkai-bbcode-button,
body.zkat-theme-active .zenkai-filter-pill,
body.zkat-theme-active .zenkai-template-btn,
body.zkat-theme-active .zenkai-mini-btn,
body.zkat-theme-active .zenkai-poll-submit,
body.zkat-theme-active .zenkai-poll-manage-btn,
body.zkat-theme-active .zenkai-search-button,
body.zkat-theme-active .zenkai-player-card-link {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 76%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--zkat-accent) 22%, transparent) !important;
}

body.zkat-theme-active .zenkai-thread-btn-secondary,
body.zkat-theme-active .zenkai-btn-secondary,
body.zkat-theme-active .zenkai-button-ghost,
body.zkat-theme-active .zenkai-topnav-pill:not(.active),
body.zkat-theme-active .zenkai-filter-pill:not(.active),
body.zkat-theme-active .zenkai-post-action-link,
body.zkat-theme-active .zenkai-reaction-btn,
body.zkat-theme-active .zenkai-player-card-link {
  background: color-mix(in srgb, var(--zkat-surface2) 82%, transparent) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-topnav-pill:hover,
body.zkat-theme-active .zenkai-filter-pill:hover,
body.zkat-theme-active .zenkai-filter-pill.active,
body.zkat-theme-active .zenkai-post-action-link:hover,
body.zkat-theme-active .zenkai-reaction-btn:hover,
body.zkat-theme-active .zenkai-reaction-btn.is-reacted,
body.zkat-theme-active .zenkai-player-card-link:hover {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2)) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-search-input,
body.zkat-theme-active .zenkai-reply-textarea,
body.zkat-theme-active .zenkai-report-select,
body.zkat-theme-active .zenkai-report-textarea,
body.zkat-theme-active .zenkai-poll-input,
body.zkat-theme-active .zenkai-thread-edit-input,
body.zkat-theme-active .zenkai-thread-move-select,
body.zkat-theme-active .zenkai-giphy-search-input,
body.zkat-theme-active .zenkai-select,
body.zkat-theme-active .zenkai-poll-option-input {
  background: color-mix(in srgb, var(--zkat-surface2) 86%, #000000 14%) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-search-input::placeholder,
body.zkat-theme-active .zenkai-reply-textarea::placeholder,
body.zkat-theme-active .zenkai-report-textarea::placeholder,
body.zkat-theme-active .zenkai-poll-input::placeholder,
body.zkat-theme-active .zenkai-thread-edit-input::placeholder,
body.zkat-theme-active .zenkai-giphy-search-input::placeholder {
  color: var(--zkat-muted) !important;
}

body.zkat-theme-active .zenkai-badge,
body.zkat-theme-active .zenkai-small-pill,
body.zkat-theme-active .zenkai-thread-flag-pill,
body.zkat-theme-active .zenkai-post-role-pill,
body.zkat-theme-active .zenkai-post-stat,
body.zkat-theme-active .zenkai-unread-chip,
body.zkat-theme-active .zenkai-poll-status-pill,
body.zkat-theme-active .zenkai-forum-badge {
  background: color-mix(in srgb, var(--zkat-accent) 18%, var(--zkat-surface2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 62%, transparent) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-thread-unread-banner,
body.zkat-theme-active .zenkai-report-saved-banner,
body.zkat-theme-active .zenkai-live-new-replies,
body.zkat-theme-active #zenkai-quote-selection-pop {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2)) !important;
  color: var(--zkat-text) !important;
}

body.zkat-theme-active .zenkai-post-body a,
body.zkat-theme-active .zenkai-link-preview,
body.zkat-theme-active .zenkai-embed-open,
body.zkat-theme-active .zenkai-flair-manage-link,
body.zkat-theme-active .zenkai-jump-link,
body.zkat-theme-active .zenkai-topic-action {
  color: var(--zkat-accent2) !important;
}

body.zkat-theme-active .zenkai-poll-bar span,
body.zkat-theme-active .zenkai-advent-day-status,
body.zkat-theme-active .zenkai-progress,
body.zkat-theme-active .zenkai-progress span {
  background: linear-gradient(90deg, var(--zkat-accent), var(--zkat-button), var(--zkat-accent2)) !important;
}

@media (max-width: 960px) {
  body.zkat-theme-active .zenkai-post-bubble::after {
    display: none !important;
  }
}



/* Zenkai Forum signatures + BuddyPress feed-share support */
body.zkat-theme-active .zenkai-post-signature,
body.zkat-theme-active .zk-live-forum-signature,
body.zkat-theme-active .zenkai-post-signature-content,
body.zkat-theme-active .zenkai-feed-share-card,
body.zkat-theme-active .activity-inner .zenkai-feed-share-card {
  background: color-mix(in srgb, var(--zkat-surface2) 86%, #000000 14%) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
  color: var(--zkat-text) !important;
}
body.zkat-theme-active .zenkai-post-signature-label,
body.zkat-theme-active .zenkai-feed-share-kicker {
  color: var(--zkat-accent) !important;
}
body.zkat-theme-active .zenkai-feed-share-title,
body.zkat-theme-active .zenkai-feed-share-link,
body.zkat-theme-active .zenkai-post-signature a {
  color: var(--zkat-text) !important;
}
body.zkat-theme-active .zenkai-feed-share-link,
body.zkat-theme-active .zenkai-feed-share-btn,
body.zkat-theme-active .zenkai-feed-share-form-thread .zenkai-feed-share-btn,
body.zkat-theme-active .zenkai-forum-share-notice {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 76%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--zkat-accent) 20%, transparent) !important;
}
body.zkat-theme-active .zenkai-feed-share-reply-option,
body.zkat-theme-active .zenkai-feed-share-check {
  background: color-mix(in srgb, var(--zkat-surface3) 34%, transparent) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 66%, transparent) !important;
  color: var(--zkat-text) !important;
}
body.zkat-theme-active .zenkai-feed-share-excerpt,
body.zkat-theme-active .zenkai-feed-share-check span span {
  color: var(--zkat-muted) !important;
}


/* Zenkai Forums BuddyPress Activity share support */
body.zkat-theme-active .zenkai-thread-enhancebar,
body.zkat-theme-active .zenkai-thread-filter-empty,
body.zkat-theme-active .zenkai-share-toggle,
body.zkat-theme-active .zenkai-forum-share-form,
body.zkat-theme-active .zo-forum-activity-share-card,
body.zkat-theme-active .activity-inner .zo-forum-activity-share-card {
  background: color-mix(in srgb, var(--zkat-surface2) 86%, #000000 14%) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
  color: var(--zkat-text) !important;
}
body.zkat-theme-active .zenkai-thread-search-wrap,
body.zkat-theme-active .zenkai-thread-quick-pill,
body.zkat-theme-active .zenkai-activity-share-button,
body.zkat-theme-active .zenkai-activity-share-link,
body.zkat-theme-active .zo-forum-activity-share-button,
body.zkat-theme-active .activity-inner .zo-forum-activity-share-button {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 76%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--zkat-accent) 20%, transparent) !important;
}
body.zkat-theme-active .zenkai-thread-search-input,
body.zkat-theme-active .zenkai-thread-search-input::placeholder {
  color: var(--zkat-muted) !important;
}
body.zkat-theme-active .zo-forum-activity-share-eyebrow,
body.zkat-theme-active .zo-forum-activity-share-title a,
body.zkat-theme-active .zenkai-activity-share-count {
  color: var(--zkat-accent) !important;
}
body.zkat-theme-active .zo-forum-activity-share-meta,
body.zkat-theme-active .zo-forum-activity-share-excerpt,
body.zkat-theme-active .zenkai-share-toggle span span {
  color: var(--zkat-muted) !important;
}

/* --------------------------------------------------------------------------
 * v8 Total Theme Recolor Layer
 * Purpose: when a user activates a purchased/custom theme, remove leftover
 * Zenkai default purple from BuddyPress, Vikinger widgets, activity feeds,
 * side navigation, composer panels, forum cards, and common inline-styled
 * surfaces. This block is intentionally loaded late and scoped only to
 * body.zkat-theme-active, so Site Default remains unchanged.
 * -------------------------------------------------------------------------- */
html body.zkat-theme-active,
html body.zkat-theme-active * {
  scrollbar-color: var(--zkat-accent) color-mix(in srgb, var(--zkat-surface2) 88%, #000 12%);
}

html body.zkat-theme-active {
  --color-primary: var(--zkat-accent) !important;
  --color-primary-dark: var(--zkat-button2) !important;
  --color-primary-darker: var(--zkat-surface2) !important;
  --color-primary-light: var(--zkat-accent2) !important;
  --color-secondary: var(--zkat-button) !important;
  --color-secondary-dark: var(--zkat-button2) !important;
  --color-secondary-darker: var(--zkat-surface2) !important;
  --color-tertiary: var(--zkat-accent2) !important;
  --color-tertiary-dark: var(--zkat-accent) !important;
  --color-text: var(--zkat-text) !important;
  --color-text-alt: var(--zkat-muted) !important;
  --color-text-alt-2: var(--zkat-muted) !important;
  --color-icon: var(--zkat-muted) !important;
  --color-icon-highlighted: var(--zkat-accent) !important;
  --color-border: color-mix(in srgb, var(--zkat-border) 78%, transparent) !important;
  --color-divider: color-mix(in srgb, var(--zkat-border) 58%, transparent) !important;
  --color-background: var(--zkat-bg) !important;
  --color-box-background: var(--zkat-surface) !important;
  --color-box-background-alt: var(--zkat-surface2) !important;
  --color-box-over-box-background: var(--zkat-surface2) !important;
  --color-box-over-box-light-background: var(--zkat-surface3) !important;
  --color-box-highlight-background: var(--zkat-surface3) !important;
  --color-header-background: var(--zkat-topbar) !important;
  --color-header-logo-background: var(--zkat-topbar) !important;
  --color-header-text: var(--zkat-text) !important;
  --color-header-icon: var(--zkat-muted) !important;
  --color-header-icon-hover: var(--zkat-accent) !important;
  --color-header-profile-settings-icon: var(--zkat-accent) !important;
  --color-navigation-widget-background: var(--zkat-sidebar) !important;
  --color-navigation-widget-hover-background: var(--zkat-sidebar2) !important;
  --color-navigation-widget-section-title: var(--zkat-muted) !important;
  --color-navigation-widget-item-icon: var(--zkat-muted) !important;
  --color-navigation-widget-item-icon-active: var(--zkat-accent) !important;
  --color-navigation-widget-item-title: var(--zkat-text) !important;
  --color-navigation-widget-item-title-active: var(--zkat-accent) !important;
  --color-input-background: var(--zkat-surface2) !important;
  --color-input-border: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  --color-input-text: var(--zkat-text) !important;
  --color-input-placeholder: var(--zkat-muted) !important;
  --color-button-background: var(--zkat-button) !important;
  --color-button-background-hover: var(--zkat-button2) !important;
  --color-button-text: var(--zkat-text) !important;
  --color-button-shadow: color-mix(in srgb, var(--zkat-accent) 28%, transparent) !important;
  --color-progressbar-line-gradient-start: var(--zkat-accent) !important;
  --color-progressbar-line-gradient-end: var(--zkat-button) !important;
  --color-progressbar-underline: var(--zkat-surface2) !important;
  --vk-color-primary: var(--zkat-accent) !important;
  --vk-color-secondary: var(--zkat-button) !important;
  --vk-color-bg: var(--zkat-bg) !important;
  --vk-color-surface: var(--zkat-surface) !important;
  --vk-color-surface-alt: var(--zkat-surface2) !important;
  --vk-color-border: var(--zkat-border) !important;
}

html body.zkat-theme-active .header,
html body.zkat-theme-active .site-header,
html body.zkat-theme-active #header,
html body.zkat-theme-active .vikinger-header,
html body.zkat-theme-active .header-brand,
html body.zkat-theme-active .header-actions,
html body.zkat-theme-active .header-menu,
html body.zkat-theme-active .header-item,
html body.zkat-theme-active .header-settings,
html body.zkat-theme-active .header-actions > *,
html body.zkat-theme-active .sidemenu-trigger,
html body.zkat-theme-active .mobilemenu-trigger,
html body.zkat-theme-active .more-dropdown,
html body.zkat-theme-active .more-menu,
html body.zkat-theme-active .navbar,
html body.zkat-theme-active .navigation-header,
html body.zkat-theme-active .fixed-header,
html body.zkat-theme-active .top-bar,
html body.zkat-theme-active .site-topbar {
  background: linear-gradient(135deg, var(--zkat-topbar), color-mix(in srgb, var(--zkat-surface2) 84%, #000 16%)) !important;
  background-color: var(--zkat-topbar) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .header .active,
html body.zkat-theme-active .header .selected,
html body.zkat-theme-active .header .is-active,
html body.zkat-theme-active .header .menu-item.active,
html body.zkat-theme-active .header .menu-item:hover,
html body.zkat-theme-active .header a:hover,
html body.zkat-theme-active .header button:hover {
  background: color-mix(in srgb, var(--zkat-accent) 20%, var(--zkat-surface2)) !important;
  color: var(--zkat-accent2) !important;
}

html body.zkat-theme-active .navigation-widget,
html body.zkat-theme-active .navigation-widget-closed,
html body.zkat-theme-active .navigation-widget-section,
html body.zkat-theme-active .navigation-widget-info-wrap,
html body.zkat-theme-active .navigation-widget .menu,
html body.zkat-theme-active .navigation-widget .menu-main,
html body.zkat-theme-active .navigation-widget .menu-main-item,
html body.zkat-theme-active .left-sidebar,
html body.zkat-theme-active .sidebar,
html body.zkat-theme-active #sidebar,
html body.zkat-theme-active aside,
html body.zkat-theme-active .side-menu,
html body.zkat-theme-active .sidebar-menu,
html body.zkat-theme-active .profile-sidebar,
html body.zkat-theme-active .profile-card,
html body.zkat-theme-active .avatar-sidebar,
html body.zkat-theme-active .user-preview,
html body.zkat-theme-active .author-preview,
html body.zkat-theme-active .user-short-description,
html body.zkat-theme-active .user-preview-info,
html body.zkat-theme-active .user-preview-stats-slides,
html body.zkat-theme-active .user-preview-stats-roster,
html body.zkat-theme-active .user-preview-actions,
html body.zkat-theme-active .badge-list,
html body.zkat-theme-active .badge-list-item,
html body.zkat-theme-active .account-hub-sidebar,
html body.zkat-theme-active .account-hub-nav,
html body.zkat-theme-active .groups-menu,
html body.zkat-theme-active .groups-list,
html body.zkat-theme-active .widget-area {
  background: linear-gradient(180deg, var(--zkat-sidebar), var(--zkat-sidebar2)) !important;
  background-color: var(--zkat-sidebar) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .navigation-widget .menu-item,
html body.zkat-theme-active .navigation-widget .menu-item-link,
html body.zkat-theme-active .navigation-widget .menu-main-item-link,
html body.zkat-theme-active .side-menu .menu-item,
html body.zkat-theme-active .side-menu a,
html body.zkat-theme-active .profile-menu a,
html body.zkat-theme-active .account-hub-sidebar a,
html body.zkat-theme-active .menu-main a,
html body.zkat-theme-active .navigation-widget a,
html body.zkat-theme-active .navigation-widget p,
html body.zkat-theme-active .navigation-widget span,
html body.zkat-theme-active .navigation-widget h1,
html body.zkat-theme-active .navigation-widget h2,
html body.zkat-theme-active .navigation-widget h3,
html body.zkat-theme-active .navigation-widget h4,
html body.zkat-theme-active .navigation-widget h5,
html body.zkat-theme-active .navigation-widget h6 {
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .navigation-widget-section-title,
html body.zkat-theme-active .section-title,
html body.zkat-theme-active .menu-main-title,
html body.zkat-theme-active .sidebar-title,
html body.zkat-theme-active .widget-box-title,
html body.zkat-theme-active .widget-title,
html body.zkat-theme-active .widget-title a,
html body.zkat-theme-active .widget-box .widget-box-title,
html body.zkat-theme-active .navigation-widget .section-title {
  color: var(--zkat-accent2) !important;
}

html body.zkat-theme-active .navigation-widget .menu-item-link:hover,
html body.zkat-theme-active .navigation-widget .menu-item-link.active,
html body.zkat-theme-active .navigation-widget .menu-main-item-link:hover,
html body.zkat-theme-active .navigation-widget .menu-main-item-link.active,
html body.zkat-theme-active .side-menu a:hover,
html body.zkat-theme-active .profile-menu a:hover,
html body.zkat-theme-active .account-hub-sidebar a:hover,
html body.zkat-theme-active .menu-main a:hover,
html body.zkat-theme-active .navigation-widget .active,
html body.zkat-theme-active .navigation-widget .current-menu-item > a {
  background: color-mix(in srgb, var(--zkat-accent) 26%, var(--zkat-sidebar2)) !important;
  color: var(--zkat-accent2) !important;
}

html body.zkat-theme-active .content-grid,
html body.zkat-theme-active .grid,
html body.zkat-theme-active .grid-column,
html body.zkat-theme-active .layout-content,
html body.zkat-theme-active .page-content,
html body.zkat-theme-active .site-content,
html body.zkat-theme-active .content-area,
html body.zkat-theme-active #content,
html body.zkat-theme-active main {
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .widget-box,
html body.zkat-theme-active .widget-box-content,
html body.zkat-theme-active .widget-box-status,
html body.zkat-theme-active .widget-box-list,
html body.zkat-theme-active .widget-box-list-item,
html body.zkat-theme-active .post-preview,
html body.zkat-theme-active .post-preview-heading,
html body.zkat-theme-active .post-preview-body,
html body.zkat-theme-active .post-preview-footer,
html body.zkat-theme-active .post-preview-footer-actions,
html body.zkat-theme-active .post-comment,
html body.zkat-theme-active .post-comment-list,
html body.zkat-theme-active .post-comment-form,
html body.zkat-theme-active .quick-post,
html body.zkat-theme-active .quick-post-header,
html body.zkat-theme-active .quick-post-body,
html body.zkat-theme-active .quick-post-footer,
html body.zkat-theme-active .quick-post-footer-actions,
html body.zkat-theme-active .activity-update-form,
html body.zkat-theme-active .activity-update-form-overlay,
html body.zkat-theme-active .activity-list .activity-item,
html body.zkat-theme-active .activity-item,
html body.zkat-theme-active .activity-content,
html body.zkat-theme-active .activity-inner,
html body.zkat-theme-active .activity-comments,
html body.zkat-theme-active .activity-meta,
html body.zkat-theme-active .activity-header,
html body.zkat-theme-active #activity-stream > li,
html body.zkat-theme-active #buddypress .activity-list li,
html body.zkat-theme-active #buddypress .bp-list li,
html body.zkat-theme-active #buddypress .activity-update-form,
html body.zkat-theme-active #buddypress .subnav-filters,
html body.zkat-theme-active .bp-navs,
html body.zkat-theme-active .bp-navs ul,
html body.zkat-theme-active .bp-navs li,
html body.zkat-theme-active .bp-feedback,
html body.zkat-theme-active .sidebar-box,
html body.zkat-theme-active .content-box,
html body.zkat-theme-active .stream-box,
html body.zkat-theme-active .group-box,
html body.zkat-theme-active .groups-list-item,
html body.zkat-theme-active .group-preview,
html body.zkat-theme-active .message-box,
html body.zkat-theme-active .reaction-box,
html body.zkat-theme-active .quest-preview,
html body.zkat-theme-active .section-header,
html body.zkat-theme-active .section-navigation,
html body.zkat-theme-active .section-menu,
html body.zkat-theme-active .section-filters-bar,
html body.zkat-theme-active .dropdown-box,
html body.zkat-theme-active .dropdown-navigation,
html body.zkat-theme-active .dropdown-box-list,
html body.zkat-theme-active .dropdown-box-list-item,
html body.zkat-theme-active .user-status,
html body.zkat-theme-active .user-status-avatar,
html body.zkat-theme-active .user-status-title,
html body.zkat-theme-active .user-status-text,
html body.zkat-theme-active .user-avatar-content,
html body.zkat-theme-active .forum-post,
html body.zkat-theme-active .bbp-forum,
html body.zkat-theme-active .bbp-topic,
html body.zkat-theme-active .bbp-reply,
html body.zkat-theme-active .woocommerce-MyAccount-content,
html body.zkat-theme-active .woocommerce table.shop_table,
html body.zkat-theme-active .comment-respond,
html body.zkat-theme-active .comment-list .comment,
html body.zkat-theme-active .form-box,
html body.zkat-theme-active .popup-box,
html body.zkat-theme-active .modal-content,
html body.zkat-theme-active .header-dropdown,
html body.zkat-theme-active .menu-dropdown {
  background: linear-gradient(145deg, var(--zkat-surface), var(--zkat-surface2)) !important;
  background-color: var(--zkat-surface) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.25) !important;
}

html body.zkat-theme-active .widget-box :where(.user-status-title, .user-status-title a, .post-preview-title, .post-preview-title a, .activity-header a, .group-name, .group-name a, .section-menu-item, .section-menu-item a, .item-title, .item-title a),
html body.zkat-theme-active #buddypress :where(.activity-header a, .activity-inner a, .item-title a),
html body.zkat-theme-active :where(.user-status-title, .post-preview-title, .group-name, .section-menu-item).active {
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .widget-box :where(.user-status-text, .timestamp, .meta-line, .post-preview-timestamp, .activity-header, .activity-time-since, .group-meta, .section-subtitle, .widget-box-text),
html body.zkat-theme-active #buddypress :where(.activity-header, .time-since, .activity-time-since, .activity-inner p),
html body.zkat-theme-active :where(.text-muted, .meta-line, .timestamp, small) {
  color: var(--zkat-muted) !important;
}

html body.zkat-theme-active .section-menu-item.active,
html body.zkat-theme-active .section-menu-item:hover,
html body.zkat-theme-active .bp-navs li.current,
html body.zkat-theme-active .bp-navs li.selected,
html body.zkat-theme-active .bp-navs li a:hover,
html body.zkat-theme-active .subnav-filters .selected,
html body.zkat-theme-active .activity-meta a:hover,
html body.zkat-theme-active .activity-meta button:hover,
html body.zkat-theme-active .post-option.active,
html body.zkat-theme-active .post-option:hover,
html body.zkat-theme-active .reaction-option:hover,
html body.zkat-theme-active .filter-tabs .active,
html body.zkat-theme-active .tab.active,
html body.zkat-theme-active .is-active {
  background: color-mix(in srgb, var(--zkat-accent) 24%, var(--zkat-surface2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 70%, transparent) !important;
  color: var(--zkat-accent2) !important;
}

html body.zkat-theme-active .button,
html body.zkat-theme-active button:not(.zkat-modal__close):not(.zkat-card):not(.zkat-shop__tab),
html body.zkat-theme-active input[type="submit"],
html body.zkat-theme-active input[type="button"],
html body.zkat-theme-active .wp-block-button__link,
html body.zkat-theme-active .comment-reply-link,
html body.zkat-theme-active .profile-button,
html body.zkat-theme-active .menu-button,
html body.zkat-theme-active .post-option,
html body.zkat-theme-active .reaction-option,
html body.zkat-theme-active .reaction-button,
html body.zkat-theme-active .activity-meta a,
html body.zkat-theme-active .activity-meta button,
html body.zkat-theme-active #buddypress .activity-meta a,
html body.zkat-theme-active #buddypress .activity-meta button,
html body.zkat-theme-active .quick-post-footer button,
html body.zkat-theme-active .woocommerce a.button,
html body.zkat-theme-active .woocommerce button.button,
html body.zkat-theme-active .woocommerce input.button {
  background: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2)) !important;
  background-color: var(--zkat-button) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 76%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--zkat-accent) 22%, transparent) !important;
}

html body.zkat-theme-active input[type="text"],
html body.zkat-theme-active input[type="search"],
html body.zkat-theme-active input[type="email"],
html body.zkat-theme-active input[type="password"],
html body.zkat-theme-active input[type="number"],
html body.zkat-theme-active textarea,
html body.zkat-theme-active select,
html body.zkat-theme-active .input,
html body.zkat-theme-active .select-box,
html body.zkat-theme-active .form-input,
html body.zkat-theme-active .form-select,
html body.zkat-theme-active .search-form input,
html body.zkat-theme-active .search-input,
html body.zkat-theme-active .header-search,
html body.zkat-theme-active .header-search input,
html body.zkat-theme-active .header-search-dropdown,
html body.zkat-theme-active .quick-post-body textarea,
html body.zkat-theme-active .comment-form textarea,
html body.zkat-theme-active #buddypress textarea,
html body.zkat-theme-active #buddypress input[type="text"],
html body.zkat-theme-active #buddypress input[type="search"] {
  background: color-mix(in srgb, var(--zkat-surface2) 88%, #000 12%) !important;
  background-color: var(--zkat-surface2) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 74%, transparent) !important;
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active input::placeholder,
html body.zkat-theme-active textarea::placeholder {
  color: var(--zkat-muted) !important;
}

html body.zkat-theme-active a:not(.button):not(.wp-block-button__link),
html body.zkat-theme-active .accent,
html body.zkat-theme-active .highlight,
html body.zkat-theme-active .text-sticker,
html body.zkat-theme-active .tag-sticker,
html body.zkat-theme-active .verified-badge,
html body.zkat-theme-active .bp-verified-badge,
html body.zkat-theme-active .user-status-title a:hover,
html body.zkat-theme-active .post-preview-title a:hover,
html body.zkat-theme-active .activity-header a:hover {
  color: var(--zkat-accent) !important;
}

html body.zkat-theme-active .progress-bar,
html body.zkat-theme-active .progress-line,
html body.zkat-theme-active .progress-stat-bar-fill,
html body.zkat-theme-active .rank-progress,
html body.zkat-theme-active .level-progress,
html body.zkat-theme-active .bar-progress-wrap .bar-progress-info,
html body.zkat-theme-active .progress-arc-fill,
html body.zkat-theme-active .progress-line-fill,
html body.zkat-theme-active .progress-wrap .progress-fill,
html body.zkat-theme-active .activity-filter-bar::after,
html body.zkat-theme-active .section-menu-item.active::after {
  background: linear-gradient(90deg, var(--zkat-accent), var(--zkat-button), var(--zkat-accent2)) !important;
  background-color: var(--zkat-accent) !important;
}

html body.zkat-theme-active .user-preview-cover,
html body.zkat-theme-active .profile-header-cover,
html body.zkat-theme-active .author-preview-cover,
html body.zkat-theme-active .cover-image,
html body.zkat-theme-active .profile-cover,
html body.zkat-theme-active .section-banner,
html body.zkat-theme-active .page-banner,
html body.zkat-theme-active .widget-box-banner,
html body.zkat-theme-active .group-cover,
html body.zkat-theme-active .avatar-cover {
  background: linear-gradient(135deg, var(--zkat-surface3), var(--zkat-sidebar2)) !important;
  background-color: var(--zkat-surface3) !important;
}

html body.zkat-theme-active .badge,
html body.zkat-theme-active .badge-item,
html body.zkat-theme-active .tag,
html body.zkat-theme-active .tag-sticker,
html body.zkat-theme-active .text-sticker,
html body.zkat-theme-active .reaction-count,
html body.zkat-theme-active .user-status-tag,
html body.zkat-theme-active .rank-tag,
html body.zkat-theme-active .level-tag,
html body.zkat-theme-active .bp-feedback,
html body.zkat-theme-active .notice,
html body.zkat-theme-active .toast,
html body.zkat-theme-active .tooltipster-box {
  background: color-mix(in srgb, var(--zkat-accent) 22%, var(--zkat-surface2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 70%, transparent) !important;
  color: var(--zkat-text) !important;
}

/* Catch common hard-coded Zenkai purple inline/background remnants without touching images. */
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#4b3781"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#5d44a4"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#33215f"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#2b1b58"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#21133f"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="rgb(75, 55, 129)"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="rgb(93, 68, 164)"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="purple"] {
  background: linear-gradient(145deg, var(--zkat-surface), var(--zkat-surface2)) !important;
  background-color: var(--zkat-surface) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  color: var(--zkat-text) !important;
}

/* Last-mile custom Zenkai/BuddyPress/forum surfaces from the current layout screenshots. */
html body.zkat-theme-active :where(.zers-hub, .zers-hub-card, .z-hub, .z-hub-card, .popular-groups, .latest-forum-threads, .staff-alerts, .zenkai-ecosystem, .activity-feed, .activity-feed-panel, .feed-panel, .feed-card, .newsfeed-card, .newsfeed-widget, .composer, .composer-card, .composer-header, .composer-body, .composer-footer, .post-form, .post-form-header, .post-form-body, .post-form-footer, .profile-widget, .profile-panel, .right-sidebar, .right-column, .left-column, .middle-column, .center-column, .quick-links, .quick-link-card) {
  background: linear-gradient(145deg, var(--zkat-surface), var(--zkat-surface2)) !important;
  background-color: var(--zkat-surface) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  color: var(--zkat-text) !important;
}



/* --------------------------------------------------------------------------
 * v8 Total Theme Coverage / Default Purple Purge
 * When a user has an active purchased/custom theme, these rules repaint the
 * remaining Vikinger/BuddyPress/Zenkai default purple panels with the active
 * theme colors. This is intentionally stronger than the normal compatibility
 * layer so default purple does not remain on the feed, hub widgets, sidebars,
 * forum activity cards, dropdowns, or menu blocks.
 * -------------------------------------------------------------------------- */
body.zkat-theme-active {
  --zkat-panel-gradient: linear-gradient(145deg, var(--zkat-surface), var(--zkat-surface2));
  --zkat-panel-gradient-soft: linear-gradient(145deg, color-mix(in srgb, var(--zkat-surface) 88%, transparent), var(--zkat-surface2));
  --zkat-sidebar-gradient: linear-gradient(180deg, var(--zkat-sidebar), var(--zkat-sidebar2));
  --zkat-topbar-gradient: linear-gradient(135deg, var(--zkat-topbar), var(--zkat-surface2));
  --zkat-control-gradient: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2));
  --zkat-soft-fill: color-mix(in srgb, var(--zkat-surface3) 36%, transparent);
  --zkat-deep-fill: color-mix(in srgb, var(--zkat-surface2) 88%, #000000 12%);
}

body.zkat-theme-active .content-grid,
body.zkat-theme-active .site-content,
body.zkat-theme-active .main-content,
body.zkat-theme-active .main,
body.zkat-theme-active #main,
body.zkat-theme-active #page,
body.zkat-theme-active .page-content,
body.zkat-theme-active #buddypress,
body.zkat-theme-active .buddypress-wrap,
body.zkat-theme-active .bp-wrap {
  color: var(--zkat-text) !important;
}

/* Primary panels and widgets */
body.zkat-theme-active .widget-box,
body.zkat-theme-active .widget-box-content,
body.zkat-theme-active .widget-box-status,
body.zkat-theme-active .widget-box-settings,
body.zkat-theme-active .widget-box-controls,
body.zkat-theme-active .section-header,
body.zkat-theme-active .section-menu,
body.zkat-theme-active .section-filters-bar,
body.zkat-theme-active .filter-tabs,
body.zkat-theme-active .simple-tab-items,
body.zkat-theme-active .tab-box,
body.zkat-theme-active .quick-post,
body.zkat-theme-active .quick-post-header,
body.zkat-theme-active .quick-post-body,
body.zkat-theme-active .quick-post-footer,
body.zkat-theme-active .quick-post-footer-actions,
body.zkat-theme-active .activity-update-form,
body.zkat-theme-active .activity-form,
body.zkat-theme-active .newsfeed-form,
body.zkat-theme-active .post-open,
body.zkat-theme-active .post-preview,
body.zkat-theme-active .post-preview-heading,
body.zkat-theme-active .post-preview-body,
body.zkat-theme-active .post-preview-footer,
body.zkat-theme-active .post-preview-actions,
body.zkat-theme-active .post-comment-list,
body.zkat-theme-active .post-comment,
body.zkat-theme-active .activity-list,
body.zkat-theme-active .activity-list > li,
body.zkat-theme-active #activity-stream,
body.zkat-theme-active #activity-stream > li,
body.zkat-theme-active .activity-item,
body.zkat-theme-active .activity-entry,
body.zkat-theme-active .activity-content,
body.zkat-theme-active .activity-inner,
body.zkat-theme-active .activity-comments,
body.zkat-theme-active .activity-comments > ul,
body.zkat-theme-active .activity-comments li,
body.zkat-theme-active .activity-comments form,
body.zkat-theme-active .acomment-content,
body.zkat-theme-active .acomment-options,
body.zkat-theme-active .bp-feedback,
body.zkat-theme-active .bp-list > li,
body.zkat-theme-active .item-list > li,
body.zkat-theme-active .members-list > li,
body.zkat-theme-active .groups-list > li,
body.zkat-theme-active .sidebar-box,
body.zkat-theme-active .stream-box,
body.zkat-theme-active .group-box,
body.zkat-theme-active .message-box,
body.zkat-theme-active .content-box,
body.zkat-theme-active .forum-post,
body.zkat-theme-active .bbp-forum,
body.zkat-theme-active .bbp-topic,
body.zkat-theme-active .bbp-reply,
body.zkat-theme-active .reaction-box,
body.zkat-theme-active .form-box,
body.zkat-theme-active .comment-respond,
body.zkat-theme-active .comment-list .comment,
body.zkat-theme-active [class*="zer-hub"],
body.zkat-theme-active [class*="zers-hub"],
body.zkat-theme-active [class*="z-hub"],
body.zkat-theme-active [class*="activity-feed"],
body.zkat-theme-active [class*="activity-card"],
body.zkat-theme-active [class*="feed-card"],
body.zkat-theme-active [class*="feed-post"] {
  background: var(--zkat-panel-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  box-shadow: 0 18px 58px color-mix(in srgb, var(--zkat-bg) 58%, transparent) !important;
}

/* Nested mini cards inside widgets and the Z'ers Hub */
body.zkat-theme-active .widget-box .user-status,
body.zkat-theme-active .widget-box .user-status-list,
body.zkat-theme-active .widget-box .user-status-list > *,
body.zkat-theme-active .widget-box .option-item,
body.zkat-theme-active .widget-box .option-items,
body.zkat-theme-active .widget-box .quick-menu,
body.zkat-theme-active .widget-box .quick-menu-item,
body.zkat-theme-active .widget-box .stats-box,
body.zkat-theme-active .widget-box .stats-decoration,
body.zkat-theme-active .user-status,
body.zkat-theme-active .user-status-avatar,
body.zkat-theme-active .user-status-text,
body.zkat-theme-active .user-short-description,
body.zkat-theme-active .user-stats,
body.zkat-theme-active .user-stat,
body.zkat-theme-active .user-preview-info,
body.zkat-theme-active .user-preview-info .user-short-description,
body.zkat-theme-active .user-preview .badge-list,
body.zkat-theme-active .achievement-box,
body.zkat-theme-active .quest-item,
body.zkat-theme-active .group-preview,
body.zkat-theme-active .group-preview-info,
body.zkat-theme-active .group-preview-stats,
body.zkat-theme-active .notification-box,
body.zkat-theme-active .dropdown-box-list .dropdown-box-list-item,
body.zkat-theme-active .latest-item,
body.zkat-theme-active .simple-accordion,
body.zkat-theme-active .simple-accordion-header,
body.zkat-theme-active .simple-accordion-content,
body.zkat-theme-active [class*="mini-widget"],
body.zkat-theme-active [class*="quick-link"],
body.zkat-theme-active [class*="shortcut"],
body.zkat-theme-active [class*="hub-card"] {
  background: var(--zkat-deep-fill) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 62%, transparent) !important;
}

/* Side navigation/profile areas */
body.zkat-theme-active .navigation-widget,
body.zkat-theme-active .navigation-widget-closed,
body.zkat-theme-active .navigation-widget-info-wrap,
body.zkat-theme-active .navigation-widget-section,
body.zkat-theme-active .navigation-widget-section-title,
body.zkat-theme-active .navigation-widget .menu,
body.zkat-theme-active .navigation-widget .menu-main,
body.zkat-theme-active .menu-main,
body.zkat-theme-active .menu-main-item,
body.zkat-theme-active .left-sidebar,
body.zkat-theme-active .sidebar,
body.zkat-theme-active #sidebar,
body.zkat-theme-active .profile-sidebar,
body.zkat-theme-active .avatar-sidebar,
body.zkat-theme-active .account-hub-sidebar,
body.zkat-theme-active .side-menu,
body.zkat-theme-active .profile-menu,
body.zkat-theme-active .profile-card,
body.zkat-theme-active .user-preview,
body.zkat-theme-active .author-preview,
body.zkat-theme-active .groups-menu,
body.zkat-theme-active .groups-list {
  background: var(--zkat-sidebar-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
}

/* Header/topbar/dropdowns */
body.zkat-theme-active .header,
body.zkat-theme-active .site-header,
body.zkat-theme-active #header,
body.zkat-theme-active .navbar,
body.zkat-theme-active .navigation-header,
body.zkat-theme-active .fixed-header,
body.zkat-theme-active .vikinger-header,
body.zkat-theme-active .header-actions,
body.zkat-theme-active .header-brand,
body.zkat-theme-active .header-menu,
body.zkat-theme-active .header-menu-item,
body.zkat-theme-active .mobilemenu-trigger,
body.zkat-theme-active .sidemenu-trigger,
body.zkat-theme-active .dropdown-box,
body.zkat-theme-active .dropdown-navigation,
body.zkat-theme-active .simple-dropdown,
body.zkat-theme-active .form-select,
body.zkat-theme-active .user-menu,
body.zkat-theme-active .account-menu,
body.zkat-theme-active .menu-dropdown,
body.zkat-theme-active .header-dropdown,
body.zkat-theme-active .popup-box,
body.zkat-theme-active .modal-content {
  background: var(--zkat-topbar-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
}

/* Search boxes, inputs, composer, selects */
body.zkat-theme-active input[type="text"],
body.zkat-theme-active input[type="search"],
body.zkat-theme-active input[type="email"],
body.zkat-theme-active input[type="password"],
body.zkat-theme-active input[type="number"],
body.zkat-theme-active textarea,
body.zkat-theme-active select,
body.zkat-theme-active .input,
body.zkat-theme-active .interactive-input,
body.zkat-theme-active .form-input,
body.zkat-theme-active .form-select,
body.zkat-theme-active .select-box,
body.zkat-theme-active .quick-post-body,
body.zkat-theme-active .comment-form textarea,
body.zkat-theme-active .medium-editor-element,
body.zkat-theme-active [contenteditable="true"] {
  background: var(--zkat-deep-fill) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
  caret-color: var(--zkat-accent) !important;
}

/* Buttons, tabs, filters, reaction controls */
body.zkat-theme-active button:not(.zkat-close):not(.zkat-card__button--ghost),
body.zkat-theme-active .button,
body.zkat-theme-active input[type="submit"],
body.zkat-theme-active input[type="button"],
body.zkat-theme-active .wp-block-button__link,
body.zkat-theme-active .comment-reply-link,
body.zkat-theme-active .profile-button,
body.zkat-theme-active .menu-button,
body.zkat-theme-active .post-option,
body.zkat-theme-active .quick-post-footer button,
body.zkat-theme-active .filter-tab,
body.zkat-theme-active .section-menu-item,
body.zkat-theme-active .reaction-option,
body.zkat-theme-active .reaction-options,
body.zkat-theme-active .reaction-item,
body.zkat-theme-active .simple-dropdown .simple-dropdown-link,
body.zkat-theme-active .dropdown-box-button,
body.zkat-theme-active .tag-sticker,
body.zkat-theme-active .text-sticker,
body.zkat-theme-active .badge-item,
body.zkat-theme-active .action-request,
body.zkat-theme-active .bp-primary-action,
body.zkat-theme-active .bp-secondary-action,
body.zkat-theme-active .activity-meta a,
body.zkat-theme-active .acomment-options a {
  background: var(--zkat-control-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 72%, transparent) !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--zkat-accent) 18%, transparent) !important;
}

body.zkat-theme-active .section-menu-item:not(.active),
body.zkat-theme-active .filter-tab:not(.active),
body.zkat-theme-active .reaction-options,
body.zkat-theme-active .reaction-item:not(:hover),
body.zkat-theme-active .post-option:not(:hover),
body.zkat-theme-active .activity-meta a:not(:hover),
body.zkat-theme-active .acomment-options a:not(:hover) {
  background: var(--zkat-soft-fill) !important;
  color: var(--zkat-text) !important;
}

/* Text, links, icons, and SVG fills */
body.zkat-theme-active a,
body.zkat-theme-active .widget-box-title,
body.zkat-theme-active .section-title,
body.zkat-theme-active .user-status-title,
body.zkat-theme-active .user-status-title a,
body.zkat-theme-active .user-short-description-title,
body.zkat-theme-active .user-stat-title,
body.zkat-theme-active .menu-item-link,
body.zkat-theme-active .profile-menu a,
body.zkat-theme-active .navigation-widget a,
body.zkat-theme-active .side-menu a,
body.zkat-theme-active .bp-navs a,
body.zkat-theme-active .activity-header a,
body.zkat-theme-active .activity-inner a,
body.zkat-theme-active .item-title a {
  color: var(--zkat-accent) !important;
}

body.zkat-theme-active .user-status-text,
body.zkat-theme-active .user-stat-text,
body.zkat-theme-active .widget-box-text,
body.zkat-theme-active .section-subtitle,
body.zkat-theme-active .meta-line,
body.zkat-theme-active .timestamp,
body.zkat-theme-active .activity-header,
body.zkat-theme-active .activity-header p,
body.zkat-theme-active .activity-meta,
body.zkat-theme-active .item-meta,
body.zkat-theme-active .text-muted,
body.zkat-theme-active small {
  color: var(--zkat-muted) !important;
}

body.zkat-theme-active .icon,
body.zkat-theme-active svg:not(.avatar):not(.user-avatar) {
  color: var(--zkat-accent) !important;
  fill: currentColor;
}

/* Progress, rank bars, lines, selected/active underlines */
body.zkat-theme-active .progress-bar,
body.zkat-theme-active .progress-line,
body.zkat-theme-active .progress-stat-bar-fill,
body.zkat-theme-active .rank-progress,
body.zkat-theme-active .level-progress,
body.zkat-theme-active .bar-progress-wrap .bar-progress-info,
body.zkat-theme-active .progress-arc-fill,
body.zkat-theme-active .section-menu-item.active::after,
body.zkat-theme-active .filter-tab.active::after,
body.zkat-theme-active .active-line,
body.zkat-theme-active .underline,
body.zkat-theme-active [class*="progress"] [class*="fill"] {
  background: linear-gradient(90deg, var(--zkat-accent), var(--zkat-button), var(--zkat-accent2)) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 72%, transparent) !important;
}

/* Theme shop itself should also match the active theme instead of staying purple. */
body.zkat-theme-active .zkat-modal-dialog,
body.zkat-theme-active .zkat-shop,
body.zkat-theme-active .zkat-shop__hero,
body.zkat-theme-active .zkat-card,
body.zkat-theme-active .zkat-shop__toolbar,
body.zkat-theme-active .zkat-shop__footer {
  background: var(--zkat-panel-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 72%, transparent) !important;
}

body.zkat-theme-active .zkat-card__body,
body.zkat-theme-active .zkat-shop__tabs,
body.zkat-theme-active .zkat-shop__balance,
body.zkat-theme-active .zkat-badge,
body.zkat-theme-active .zkat-card__button--ghost,
body.zkat-theme-active .zkat-shop__cancel,
body.zkat-theme-active .zkat-shop__reset {
  background: var(--zkat-deep-fill) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
}

body.zkat-theme-active .zkat-card__button--primary,
body.zkat-theme-active .zkat-card__button--buy,
body.zkat-theme-active .zkat-shop__tabs button.is-active {
  background: var(--zkat-control-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 75%, transparent) !important;
}

/* Emergency class applied by the runtime purple scanner. */
body.zkat-theme-active .zkat-purple-purged-panel {
  background: var(--zkat-panel-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
}

body.zkat-theme-active .zkat-purple-purged-sidebar {
  background: var(--zkat-sidebar-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-border) 70%, transparent) !important;
}

body.zkat-theme-active .zkat-purple-purged-control {
  background: var(--zkat-control-gradient) !important;
  color: var(--zkat-text) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 72%, transparent) !important;
}


/* v9 Cohesive Theme Harmonizer duplicate for live preview. */
/* --------------------------------------------------------------------------
 * v9 Cohesive Theme Harmonizer
 * Goal: no leftover default Zenkai purple after a user activates a theme,
 * while keeping the interface polished and consistent instead of patchy.
 * It uses one theme family of surfaces for headers, sidebars, cards, widgets,
 * feed items, pages, forums, and menus. Site Default remains untouched because
 * this CSS only applies with body.zkat-theme-active.
 * -------------------------------------------------------------------------- */
html body.zkat-theme-active {
  --zkat-ui-bg: var(--zkat-bg);
  --zkat-ui-bg-2: var(--zkat-bg2);
  --zkat-ui-header: color-mix(in srgb, var(--zkat-topbar) 82%, #000 18%);
  --zkat-ui-nav: color-mix(in srgb, var(--zkat-sidebar2) 74%, var(--zkat-bg) 26%);
  --zkat-ui-nav-soft: color-mix(in srgb, var(--zkat-sidebar) 38%, var(--zkat-bg) 62%);
  --zkat-ui-panel: color-mix(in srgb, var(--zkat-surface2) 80%, var(--zkat-bg) 20%);
  --zkat-ui-panel-2: color-mix(in srgb, var(--zkat-surface) 78%, var(--zkat-bg) 22%);
  --zkat-ui-panel-3: color-mix(in srgb, var(--zkat-surface3) 42%, var(--zkat-surface2) 58%);
  --zkat-ui-control: linear-gradient(135deg, var(--zkat-button), var(--zkat-button2));
  --zkat-ui-control-soft: color-mix(in srgb, var(--zkat-accent) 18%, var(--zkat-surface2) 82%);
  --zkat-ui-line: color-mix(in srgb, var(--zkat-border) 62%, transparent);
  --zkat-ui-line-strong: color-mix(in srgb, var(--zkat-border) 82%, transparent);
  --zkat-ui-shadow: 0 18px 54px color-mix(in srgb, #000 48%, transparent);
  --zkat-ui-shadow-soft: 0 10px 28px color-mix(in srgb, #000 28%, transparent);

  --color-primary: var(--zkat-accent) !important;
  --color-primary-dark: var(--zkat-button2) !important;
  --color-primary-darker: var(--zkat-ui-panel) !important;
  --color-primary-light: var(--zkat-accent2) !important;
  --color-secondary: var(--zkat-button) !important;
  --color-secondary-dark: var(--zkat-button2) !important;
  --color-secondary-darker: var(--zkat-ui-panel) !important;
  --color-tertiary: var(--zkat-accent2) !important;
  --color-tertiary-dark: var(--zkat-accent) !important;
  --color-text: var(--zkat-text) !important;
  --color-text-alt: var(--zkat-muted) !important;
  --color-text-alt-2: var(--zkat-muted) !important;
  --color-icon: var(--zkat-muted) !important;
  --color-icon-highlighted: var(--zkat-accent) !important;
  --color-border: var(--zkat-ui-line) !important;
  --color-divider: color-mix(in srgb, var(--zkat-border) 42%, transparent) !important;
  --color-background: var(--zkat-bg) !important;
  --color-box-background: var(--zkat-ui-panel-2) !important;
  --color-box-background-alt: var(--zkat-ui-panel) !important;
  --color-box-over-box-background: var(--zkat-ui-panel) !important;
  --color-box-over-box-light-background: var(--zkat-ui-panel-3) !important;
  --color-box-highlight-background: var(--zkat-ui-panel-3) !important;
  --color-header-background: var(--zkat-ui-header) !important;
  --color-header-logo-background: var(--zkat-ui-header) !important;
  --color-header-text: var(--zkat-text) !important;
  --color-header-icon: var(--zkat-muted) !important;
  --color-header-icon-hover: var(--zkat-accent) !important;
  --color-navigation-widget-background: var(--zkat-ui-nav) !important;
  --color-navigation-widget-hover-background: var(--zkat-ui-panel) !important;
  --color-navigation-widget-section-title: var(--zkat-muted) !important;
  --color-navigation-widget-item-icon: var(--zkat-muted) !important;
  --color-navigation-widget-item-icon-active: var(--zkat-accent) !important;
  --color-navigation-widget-item-title: var(--zkat-text) !important;
  --color-navigation-widget-item-title-active: var(--zkat-accent) !important;
  --color-input-background: var(--zkat-ui-panel) !important;
  --color-input-border: var(--zkat-ui-line) !important;
  --color-input-text: var(--zkat-text) !important;
  --color-input-placeholder: var(--zkat-muted) !important;
  --color-button-background: var(--zkat-button) !important;
  --color-button-background-hover: var(--zkat-button2) !important;
  --color-button-text: var(--zkat-text) !important;

  --zk-accent: var(--zkat-accent);
  --zk-accent-2: var(--zkat-button2);
  --zk-surface: var(--zkat-ui-panel-2);
  --zk-surface-2: var(--zkat-ui-panel);
  --zk-header-bg: var(--zkat-ui-header);
  --zk-sidebar-bg: var(--zkat-ui-nav);
  --zk-footer-bg: var(--zkat-ui-panel);
  --zk-border: var(--zkat-ui-line);
  --zk-text: var(--zkat-text);
  --zk-muted: var(--zkat-muted);
  --zkps-accent: var(--zkat-accent);
  --zkps-accent-2: var(--zkat-button2);
  --zkps-surface: var(--zkat-ui-panel-2);
  --zkps-surface-2: var(--zkat-ui-panel);
  --zkps-header: var(--zkat-ui-header);
  --zkps-sidebar: var(--zkat-ui-nav);
  --zkps-footer: var(--zkat-ui-panel);
  --zkps-border: var(--zkat-ui-line);
  --zkps-text: var(--zkat-text);
  --zkps-muted: var(--zkat-muted);
}

/* Global page chrome */
html body.zkat-theme-active {
  background-color: var(--zkat-bg) !important;
  color: var(--zkat-text) !important;
  scrollbar-color: var(--zkat-accent) var(--zkat-ui-panel) !important;
}

html body.zkat-theme-active .header,
html body.zkat-theme-active .site-header,
html body.zkat-theme-active #header,
html body.zkat-theme-active .vikinger-header,
html body.zkat-theme-active .header-brand,
html body.zkat-theme-active .header-actions,
html body.zkat-theme-active .header-menu,
html body.zkat-theme-active .header-item,
html body.zkat-theme-active .header-settings,
html body.zkat-theme-active .sidemenu-trigger,
html body.zkat-theme-active .mobilemenu-trigger,
html body.zkat-theme-active .more-dropdown,
html body.zkat-theme-active .more-menu,
html body.zkat-theme-active .navbar,
html body.zkat-theme-active .navigation-header,
html body.zkat-theme-active .fixed-header,
html body.zkat-theme-active .top-bar,
html body.zkat-theme-active .site-topbar,
html body.zkat-theme-active .search-bar,
html body.zkat-theme-active .header-search,
html body.zkat-theme-active .header-search input {
  background: linear-gradient(135deg, var(--zkat-ui-header), color-mix(in srgb, var(--zkat-ui-panel) 74%, #000 26%)) !important;
  background-color: var(--zkat-ui-header) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
}

/* Left navigation and profile shell */
html body.zkat-theme-active .navigation-widget,
html body.zkat-theme-active .navigation-widget-closed,
html body.zkat-theme-active .navigation-widget-section,
html body.zkat-theme-active .navigation-widget-info-wrap,
html body.zkat-theme-active .navigation-widget .menu,
html body.zkat-theme-active .navigation-widget .menu-main,
html body.zkat-theme-active .navigation-widget .menu-main-item,
html body.zkat-theme-active .left-sidebar,
html body.zkat-theme-active .sidebar,
html body.zkat-theme-active #sidebar,
html body.zkat-theme-active .profile-sidebar,
html body.zkat-theme-active .profile-card,
html body.zkat-theme-active .avatar-sidebar,
html body.zkat-theme-active .user-preview,
html body.zkat-theme-active .author-preview,
html body.zkat-theme-active .user-short-description,
html body.zkat-theme-active .user-preview-info,
html body.zkat-theme-active .user-preview-stats-slides,
html body.zkat-theme-active .user-preview-stats-roster,
html body.zkat-theme-active .user-preview-actions,
html body.zkat-theme-active .account-hub-sidebar,
html body.zkat-theme-active .account-hub-nav,
html body.zkat-theme-active .groups-menu,
html body.zkat-theme-active .groups-list,
html body.zkat-theme-active .side-menu,
html body.zkat-theme-active .sidebar-menu,
html body.zkat-theme-active .menu-main,
html body.zkat-theme-active .widget-area {
  background: linear-gradient(180deg, var(--zkat-ui-nav), color-mix(in srgb, var(--zkat-ui-nav) 82%, #000 18%)) !important;
  background-color: var(--zkat-ui-nav) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .navigation-widget .menu-item-link,
html body.zkat-theme-active .navigation-widget .menu-main-item-link,
html body.zkat-theme-active .side-menu a,
html body.zkat-theme-active .profile-menu a,
html body.zkat-theme-active .account-hub-sidebar a,
html body.zkat-theme-active .menu-main a,
html body.zkat-theme-active .navigation-widget a {
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .navigation-widget .menu-item-link:hover,
html body.zkat-theme-active .navigation-widget .menu-item-link.active,
html body.zkat-theme-active .navigation-widget .menu-main-item-link:hover,
html body.zkat-theme-active .navigation-widget .menu-main-item-link.active,
html body.zkat-theme-active .side-menu a:hover,
html body.zkat-theme-active .profile-menu a:hover,
html body.zkat-theme-active .account-hub-sidebar a:hover,
html body.zkat-theme-active .menu-main a:hover,
html body.zkat-theme-active .menu-main a.active,
html body.zkat-theme-active .section-menu-item.active,
html body.zkat-theme-active .section-menu-item:hover,
html body.zkat-theme-active .filter-tab.active,
html body.zkat-theme-active .filter-tab:hover,
html body.zkat-theme-active .bp-navs li.selected,
html body.zkat-theme-active .bp-navs li a:hover,
html body.zkat-theme-active .subnav-filters .selected,
html body.zkat-theme-active .is-active {
  background: var(--zkat-ui-control-soft) !important;
  border-color: var(--zkat-ui-line-strong) !important;
  color: var(--zkat-accent2) !important;
}

/* All main content panels, widgets, feed cards, page blocks, and side widgets */
html body.zkat-theme-active .widget,
html body.zkat-theme-active .widget-box,
html body.zkat-theme-active .widget-area .widget,
html body.zkat-theme-active .post-preview,
html body.zkat-theme-active .quick-post,
html body.zkat-theme-active .quick-post-header,
html body.zkat-theme-active .quick-post-body,
html body.zkat-theme-active .quick-post-footer,
html body.zkat-theme-active .activity-update-form,
html body.zkat-theme-active .activity-list,
html body.zkat-theme-active .activity-item,
html body.zkat-theme-active #activity-stream .activity-item,
html body.zkat-theme-active .activity-comments,
html body.zkat-theme-active .activity-inner,
html body.zkat-theme-active .activity-header,
html body.zkat-theme-active .bbp-forum,
html body.zkat-theme-active .bbp-topic,
html body.zkat-theme-active .bbp-reply,
html body.zkat-theme-active .forum-post,
html body.zkat-theme-active .sidebar-box,
html body.zkat-theme-active .content-box,
html body.zkat-theme-active .stream-box,
html body.zkat-theme-active .group-box,
html body.zkat-theme-active .message-box,
html body.zkat-theme-active .section-header,
html body.zkat-theme-active .quest-preview,
html body.zkat-theme-active .reaction-box,
html body.zkat-theme-active .post-comment,
html body.zkat-theme-active .form-box,
html body.zkat-theme-active .woocommerce-MyAccount-content,
html body.zkat-theme-active .woocommerce table.shop_table,
html body.zkat-theme-active .comment-respond,
html body.zkat-theme-active .comment-list .comment,
html body.zkat-theme-active .entry-content,
html body.zkat-theme-active .page-content,
html body.zkat-theme-active .content-area article,
html body.zkat-theme-active article.page,
html body.zkat-theme-active .wp-block-group,
html body.zkat-theme-active .wp-block-column,
html body.zkat-theme-active .elementor-widget-container,
html body.zkat-theme-active [class*="hub"],
html body.zkat-theme-active [class*="Hub"],
html body.zkat-theme-active [class*="popular-groups"],
html body.zkat-theme-active [class*="PopularGroups"],
html body.zkat-theme-active [class*="latest-forum"],
html body.zkat-theme-active [class*="staff-alert"],
html body.zkat-theme-active [class*="ecosystem"],
html body.zkat-theme-active [class*="feed-card"],
html body.zkat-theme-active [class*="FeedCard"],
html body.zkat-theme-active [class*="newsfeed"],
html body.zkat-theme-active [class*="Newsfeed"],
html body.zkat-theme-active [class*="composer"],
html body.zkat-theme-active [class*="Composer"],
html body.zkat-theme-active [class*="panel"],
html body.zkat-theme-active [class*="Panel"] {
  background: linear-gradient(145deg, var(--zkat-ui-panel-2), var(--zkat-ui-panel)) !important;
  background-color: var(--zkat-ui-panel-2) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
  box-shadow: var(--zkat-ui-shadow-soft) !important;
}

/* Nested cards should be calmer, not random purple blocks. */
html body.zkat-theme-active .widget-box .widget-box,
html body.zkat-theme-active .widget-box .quick-link-card,
html body.zkat-theme-active .widget-box [class*="card"],
html body.zkat-theme-active .widget-box [class*="Card"],
html body.zkat-theme-active .activity-item .activity-inner,
html body.zkat-theme-active .activity-item .activity-content,
html body.zkat-theme-active .post-preview .post-preview-info,
html body.zkat-theme-active .item-list li,
html body.zkat-theme-active .groups-list li,
html body.zkat-theme-active .members-list li,
html body.zkat-theme-active .menu-item,
html body.zkat-theme-active .dropdown-box,
html body.zkat-theme-active .dropdown-navigation,
html body.zkat-theme-active .user-menu,
html body.zkat-theme-active .account-menu,
html body.zkat-theme-active .account-hub-content,
html body.zkat-theme-active .popup-box,
html body.zkat-theme-active .modal-content,
html body.zkat-theme-active .header-dropdown,
html body.zkat-theme-active .menu-dropdown {
  background: color-mix(in srgb, var(--zkat-ui-panel) 86%, #000 14%) !important;
  background-color: var(--zkat-ui-panel) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
  box-shadow: none !important;
}

/* Custom Zenkai forum surfaces */
html body.zkat-theme-active .zenkai-forum-wrapper,
html body.zkat-theme-active .zenkai-reply-page,
html body.zkat-theme-active .zenkai-create-shell,
html body.zkat-theme-active .zenkai-composer-wrap,
html body.zkat-theme-active .zenkai-forum-card,
html body.zkat-theme-active .zenkai-forum-hero,
html body.zkat-theme-active .zenkai-forum-main-panel,
html body.zkat-theme-active .zenkai-stats-panel,
html body.zkat-theme-active .zenkai-staff-panel,
html body.zkat-theme-active .zenkai-activity-panel,
html body.zkat-theme-active .zenkai-featured-panel,
html body.zkat-theme-active .zenkai-hero-panel,
html body.zkat-theme-active .zenkai-lower-grid > *,
html body.zkat-theme-active .zenkai-control-panel,
html body.zkat-theme-active .zenkai-control-card,
html body.zkat-theme-active .zenkai-topic-card,
html body.zkat-theme-active .zenkai-dashboard-hero,
html body.zkat-theme-active .zenkai-create-hero,
html body.zkat-theme-active .zenkai-create-card,
html body.zkat-theme-active .zenkai-create-side-card,
html body.zkat-theme-active .zenkai-preview-card,
html body.zkat-theme-active .zenkai-check-card,
html body.zkat-theme-active .zenkai-reply-card,
html body.zkat-theme-active .zenkai-thread-card,
html body.zkat-theme-active .zenkai-thread-posts-card,
html body.zkat-theme-active .zenkai-staff-report-card,
html body.zkat-theme-active .zenkai-poll,
html body.zkat-theme-active .zenkai-poll-static,
html body.zkat-theme-active .zenkai-embed-card,
html body.zkat-theme-active .zenkai-player-card-modal > div,
html body.zkat-theme-active .zenkai-player-card-box,
html body.zkat-theme-active .zenkai-modal-box,
html body.zkat-theme-active .zenkai-giphy-modal > div,
html body.zkat-theme-active .zenkai-report-modal > div,
html body.zkat-theme-active .zenkai-poll-modal > div,
html body.zkat-theme-active .zenkai-post-avatar-wrap,
html body.zkat-theme-active .zenkai-thread-avatar,
html body.zkat-theme-active .zenkai-topic-avatar,
html body.zkat-theme-active .zenkai-author-chip,
html body.zkat-theme-active .zenkai-activity-item,
html body.zkat-theme-active .zenkai-featured-topic,
html body.zkat-theme-active .zenkai-forum-latest,
html body.zkat-theme-active .zenkai-stat-card,
html body.zkat-theme-active .zenkai-tool-field,
html body.zkat-theme-active .zenkai-poll-choice,
html body.zkat-theme-active .zenkai-poll-option,
html body.zkat-theme-active .zenkai-post-menu-panel,
html body.zkat-theme-active .zenkai-post-bubble,
html body.zkat-theme-active .zenkai-post-body,
html body.zkat-theme-active .zenkai-quote-bubble,
html body.zkat-theme-active .zenkai-thread-empty,
html body.zkat-theme-active .zenkai-empty-state,
html body.zkat-theme-active .zenkai-create-alert,
html body.zkat-theme-active .zenkai-notice,
html body.zkat-theme-active .zenkai-thread-locked,
html body.zkat-theme-active .zenkai-post-signature {
  background: linear-gradient(145deg, var(--zkat-ui-panel-2), var(--zkat-ui-panel)) !important;
  background-color: var(--zkat-ui-panel-2) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
}

/* Buttons, pills, filters, activity controls */
html body.zkat-theme-active .button,
html body.zkat-theme-active button:not(.zkat-modal__close):not(.zkat-card):not(.zkat-shop__tab),
html body.zkat-theme-active input[type="submit"],
html body.zkat-theme-active input[type="button"],
html body.zkat-theme-active .wp-block-button__link,
html body.zkat-theme-active .comment-reply-link,
html body.zkat-theme-active .profile-button,
html body.zkat-theme-active .menu-button,
html body.zkat-theme-active .post-option,
html body.zkat-theme-active .reaction-option,
html body.zkat-theme-active .reaction-button,
html body.zkat-theme-active .activity-meta a,
html body.zkat-theme-active .activity-meta button,
html body.zkat-theme-active .quick-post-footer button,
html body.zkat-theme-active .woocommerce a.button,
html body.zkat-theme-active .woocommerce button.button,
html body.zkat-theme-active .woocommerce input.button,
html body.zkat-theme-active .zenkai-thread-btn,
html body.zkat-theme-active .zenkai-btn-primary,
html body.zkat-theme-active .zenkai-button-primary,
html body.zkat-theme-active .zenkai-search-button,
html body.zkat-theme-active .zenkai-create-pill-link,
html body.zkat-theme-active .zenkai-submit-row button,
html body.zkat-theme-active .zenkai-poll-submit,
html body.zkat-theme-active .zenkai-snowball-button,
html body.zkat-theme-active .zenkai-secret-santa-button,
html body.zkat-theme-active .zenkai-helpful-button,
html body.zkat-theme-active .zenkai-reaction-btn.is-reacted {
  background: var(--zkat-ui-control) !important;
  background-color: var(--zkat-button) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 76%, transparent) !important;
  color: var(--zkat-text) !important;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--zkat-accent) 22%, transparent) !important;
}

html body.zkat-theme-active .button:hover,
html body.zkat-theme-active button:not(.zkat-modal__close):not(.zkat-card):not(.zkat-shop__tab):hover,
html body.zkat-theme-active input[type="submit"]:hover,
html body.zkat-theme-active input[type="button"]:hover,
html body.zkat-theme-active .activity-meta a:hover,
html body.zkat-theme-active .quick-post-footer button:hover {
  filter: brightness(1.08) saturate(1.06) !important;
}

/* Inputs */
html body.zkat-theme-active input[type="text"],
html body.zkat-theme-active input[type="search"],
html body.zkat-theme-active input[type="email"],
html body.zkat-theme-active input[type="password"],
html body.zkat-theme-active input[type="number"],
html body.zkat-theme-active textarea,
html body.zkat-theme-active select,
html body.zkat-theme-active .input,
html body.zkat-theme-active .select-box,
html body.zkat-theme-active .form-input,
html body.zkat-theme-active .form-select,
html body.zkat-theme-active .search-form input,
html body.zkat-theme-active .search-input,
html body.zkat-theme-active .interactive-input,
html body.zkat-theme-active .medium-editor-element {
  background: color-mix(in srgb, var(--zkat-ui-panel) 82%, #000 18%) !important;
  background-color: var(--zkat-ui-panel) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active input::placeholder,
html body.zkat-theme-active textarea::placeholder {
  color: var(--zkat-muted) !important;
}

/* Typography and accents */
html body.zkat-theme-active a:not(.button):not(.wp-block-button__link),
html body.zkat-theme-active .accent,
html body.zkat-theme-active .highlight,
html body.zkat-theme-active .text-sticker,
html body.zkat-theme-active .tag-sticker,
html body.zkat-theme-active .verified-badge,
html body.zkat-theme-active .bp-verified-badge,
html body.zkat-theme-active .user-status-title a:hover,
html body.zkat-theme-active .post-preview-title a:hover,
html body.zkat-theme-active .activity-header a:hover,
html body.zkat-theme-active .zenkai-post-signature-label {
  color: var(--zkat-accent) !important;
}

html body.zkat-theme-active .text-muted,
html body.zkat-theme-active .meta-line,
html body.zkat-theme-active .user-status-text,
html body.zkat-theme-active .timestamp,
html body.zkat-theme-active small,
html body.zkat-theme-active .zenkai-thread-meta,
html body.zkat-theme-active .zenkai-post-meta,
html body.zkat-theme-active .zenkai-breadcrumb,
html body.zkat-theme-active .zenkai-forum-subtitle,
html body.zkat-theme-active .zenkai-topic-preview,
html body.zkat-theme-active .zenkai-stat-label {
  color: var(--zkat-muted) !important;
}

/* Covers, progress, badges */
html body.zkat-theme-active .user-preview-cover,
html body.zkat-theme-active .profile-header-cover,
html body.zkat-theme-active .author-preview-cover,
html body.zkat-theme-active .cover-image,
html body.zkat-theme-active .profile-cover,
html body.zkat-theme-active .section-banner,
html body.zkat-theme-active .page-banner,
html body.zkat-theme-active .widget-box-banner,
html body.zkat-theme-active .group-cover,
html body.zkat-theme-active .avatar-cover {
  background: linear-gradient(135deg, var(--zkat-ui-panel-3), var(--zkat-ui-nav)) !important;
  background-color: var(--zkat-ui-panel-3) !important;
}

html body.zkat-theme-active .progress-bar,
html body.zkat-theme-active .progress-line,
html body.zkat-theme-active .progress-stat-bar-fill,
html body.zkat-theme-active .rank-progress,
html body.zkat-theme-active .level-progress,
html body.zkat-theme-active .bar-progress-wrap .bar-progress-info,
html body.zkat-theme-active .progress-arc-fill,
html body.zkat-theme-active .progress-line-fill,
html body.zkat-theme-active .progress-wrap .progress-fill,
html body.zkat-theme-active .activity-filter-bar::after,
html body.zkat-theme-active .section-menu-item.active::after {
  background: linear-gradient(90deg, var(--zkat-accent), var(--zkat-button), var(--zkat-accent2)) !important;
  background-color: var(--zkat-accent) !important;
}

html body.zkat-theme-active .badge,
html body.zkat-theme-active .badge-item,
html body.zkat-theme-active .tag,
html body.zkat-theme-active .tag-sticker,
html body.zkat-theme-active .text-sticker,
html body.zkat-theme-active .reaction-count,
html body.zkat-theme-active .user-status-tag,
html body.zkat-theme-active .rank-tag,
html body.zkat-theme-active .level-tag,
html body.zkat-theme-active .bp-feedback,
html body.zkat-theme-active .notice,
html body.zkat-theme-active .toast,
html body.zkat-theme-active .tooltipster-box {
  background: var(--zkat-ui-control-soft) !important;
  border-color: var(--zkat-ui-line-strong) !important;
  color: var(--zkat-text) !important;
}

/* Explicit hard-coded Zenkai purple cleanup. This keeps layout but replaces old purple panels. */
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#4b3781"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#5d44a4"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#33215f"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#2b1b58"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="#21133f"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="rgb(75, 55, 129)"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="rgb(93, 68, 164)"],
html body.zkat-theme-active :where(div, section, article, aside, nav, header, footer, main, ul, li, form, label, span, p, a, button)[style*="purple"] {
  background: linear-gradient(145deg, var(--zkat-ui-panel-2), var(--zkat-ui-panel)) !important;
  background-color: var(--zkat-ui-panel-2) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
}

/* Elements recolored by the JS harmonizer. */
html body.zkat-theme-active .zkat-purple-purged-panel,
html body.zkat-theme-active .zkat-harmonized-panel {
  background: linear-gradient(145deg, var(--zkat-ui-panel-2), var(--zkat-ui-panel)) !important;
  background-color: var(--zkat-ui-panel-2) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .zkat-purple-purged-sidebar,
html body.zkat-theme-active .zkat-harmonized-sidebar {
  background: linear-gradient(180deg, var(--zkat-ui-nav), color-mix(in srgb, var(--zkat-ui-nav) 82%, #000 18%)) !important;
  background-color: var(--zkat-ui-nav) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .zkat-purple-purged-control,
html body.zkat-theme-active .zkat-harmonized-control {
  background: var(--zkat-ui-control) !important;
  background-color: var(--zkat-button) !important;
  border-color: color-mix(in srgb, var(--zkat-accent) 76%, transparent) !important;
  color: var(--zkat-text) !important;
}

html body.zkat-theme-active .zkat-harmonized-input {
  background: color-mix(in srgb, var(--zkat-ui-panel) 82%, #000 18%) !important;
  background-color: var(--zkat-ui-panel) !important;
  border-color: var(--zkat-ui-line) !important;
  color: var(--zkat-text) !important;
}