/* Shared editorial palette. Apply it to site chrome and template-owned UI. */
body.bee-vi-v2 {
    --bee-vi-ink: #191b1d;
    --bee-vi-muted: #52565b;
    --bee-vi-line: #deddda;
    --bee-vi-control: #aaa8a2;
    --bee-vi-paper: #f7f5f0;
    --bee-vi-white: #fff;
    --bee-vi-yellow: #ffe426;
    --bee-vi-yellow-hover: #f3d610;
    --bee-vi-yellow-soft: #fff6c5;
    --bee-vi-dark: #232426;
    --bee-vi-dark-muted: #deddda;
    --bee-vi-radius: 6px;
    --bcvi-ink: var(--bee-vi-ink);
    --bcvi-muted: var(--bee-vi-muted);
    --bcvi-warm: var(--bee-vi-paper);
    --bcvi-line: var(--bee-vi-line);
    --bcvi-orange: var(--bee-vi-yellow);
    --bcvi-orange-dark: var(--bee-vi-yellow-hover);
    --bcvi-yellow: var(--bee-vi-yellow);
    --bee-ink: var(--bee-vi-ink);
    --bee-muted: var(--bee-vi-muted);
    --bee-warm: var(--bee-vi-paper);
    --bee-line: var(--bee-vi-line);
    --bee-yellow: var(--bee-vi-yellow);
    --bee-auth-ink: var(--bee-vi-ink);
    --bee-auth-muted: var(--bee-vi-muted);
    --bee-auth-line: var(--bee-vi-line);
    --bee-auth-warm: var(--bee-vi-paper);
    --bee-auth-blue: var(--bee-vi-ink);
    background: var(--bee-vi-white);
}

body.bee-vi-v2 .ast-primary-header-bar {
    background: var(--bee-vi-white);
    border-color: var(--bee-vi-line);
    box-shadow: none;
}

body.bee-vi-v2 .site-footer .bee-footer-v1 {
    --bee-footer-ink: var(--bee-vi-dark);
    --bee-footer-yellow: var(--bee-vi-yellow);
    --bee-footer-muted: var(--bee-vi-dark-muted);
    --bee-footer-line: #494a4c;
}

body.bee-vi-v2 .site-footer .bee-footer-v1__inner {
    padding-block: clamp(34px, 4vw, 56px) 24px;
}

body.bee-vi-v2 :is(.main-header-menu, .ast-mobile-header-content) .menu-link:hover,
body.bee-vi-v2 :is(.main-header-menu, .ast-mobile-header-content) .current-menu-item > .menu-link,
body.bee-vi-v2 .ast-search-menu-icon .astra-search-icon {
    color: var(--bee-vi-ink);
}

body.bee-vi-v2 .main-header-menu > .menu-item > .menu-link::after {
    background: var(--bee-vi-yellow);
}

body.bee-vi-v2 :is(.bcvi-v2-contact-page, .bcvi-v2-newsletter) {
    background: var(--bee-vi-paper);
    color: var(--bee-vi-ink);
}

body.bee-vi-v2 .bcvi-v2-newsletter :is(h2, .bcvi-v2-eyebrow, .wpforms-field-label) {
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2 .bcvi-v2-newsletter p:not(.bcvi-v2-eyebrow) {
    color: var(--bee-vi-muted) !important;
}

body.bee-vi-v2 .bcvi-v2-newsletter .bcvi-v2-newsletter-form input[type="email"],
body.bee-vi-v2 .bcvi-v2-newsletter .bcvi-v2-form-success {
    border-color: var(--bee-vi-control) !important;
    background: var(--bee-vi-white) !important;
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2 .bcvi-v2-newsletter .bcvi-v2-newsletter-form input[type="email"]::placeholder {
    color: var(--bee-vi-muted) !important;
}

/* Archive and search chrome. Keep media and the existing result grid intact. */
body.bee-vi-v2:is(.category, .archive, .search) {
    --bee-archive-ink: var(--bee-vi-ink);
    --bee-archive-muted: var(--bee-vi-muted);
    --bee-archive-warm: var(--bee-vi-paper);
    --bee-archive-line: var(--bee-vi-line);
    --bee-archive-orange: var(--bee-vi-yellow);
    --bee-archive-orange-dark: var(--bee-vi-yellow-hover);
    --bee-archive-yellow: var(--bee-vi-yellow-soft);
}

body.bee-vi-v2.bee-newsletter-archive-vi {
    --bee-newsletter-ink: var(--bee-vi-ink);
    --bee-newsletter-muted: var(--bee-vi-muted);
    --bee-newsletter-warm: var(--bee-vi-paper);
    --bee-newsletter-line: var(--bee-vi-line);
    --bee-newsletter-orange: var(--bee-vi-yellow);
    --bee-newsletter-orange-dark: var(--bee-vi-yellow-hover);
    --bee-newsletter-yellow: var(--bee-vi-yellow-soft);
}

body.bee-vi-v2:is(.bee-category-archive-vi, .bee-newsletter-archive-vi, .search) .site-content {
    background: var(--bee-vi-paper);
}

body.bee-vi-v2:is(.archive, .search) .ast-archive-title,
body.bee-vi-v2.search .ast-search-title {
    color: var(--bee-vi-ink);
}

body.bee-vi-v2:is(.archive, .search) :is(.bee-category-hero-card, .bee-cat-hub-hero, .bee-cat-feature-card) {
    border-color: var(--bee-vi-line);
    box-shadow: none;
}

body.bee-vi-v2:is(.archive, .search) .ast-pagination .page-numbers {
    border-color: var(--bee-vi-line) !important;
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2:is(.archive, .search) .ast-pagination .page-numbers:is(.current, :hover) {
    border-color: var(--bee-vi-yellow) !important;
    background: var(--bee-vi-yellow) !important;
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2.search .ast-read-more-container a {
    background: transparent;
    color: var(--bee-vi-ink);
    padding-inline: 0;
}

body.bee-vi-v2.search .ast-read-more-container a:hover {
    background: transparent;
    color: var(--bee-vi-ink);
    text-decoration: underline;
}

/* Shared article frame, discussion and sidebar, independent of post content. */
body.bee-vi-v2.single-post.bee-article-vi-v260 .site-content {
    background: var(--bee-vi-paper);
}

body.bee-vi-v2.single-post.bee-article-vi-v260 #primary .ast-article-single {
    border-color: var(--bee-vi-line);
    box-shadow: none;
}

body.bee-vi-v2.single-post.bee-article-vi-v260 #primary :is(.bee-article-eyebrow, .bee-article-date-updated) {
    color: var(--bee-vi-muted);
}

body.bee-vi-v2.bee-global-sidebar-v300.bee-global-sidebar-active #secondary .sidebar-main.bee-global-sidebar-v300 > .bee-article-daily-card,
body.bee-vi-v2 #secondary .bee-article-daily-card {
    border-color: var(--bee-vi-line) !important;
    background: var(--bee-vi-paper) !important;
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2 #secondary .bee-article-daily-card :is(h2, .bee-article-sidebar-eyebrow, .wpforms-field-label) {
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2 #secondary .bee-article-daily-card input[type="email"] {
    border-color: var(--bee-vi-control) !important;
    background: var(--bee-vi-white) !important;
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2 #secondary .bee-article-daily-card input[type="email"]::placeholder {
    color: var(--bee-vi-muted);
}

/* Existing localized roadmap navigation and figures remain in their renderer. */
body.bee-vi-v2.bc-roadmap-o2 .bc-roadmap-experience {
    --bc-ink: var(--bee-vi-ink);
    --bc-muted: var(--bee-vi-muted);
    --bc-warm: var(--bee-vi-paper);
    --bc-line: var(--bee-vi-line);
    --bc-orange: var(--bee-vi-yellow);
    --bc-orange-dark: var(--bee-vi-yellow-hover);
    --bc-yellow: var(--bee-vi-yellow);
}

body.bee-vi-v2.bc-roadmap-o2 .bc-roadmap-experience .bc-section-deep {
    background: var(--bee-vi-dark) !important;
}

body.bee-vi-v2.bc-roadmap-o2 .bc-roadmap-experience .bc-section-deep :is(.bc-section-header > p:last-child, .bc-decision-card p) {
    color: var(--bee-vi-dark-muted) !important;
}

body.bee-vi-v2.bc-roadmap-o2 .bc-roadmap-experience .bc-button-secondary {
    border-color: var(--bee-vi-control) !important;
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2.bc-roadmap-o2 .bc-roadmap-experience .bc-button-secondary:hover {
    background: var(--bee-vi-paper) !important;
}

body.bee-vi-v2.bc-roadmap-o2 .bc-roadmap-experience .bc-faq-item summary::after {
    color: var(--bee-vi-ink);
}

/* The calendar's event colors distinguish event types. */
body.bee-vi-v2.bee-marketing-calendar-page {
    --bcp-blue: var(--bee-vi-ink);
    --bcp-ink: var(--bee-vi-ink);
    --bcp-muted: var(--bee-vi-muted);
    --bcp-cream: var(--bee-vi-paper);
    --bcp-line: var(--bee-vi-line);
    --bcp-control-border: var(--bee-vi-control);
}

body.bee-vi-v2.bee-marketing-calendar-page .bcp-countdown-detail {
    border-color: var(--bee-vi-line);
    border-inline-start-color: var(--bee-vi-yellow-hover);
    background: var(--bee-vi-paper);
}

body.bee-vi-v2.bee-marketing-calendar-page .bcp-calendar :is(.bcp-month-weekdays, .bcp-month-day.is-outside, .bcp-month-nav:hover, .bcp-month-today:hover) {
    background: var(--bee-vi-paper);
}

body.bee-vi-v2.bee-marketing-calendar-page .bcp-month-day.is-today {
    background: var(--bee-vi-yellow-soft);
    box-shadow: inset 0 2px var(--bee-vi-yellow-hover);
}

body.bee-vi-v2.bee-marketing-calendar-page .bcp-month-day.is-today .bcp-month-day-number {
    background: var(--bee-vi-yellow);
    color: var(--bee-vi-ink);
}

/* Courses and tools use independently scoped presentation tokens. */
body.bee-vi-v2.bee-courses-page-vi-v103 {
    --bee-cobalt: var(--bee-vi-dark);
    --bee-cobalt-dark: var(--bee-vi-ink);
    --bee-orange: var(--bee-vi-yellow);
    --bee-orange-dark: var(--bee-vi-yellow-hover);
    --bee-blue-soft: var(--bee-vi-paper);
    --bee-canvas: var(--bee-vi-paper);
}

body.bee-vi-v2.bee-courses-page-vi-v103 .bee-course-page-vi-v103 .bee-course-grid {
    background: var(--bee-vi-paper);
}

body.bee-vi-v2.bee-courses-page-vi-v103 .bee-course-page-vi-v103 .bee-course-card {
    border-color: var(--bee-vi-line);
}

body.bee-vi-v2.bee-free-tools-page-vi-v522 {
    --bcfree-ink: var(--bee-vi-ink);
    --bcfree-muted: var(--bee-vi-muted);
    --bcfree-warm: var(--bee-vi-paper);
    --bcfree-line: var(--bee-vi-line);
    --bcfree-blue: var(--bee-vi-dark);
    --bcfree-blue-dark: var(--bee-vi-ink);
    --bcfree-blue-soft: var(--bee-vi-paper);
    --bcfree-orange: var(--bee-vi-yellow);
    --bcfree-yellow: var(--bee-vi-yellow-soft);
}

body.bee-vi-v2.bee-free-tools-page-vi-v522 #primary .bee-tools-filters button.is-active {
    border-color: var(--bee-vi-yellow) !important;
    background: var(--bee-vi-yellow-soft) !important;
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2.bee-free-tools-page-vi-v522 #primary .bee-tools-filters button.is-active :is(.bee-filter-text, .bee-filter-text em) {
    color: var(--bee-vi-ink) !important;
}

body.bee-vi-v2.bee-price-tracker-page .bpc-price-checker {
    --bpc-ink: var(--bee-vi-ink);
    --bpc-muted: var(--bee-vi-muted);
    --bpc-line: var(--bee-vi-line);
    --bpc-input-line: var(--bee-vi-control);
    --bpc-warm: var(--bee-vi-paper);
    --bpc-blue: var(--bee-vi-dark);
    --bpc-blue-dark: var(--bee-vi-ink);
    --bpc-orange: var(--bee-vi-yellow);
    --bpc-orange-dark: var(--bee-vi-yellow-hover);
    --bpc-yellow: var(--bee-vi-yellow-soft);
}

/* About, author and legal pages keep their existing copy and images. */
body.bee-vi-v2.bee-author-editorial-page #content,
body.bee-vi-v2 .bee-author-editorial__buzz {
    background: var(--bee-vi-paper);
}

body.bee-vi-v2 .bee-author-editorial {
    --author-ink: var(--bee-vi-ink);
    --author-muted: var(--bee-vi-muted);
    --author-border: var(--bee-vi-line);
    --author-blue: var(--bee-vi-dark);
    --author-orange: var(--bee-vi-yellow-hover);
    --author-yellow: var(--bee-vi-yellow);
}

body.bee-vi-v2.beecommercer-legal-vi {
    --bee-legal-blue: var(--bee-vi-ink);
    --bee-legal-ink: var(--bee-vi-ink);
    --bee-legal-muted: var(--bee-vi-muted);
    --bee-legal-line: var(--bee-vi-line);
    --bee-legal-blue-soft: var(--bee-vi-paper);
    --bee-legal-yellow-soft: var(--bee-vi-paper);
    --bee-legal-shadow: none;
}

/* A single action treatment for template-owned primary controls. */
body.bee-vi-v2 :is(.bcvi-v2-button-primary, .bcvi-v2-header-cta-link, .bcvi-v2-form-card .wpforms-submit, .bcvi-v2-newsletter .wpforms-submit, .bee-auth-submit, .bee-auth-signed-in > a),
body.bee-vi-v2 #secondary .bee-article-daily-card :is(button[type="submit"], .bee-article-daily-fallback),
body.bee-vi-v2.bee-marketing-calendar-page #primary .bcp-calendar .bcp-calendar-filters button[type="submit"],
body.bee-vi-v2.bee-free-tools-page-vi-v522 #primary .bee-tools-actions a,
body.bee-vi-v2.bee-price-tracker-page .bpc-price-checker .bpc-submit:not(:disabled),
body.bee-vi-v2.bee-courses-page-vi-v103 .bee-course-page-vi-v103 .bee-course-card-foot a,
body.bee-vi-v2 .bee-author-editorial a.bee-author-editorial__button--primary,
body.bee-vi-v2.single-post #commentform .submit {
    border-color: transparent !important;
    border-radius: var(--bee-vi-radius);
    background: var(--bee-vi-yellow) !important;
    color: var(--bee-vi-ink) !important;
    box-shadow: none !important;
}

body.bee-vi-v2 :is(.bcvi-v2-button-primary, .bcvi-v2-header-cta-link, .bcvi-v2-form-card .wpforms-submit, .bcvi-v2-newsletter .wpforms-submit, .bee-auth-submit, .bee-auth-signed-in > a):hover,
body.bee-vi-v2 #secondary .bee-article-daily-card :is(button[type="submit"], .bee-article-daily-fallback):hover,
body.bee-vi-v2.bee-marketing-calendar-page #primary .bcp-calendar .bcp-calendar-filters button[type="submit"]:hover,
body.bee-vi-v2.bee-free-tools-page-vi-v522 #primary .bee-tools-actions a:hover,
body.bee-vi-v2.bee-price-tracker-page .bpc-price-checker .bpc-submit:not(:disabled):hover,
body.bee-vi-v2.bee-courses-page-vi-v103 .bee-course-page-vi-v103 .bee-course-card-foot a:hover,
body.bee-vi-v2 .bee-author-editorial a.bee-author-editorial__button--primary:hover,
body.bee-vi-v2.single-post #commentform .submit:hover {
    background: var(--bee-vi-yellow-hover) !important;
}

body.bee-vi-v2 :is(#masthead, #content, .bee-auth-modal) :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid var(--bee-vi-ink);
    outline-offset: 3px;
}

/* Keep primary calculation actions consistent across the tool workbenches. */
body.bee-vi-v2.bee-tools-vi-v290 #primary :is(
    .bee-tool-actions > button[data-action="calculate"],
    .bee-cac-button-primary,
    .bee-roi-button-primary,
    .bee-utm-builder .bee-actions > .bee-button.yellow,
    .bee-calc-actions > button[type="submit"]
):not(:disabled),
body.bee-vi-v2.bee-utm-builder-vi-v331 #primary .bee-actions > .bee-button.yellow:not(:disabled),
body.bee-vi-v2.bee-marketing-budget-vi-v320 #primary .bee-calc-actions > button:first-child:not(:disabled) {
    background: var(--bee-vi-yellow) !important;
    border-color: transparent !important;
    color: var(--bee-vi-ink) !important;
    box-shadow: none !important;
}

body.bee-vi-v2.bee-tools-vi-v290 #primary :is(
    .bee-tool-actions > button[data-action="calculate"],
    .bee-cac-button-primary,
    .bee-roi-button-primary,
    .bee-utm-builder .bee-actions > .bee-button.yellow,
    .bee-calc-actions > button[type="submit"]
):not(:disabled):hover,
body.bee-vi-v2.bee-utm-builder-vi-v331 #primary .bee-actions > .bee-button.yellow:not(:disabled):hover,
body.bee-vi-v2.bee-marketing-budget-vi-v320 #primary .bee-calc-actions > button:first-child:not(:disabled):hover {
    background: var(--bee-vi-yellow-hover) !important;
}