@import url("footer.css");
@import url("social-proof.css");

:root {
  color-scheme: light;
}

/* Breadcrumb UI removed site-wide (JSON-LD kept for SEO) */
.syncbank-breadcrumbs {
  display: none !important;
}

/* Hero H1 — keep "to/su {destination}" on one line when there is room */
.hero-h1-tail {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .hero-h1-tail {
    white-space: normal;
  }
}

.sb-theme-toggle {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sb-theme-btn {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid #333;
  background-color: #21212114;
  background-image: linear-gradient(#0000001c, #0000001c);
  color: #f5f7fa;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 0;
  line-height: 1;
  cursor: pointer;
  transition: transform 260ms cubic-bezier(0.16, 1, 0.3, 1), background-color 360ms ease, color 360ms ease, box-shadow 360ms ease, border-color 360ms ease;
}

.sb-theme-icon {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform-origin: center;
  transition: transform 680ms cubic-bezier(0.16, 1, 0.3, 1), opacity 180ms ease;
  will-change: transform;
}

.sb-theme-icon-fill {
  fill: currentColor;
  stroke: none;
}

.sb-theme-btn:hover {
  transform: translateY(-1px) scale(1.04);
}

.sb-theme-btn:active {
  transform: scale(0.98);
}

.sb-theme-btn:focus-visible {
  outline: 2px solid #3182f6;
  outline-offset: 2px;
}

.sb-theme-btn.is-dark {
  color: #f5f7fa;
}

.sb-theme-btn.is-dark .sb-theme-icon {
  transform: rotate(180deg);
}

.sb-theme-btn.is-light .sb-theme-icon {
  transform: rotate(0deg);
}

html[data-theme="light"] .sb-theme-btn {
  border-color: #e5e5e5;
  background-color: rgba(249, 248, 247, 0.86);
  background-image: none;
  color: #171717;
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
  box-shadow: 0 8px 32px rgba(9, 12, 18, 0.06);
}

/* Reusable light palette for future theme class extensions */
html[data-theme="light"] {
  --sb-light-bg: #ffffff;
  --sb-light-surface: #ffffff;
  --sb-light-surface-soft: #ececeb;
  --sb-light-border: #d9d9d7;
  --sb-light-border-strong: #cfcfcc;
  --sb-light-text: #171717;
  --sb-light-text-soft: #4f4d4b;
  --sb-light-button-text: #3a3a3a;
}

html[data-theme="light"] body {
  background-color: var(--sb-light-bg);
  color: var(--sb-light-text);
}

html[data-theme="dark"] body {
  background-color: #121212;
  color: #ededec;
}

html[data-theme="light"] .navbar {
  background-color: #ffffffe6;
  border-bottom-color: #e5e5e5;
}

html[data-theme="light"] .logo {
  filter: invert(1) brightness(0.22);
}

html[data-theme="light"] .minor-text,
html[data-theme="light"] .nav-footer,
html[data-theme="light"] .body-copy,
html[data-theme="light"] .faq-answer,
html[data-theme="light"] .secondary-copy,
html[data-theme="light"] .paragraph,
html[data-theme="light"] .text-block,
html[data-theme="light"] .show-result {
  color: #4f4d4b;
}

html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6,
html[data-theme="light"] .major-text,
html[data-theme="light"] .heading,
html[data-theme="light"] .body-copy-large,
html[data-theme="light"] .secondary-text-buttom {
  color: #181818;
}

html[data-theme="light"] .card,
html[data-theme="light"] .faq-item,
html[data-theme="light"] .status-card,
html[data-theme="light"] .wrapper,
html[data-theme="light"] .line,
html[data-theme="light"] .code-label,
html[data-theme="light"] .box,
html[data-theme="light"] .toast {
  background-color: #fff;
  border-color: #dfdfdf;
}

html[data-theme="light"] .overlay-download {
  background-color: rgba(250, 250, 249, 0.58) !important;
  -webkit-backdrop-filter: blur(7px) !important;
  backdrop-filter: blur(7px) !important;
}

html[data-theme="light"] .overlay-download .download-wrapper,
html[data-theme="light"] [data-install-module="popup"] {
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  background-color: rgba(250, 250, 249, 0.58) !important;
  background-image: none !important;
  border-color: #e5e5e5 !important;
  box-shadow: 0 8px 32px rgba(9, 12, 18, 0.06);
}

html[data-theme="light"] .get-started,
html[data-theme="light"] .primary-buttom,
html[data-theme="light"] .button,
html[data-theme="light"] .button-primary {
  background-color: #191919;
  border-color: #191919;
  color: #ffffff;
  box-shadow: none;
}

html[data-theme="light"] .primary-text-button,
html[data-theme="light"] .text-buttom,
html[data-theme="light"] .download-button {
  color: #ffffff;
}

html[data-theme="light"] .secondary-button,
html[data-theme="light"] .secondary-button-pricing {
  background-color: #f9f8f7;
  border-color: #e5e5e5;
  color: var(--sb-light-button-text);
}

html[data-theme="light"] .primary-button-pricing,
html[data-theme="light"] a.primary-button-pricing {
  background-color: #262626;
  border: 1px solid #262626;
  color: #ffffff;
  box-shadow: none;
}

html[data-theme="light"] .primary-button-pricing .get-bundle-7999-11999,
html[data-theme="light"] .primary-button-pricing .get-bundle-7999-11999-1 {
  color: #ffffff;
  text-decoration-color: #ffffff;
}

html[data-theme="light"] .secondary-button:hover,
html[data-theme="light"] .secondary-button-pricing:hover {
  background-color: #f9f8f7;
}

html[data-theme="light"] .search-wrapper {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

html[data-theme="light"] .bank-search-container {
  background-color: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

html[data-theme="light"] .show-result {
  color: #4a4a48;
}

html[data-theme="light"] .counter-container {
  background-color: #212121;
}

html[data-theme="light"] .counter-text {
  color: #f5f5f5;
}

html[data-theme="light"] .label-rounded {
  background-color: #ececeb;
}

html[data-theme="light"] .time-counter {
  color: #4a4a48;
}

html[data-theme="light"] .step-container {
  border-bottom-color: #d7d7d5;
}

html[data-theme="light"] .monthly-paid,
html[data-theme="light"] .lifetime,
html[data-theme="light"] .bundle-container,
html[data-theme="light"] .bundle-container-mobile {
  background-color: #f9f8f7;
  border-color: #e5e5e5;
}

html[data-theme="light"] .monthly-paid .minor-text,
html[data-theme="light"] .lifetime .minor-text,
html[data-theme="light"] .bundle-container .minor-text,
html[data-theme="light"] .bundle-container-mobile .minor-text {
  color: #5b5b58;
}

html[data-theme="light"] .monthly-paid .heading-8,
html[data-theme="light"] .lifetime .heading-8,
html[data-theme="light"] .bundle-container .heading-8,
html[data-theme="light"] .bundle-container-mobile .heading-8,
html[data-theme="light"] .monthly-paid .heading-9,
html[data-theme="light"] .lifetime .heading-9 {
  color: #181818;
}

html[data-theme="light"] .h2-extrabold,
html[data-theme="light"] .text-70,
html[data-theme="light"] .text-72,
html[data-theme="light"] .link-style-24,
html[data-theme="light"] .link-style-24 div,
html[data-theme="light"] .sync-your-eu-bank-transactions-automatically-to-5-1,
html[data-theme="light"] .text-71 {
  color: #171717;
}

html[data-theme="light"] .discounted-price {
  color: #171717;
}

html[data-theme="light"] .link-style-24 {
  border-color: #d8d8d8;
  background: #f5f5f5;
}

html[data-theme="light"] .frame-76 .monthly-paid,
html[data-theme="light"] .frame-76 .lifetime,
html[data-theme="light"] .bundle-container,
html[data-theme="light"] .bundle-container-mobile {
  background-color: #f9f8f7;
  border-color: #e5e5e5;
}

html[data-theme="light"] .frame-76 .lifetime {
  border-color: #000000 !important;
}

html[data-theme="light"] .toggle-paid,
html[data-theme="light"] .toggle-yearly {
  color: #5a5a58;
}

html[data-theme="light"] .toggle-paid.is-active,
html[data-theme="light"] .toggle-yearly.is-active {
  background-color: #3a3a3a;
}

html[data-theme="light"] .toggle-paid.is-active .text-56,
html[data-theme="light"] .toggle-yearly.is-active .text-56 {
  color: #f5f5f5;
}

html[data-theme="light"] .search-component-wrapper {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

html[data-theme="light"] .search-component-wrapper .search-component {
  background-color: #ffffff;
  border: 0 !important;
  border-radius: 14px;
  padding: 6px;
}

html[data-theme="light"] .email-imput-trial {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
}

html[data-theme="light"] .label-inside {
  color: #787875;
}

html[data-theme="light"] .start-trial-trigger {
  background-color: #191919;
  border: 1px solid #191919;
  color: #ffffff;
  box-shadow: none;
}

html[data-theme="light"] .start-trial-trigger .primary-text-button {
  color: #ffffff;
}

html[data-theme="light"] .start-trial-trigger .start_trial_text {
  color: #ffffff;
}

html[data-theme="light"] .footer {
  background-color: #ffffff;
  border-top-color: #e5e5e5;
  border-bottom-color: #e5e5e5;
}

html[data-theme="light"] .sb-footer__col-title {
  color: #171717;
}

html[data-theme="light"] .sb-footer__tagline,
html[data-theme="light"] .sb-footer__link,
html[data-theme="light"] .sb-footer__copyright,
html[data-theme="light"] .sb-footer__social-link {
  color: #4f4d4b !important;
}

html[data-theme="light"] .sb-footer__link:hover,
html[data-theme="light"] .sb-footer__copyright a:hover,
html[data-theme="light"] .sb-footer__social-link:hover {
  color: #171717 !important;
}

html[data-theme="light"] .sb-footer__ph-icon .sb-footer__ph-brand {
  fill: #4f4d4b;
}

html[data-theme="light"] .sb-footer__ph-icon .sb-footer__ph-letter {
  fill: #fffefe;
}

html[data-theme="light"] .download-wrapper-static {
  background-color: #f9f8f7;
  border-color: #e5e5e5;
}

html[data-theme="light"] .download-button,
html[data-theme="light"] .button-secondary,
html[data-theme="light"] .link {
  color: #2f2f2f;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  color: #1f1f1f;
  background-color: #fff;
  border-color: #cfcfcf;
}

html[data-theme="light"] .bank-search-input {
  background-color: transparent !important;
}

html[data-theme="light"] .section-wrap,
html[data-theme="light"] .section-wrap-minheight,
html[data-theme="light"] .changelog-wrapper,
html[data-theme="light"] .container-faq,
html[data-theme="light"] .step-container,
html[data-theme="light"] .step-body-wrapper-container {
  border-bottom-color: #e5e5e5;
}

html[data-theme="light"] .line-reduced {
  background-color: #e5e5e5 !important;
}

/* Changelog — readable copy in light mode (matches homepage text weight) */
html[data-theme="light"] .changelog-wrapper .terms-text,
html[data-theme="light"] .changelog-wrapper .terms-text li,
html[data-theme="light"] .changelog-wrapper .terms-text p {
  color: #171717 !important;
}

html[data-theme="light"] .changelog-wrapper .date-text,
html[data-theme="light"] .changelog-wrapper .version-label .code-text {
  color: #171717 !important;
}

html[data-theme="light"] .changelog-wrapper .version-label {
  background-color: #ececeb;
  border: 1px solid #e5e5e5;
}

/* Privacy / Terms — readable copy in light mode */
html[data-theme="light"] .terms-wrapper .terms-text,
html[data-theme="light"] .terms-wrapper .terms-text li,
html[data-theme="light"] .terms-wrapper .terms-text p,
html[data-theme="light"] .terms-wrapper .w-richtext p,
html[data-theme="light"] .terms-wrapper .w-richtext li {
  color: #171717 !important;
}

html[data-theme="light"] .terms-wrapper .w-richtext a,
html[data-theme="light"] .terms-wrapper a.link-4,
html[data-theme="light"] .terms-wrapper a.link-5,
html[data-theme="light"] .terms-wrapper a.link-6,
html[data-theme="light"] .terms-wrapper a.link-7 {
  color: #171717 !important;
}

/* Guide / docs — copyable code chips (code-label-2) */
html[data-theme="light"] .code-label-2,
html[data-theme="light"] .numbered-list-wrapper .code-label {
  background-color: #f1f0ef !important;
  border: 1px solid #e5e5e5;
}

html[data-theme="light"] .code-label-2 .code-text-2,
html[data-theme="light"] .numbered-list-wrapper .code-label .code-text {
  color: #171717 !important;
}

html[data-theme="light"] .code-label-2 .copy-code-btn,
html[data-theme="light"] .numbered-list-wrapper .code-label .copy-code-btn {
  color: #999 !important;
}

html[data-theme="light"] .code-label-2 .copy-code-btn svg,
html[data-theme="light"] .numbered-list-wrapper .code-label .copy-code-btn svg {
  stroke: #999 !important;
}

/* Onboarding guide — body copy links and emphasis */
html[data-theme="light"] .steps-container-2 .body-copy strong,
html[data-theme="light"] .steps-container-2 .body-copy a,
html[data-theme="light"] .steps-container-2 .body-copy a strong,
html[data-theme="light"] .steps-container-2 .body-copy a.link,
html[data-theme="light"] .steps-container-2 .body-copy a.link strong {
  color: #171717 !important;
}

/* Onboarding guide — step duration pill */
html[data-theme="light"] .label-counter {
  background-color: #ececeb !important;
}

html[data-theme="light"] .label-counter .time-counter-2 {
  color: #4a4a48 !important;
}

/* Onboarding guide — table of contents active items */
html[data-theme="light"] .table-of-contents .h6-table.is-active-parent,
html[data-theme="light"] .table-of-contents .h6-sub.is-active-child {
  color: #171717 !important;
}

/* Onboarding guide — info callout layout (all themes) */
.note-callout .infoicon-text-wrapper {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.note-callout .div-block-13 {
  flex-shrink: 0;
  padding: 0 12px 0 0 !important;
  margin-top: 5px;
  line-height: 0;
}

.note-callout .infoicon-text-wrapper .body-copy {
  flex: 1;
  min-width: 0;
  margin: 0;
}

.note-callout .group {
  display: block;
  width: 13px;
  height: 13px;
}

/* Onboarding guide — info callout colors (light) */
html[data-theme="light"] .note-callout {
  background-color: #f1f0ef !important;
  border-color: #e5e5e5 !important;
}

html[data-theme="light"] .note-callout .infoicon-text-wrapper .body-copy {
  color: #171717 !important;
}

html[data-theme="light"] .note-callout .group {
  filter: brightness(0) saturate(100%) invert(23%) !important;
}

html[data-theme="light"] .glass-container-step,
html[data-theme="light"] .glass-container-step.fade-up {
  -webkit-backdrop-filter: blur(10px) saturate(140%) !important;
  backdrop-filter: blur(10px) saturate(140%) !important;
  background-color: rgba(249, 248, 247, 0.86) !important;
  background-image: none !important;
  border: 1px solid #e5e5e5 !important;
  box-shadow: 0 8px 32px rgba(9, 12, 18, 0.06);
}

html[data-theme="light"] .toggle-container .text-16,
html[data-theme="light"] .toggle-container .text-17 {
  color: #1f1f1f !important;
}

html[data-theme="light"] .glass-container-step .toggle-step {
  background-color: #ccc !important;
  border: 0 !important;
}

html[data-theme="light"] .glass-container-step .toggle-step-text {
  color: #1f1f1f !important;
  mix-blend-mode: normal !important;
}

html[data-theme="light"] .glass-container-step .toggle-container.is-active .toggle-step {
  background-color: #030303 !important;
  mix-blend-mode: normal !important;
  border: 0 !important;
}

html[data-theme="light"] .glass-container-step .toggle-container.is-active .toggle-step-text {
  color: #ffffff !important;
}

html[data-theme="light"] .glass-container-step .toggle-container .text-16,
html[data-theme="light"] .glass-container-step .toggle-container .text-17 {
  color: #e5e5e5 !important;
}

html[data-theme="light"] .glass-container-step .toggle-container.active .toggle-step,
html[data-theme="light"] .glass-container-step .toggle-container.w--current .toggle-step,
html[data-theme="light"] .glass-container-step .toggle-step.is-active,
html[data-theme="light"] .glass-container-step .toggle-step.active {
  background-color: #030303 !important;
  mix-blend-mode: normal !important;
}

html[data-theme="light"] .glass-container-step .toggle-container.active .toggle-step-text,
html[data-theme="light"] .glass-container-step .toggle-container.w--current .toggle-step-text,
html[data-theme="light"] .glass-container-step .toggle-step.is-active .toggle-step-text,
html[data-theme="light"] .glass-container-step .toggle-step.active .toggle-step-text {
  color: #ffffff !important;
}

html[data-theme="light"] .glass-container-step .toggle-container {
  opacity: 1 !important;
}

html[data-theme="light"] .glass-container-step .toggle-container .text-16,
html[data-theme="light"] .glass-container-step .toggle-container .text-17 {
  color: #1f1f1f !important;
}

html[data-theme="light"] .secondary-button .text-buttom {
  color: #3a3a3a;
}

html[data-theme="light"] .body-cta-wrapper .secondary-button {
  background-color: #f9f8f7;
  border-color: #e5e5e5;
  color: #3a3a3a;
}

html[data-theme="light"] .body-cta-wrapper .secondary-button:hover {
  background-color: #f9f8f7;
}

/* Pricing — primary CTA only (lifetime / bundle); monthly-yearly uses secondary-button-pricing */
html[data-theme="light"] .frame-76 .primary-button-pricing,
html[data-theme="light"] .pricing-wrapper .primary-button-pricing {
  background-color: #191919;
  border: 1px solid #191919;
  color: #ffffff !important;
  box-shadow: none;
}

html[data-theme="light"] .frame-76 .primary-button-pricing * {
  color: #ffffff !important;
}

html[data-theme="light"] .frame-76 .secondary-button-pricing,
html[data-theme="light"] .pricing-wrapper .secondary-button-pricing {
  background-color: #f9f8f7 !important;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px;
  color: #3a3a3a !important;
  box-shadow: none;
}

html[data-theme="light"] .frame-76 .secondary-button-pricing .secondary-text-button-pricing,
html[data-theme="light"] .pricing-wrapper .secondary-button-pricing .secondary-text-button-pricing {
  color: #3a3a3a !important;
}

html[data-theme="light"] .frame-76 .secondary-button-pricing:hover,
html[data-theme="light"] .pricing-wrapper .secondary-button-pricing:hover {
  background-color: #f1f0ef !important;
  border-color: #e5e5e5 !important;
}

/* Ensure all pricing descriptive copy is visible on light cards */
html[data-theme="light"] .description-pricing,
html[data-theme="light"] .best-feature-text,
html[data-theme="light"] .feature-text,
html[data-theme="light"] .list-item-6 .minor-text,
html[data-theme="light"] .list-item-6 .best-feature-text {
  color: #4a4a48 !important;
}

/* Monthly/Yearly selector readability */
html[data-theme="light"] .link-style-21 .text-56 {
  color: #4a4a48;
}

html[data-theme="light"] .link-style-21 .toggle-paid.is-active .text-56,
html[data-theme="light"] .link-style-21 .toggle-yearly.is-active .text-56 {
  color: #ffffff;
}

/* Monthly/Yearly pricing switch */
html[data-theme="light"] .pricing-wrapper-monthly .link-style-21 {
  border: 1px solid #e5e5e5 !important;
}

html[data-theme="light"] .pricing-wrapper-monthly .toggle-monthly,
html[data-theme="light"] .pricing-wrapper-monthly .toggle-yearly,
html[data-theme="light"] .pricing-wrapper-monthly .toggle-paid {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

html[data-theme="light"] .pricing-wrapper-monthly .toggle-monthly .text-56,
html[data-theme="light"] .pricing-wrapper-monthly .toggle-yearly .text-56,
html[data-theme="light"] .pricing-wrapper-monthly .toggle-paid .text-56 {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  opacity: 1 !important;
}

html[data-theme="light"] .pricing-wrapper-monthly .toggle-monthly.is-active,
html[data-theme="light"] .pricing-wrapper-monthly .toggle-yearly.is-active,
html[data-theme="light"] .pricing-wrapper-monthly .toggle-paid.is-active {
  background-color: #c5c5c5 !important;
  border-color: #c5c5c5 !important;
}

html[data-theme="light"] .pricing-wrapper-monthly .toggle-monthly.is-active .text-56,
html[data-theme="light"] .pricing-wrapper-monthly .toggle-yearly.is-active .text-56,
html[data-theme="light"] .pricing-wrapper-monthly .toggle-paid.is-active .text-56 {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Wizard mobile dock gradient aligned to light mode */
/* SEE IN ACTION embed — no black stage in light mode */
html[data-theme="light"] .svg-interactive-wrapper main,
html[data-theme="light"] .svg-interactive-wrapper .bg-\[\#121212\] {
  background-color: transparent !important;
}

html[data-theme="light"] .wizard-mobile-panel > .wizard-mobile-panel-gradient {
  background-image: linear-gradient(#ffffff00, #ffffff 88%);
}

/* Desktop wizard wrapper bottom fade layer */
html[data-theme="light"] .interactive-wizard-embed > .div-block-9 {
  background-image: linear-gradient(#ffffff00, #ffffff 88%);
}

html[data-theme="light"] #wizard-mobile-overlay {
  background-color: #ffffffcc;
}

html[data-theme="light"] .wizard-mobile-panel {
  background-color: #ffffff;
  background-image: none;
  border-color: #e5e5e5;
}

html[data-theme="light"] .wizard-mobile-close {
  color: #171717;
}

html[data-theme="light"] #syncbank-language-switcher .syncbank-language-switcher__track {
  background-color: rgba(249, 248, 247, 0.86);
  background-image: none;
  border: 1px solid #e5e5e5;
  box-shadow: 0 8px 32px rgba(9, 12, 18, 0.06);
}

html[data-theme="light"] .footergrid-left #syncbank-language-switcher {
  border-left-color: #e5e5e5;
}

html[data-theme="light"] #syncbank-language-switcher .syncbank-language-switcher__thumb {
  background: #ccc !important;
}

html[data-theme="light"] #syncbank-language-switcher a {
  color: #7b7b7b;
}

html[data-theme="light"] #syncbank-language-switcher a:hover {
  color: #111111;
}

html[data-theme="light"] #syncbank-language-switcher a.is-active {
  color: #171717;
}

html[data-theme="light"] .key-button-wrapper {
  background-color: #404244 !important;
  border-color: #404244 !important;
}

html[data-theme="light"] .key-button-text {
  color: #ffffff;
}

html[data-theme="light"] .label-pricing {
  background-color: #22c55f !important;
  border-color: #22c55f !important;
}

html[data-theme="light"] .label-pricing .text-57,
html[data-theme="light"] .label-pricing .text-95,
html[data-theme="light"] .label-pricing .text-67,
html[data-theme="light"] .label-pricing .text-58,
html[data-theme="light"] .label-pricing span,
html[data-theme="light"] .label-pricing div {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html[data-theme="dark"] .label-pricing,
html[data-theme="dark"] .label-pricing .text-57,
html[data-theme="dark"] .label-pricing .text-95,
html[data-theme="dark"] .label-pricing .text-67,
html[data-theme="dark"] .label-pricing .text-58,
html[data-theme="dark"] .label-pricing span,
html[data-theme="dark"] .label-pricing div {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

html[data-theme="light"] .select-os {
  background-color: #ccc !important;
  border-color: #ccc !important;
}

html[data-theme="light"] .select-os .os-name {
  color: #171717 !important;
}

html[data-theme="light"] .select-os.is-active {
  background-color: #030303 !important;
  border-color: #030303 !important;
}

html[data-theme="light"] .select-os.is-active .os-name {
  color: #ffffff;
}

html[data-theme="light"] .select-os .os-icon-container img {
  filter: brightness(0) saturate(100%);
}

html[data-theme="light"] .select-os.is-active .os-icon-container img {
  filter: brightness(0) invert(1);
}

html[data-theme="light"] .download-wrapper-static .bash-command-wrapper.code-label {
  border: 1px solid #e5e5e5 !important;
  background-color: #f1f0ef !important;
}

html[data-theme="light"] .download-wrapper-static .bash-command-wrapper.code-label .code-text {
  color: #2b2b2b !important;
}

/* Force install module contrast in light mode (onboarding guide embed) */
html[data-theme="light"] [data-install-module="guide"] {
  background-color: #f9f8f7 !important;
}

html[data-theme="light"] [data-install-module="guide"] .select-os,
html[data-theme="light"] [data-install-module="popup"] .select-os {
  background-color: #f1f0ef !important;
  border-color: #f1f0ef !important;
  opacity: 1 !important;
}

html[data-theme="light"] [data-install-module="guide"] .ostext,
html[data-theme="light"] [data-install-module="popup"] .ostext,
html[data-theme="light"] [data-install-module="guide"] .ostext-2,
html[data-theme="light"] [data-install-module="popup"] .ostext-2,
html[data-theme="light"] [data-install-module="guide"] .os-icon-container,
html[data-theme="light"] [data-install-module="popup"] .os-icon-container,
html[data-theme="light"] [data-install-module="guide"] .os-name,
html[data-theme="light"] [data-install-module="popup"] .os-name {
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

html[data-theme="light"] [data-install-module="guide"] .select-os .os-name,
html[data-theme="light"] [data-install-module="popup"] .select-os .os-name,
html[data-theme="light"] [data-install-module="guide"] .select-os .os-icon-container,
html[data-theme="light"] [data-install-module="popup"] .select-os .os-icon-container,
html[data-theme="light"] [data-install-module="guide"] .select-os .os-icon-container img,
html[data-theme="light"] [data-install-module="popup"] .select-os .os-icon-container img,
html[data-theme="light"] [data-install-module="guide"] .select-os .os-icon-container svg,
html[data-theme="light"] [data-install-module="popup"] .select-os .os-icon-container svg {
  color: #000000 !important;
  fill: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  opacity: 1 !important;
  stroke: #000000 !important;
}

html[data-theme="light"] [data-install-module="guide"] .select-os .os-icon-container img,
html[data-theme="light"] [data-install-module="popup"] .select-os .os-icon-container img {
  filter: brightness(0) saturate(100%) !important;
}

html[data-theme="light"] [data-install-module="guide"] .select-os.is-active,
html[data-theme="light"] [data-install-module="popup"] .select-os.is-active {
  background-color: #030303 !important;
  border-color: #030303 !important;
}

html[data-theme="light"] [data-install-module="guide"] .select-os.is-active .os-name,
html[data-theme="light"] [data-install-module="popup"] .select-os.is-active .os-name,
html[data-theme="light"] [data-install-module="guide"] .select-os.is-active .os-icon-container,
html[data-theme="light"] [data-install-module="popup"] .select-os.is-active .os-icon-container,
html[data-theme="light"] [data-install-module="guide"] .select-os.is-active .os-icon-container img,
html[data-theme="light"] [data-install-module="popup"] .select-os.is-active .os-icon-container img,
html[data-theme="light"] [data-install-module="guide"] .select-os.is-active .os-icon-container svg,
html[data-theme="light"] [data-install-module="popup"] .select-os.is-active .os-icon-container svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  stroke: #ffffff !important;
}

html[data-theme="light"] [data-install-module="guide"] .select-os.is-active .os-icon-container img,
html[data-theme="light"] [data-install-module="popup"] .select-os.is-active .os-icon-container img {
  filter: brightness(0) invert(1) !important;
}

html[data-theme="light"] [data-install-module="guide"] .bash-command-wrapper.code-label,
html[data-theme="light"] [data-install-module="popup"] .bash-command-wrapper.code-label {
  border: 1px solid #e5e5e5 !important;
  background-color: #f1f0ef !important;
}

html[data-theme="light"] [data-install-module="guide"] .bash-command-wrapper.code-label .code-text,
html[data-theme="light"] [data-install-module="popup"] .bash-command-wrapper.code-label .code-text {
  color: #2b2b2b !important;
}

@media screen and (max-width: 767px) {
  html[data-theme="light"] .monthly-paid,
  html[data-theme="light"] .lifetime,
  html[data-theme="light"] .bundle-container,
  html[data-theme="light"] .bundle-container-mobile {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03), 0 8px 24px rgba(0, 0, 0, 0.05);
  }

  html[data-theme="light"] .secondary-button,
  html[data-theme="light"] .secondary-button-pricing,
  html[data-theme="light"] .start-trial-trigger {
    min-height: 44px;
  }

  html[data-theme="light"] .footer-grid {
    background: transparent;
  }
}

html[data-theme="dark"] img.group-19 {
  content: url('../images/Group-19-dark.svg');
}