/* Loaded last so the dark palette also wins over CMS settings and component CSS. */
html[data-theme="dark"] {
  --bk-template-hero-bg: #0b1822 !important;
  --bk-template-primary-bg: #0d1b25 !important;
  --bk-template-secondary-bg: #122631 !important;
  --bk-template-cta-bg: #183b49 !important;
  --bk-template-footer-bg: #08131b !important;
  --bk-template-hero-gradient-start-mix: 12% !important;
  --bk-template-hero-gradient-end-mix: 12% !important;
  --bk-template-hero-gradient-accent-one-mix: 10% !important;
  --bk-template-hero-gradient-accent-two-mix: 10% !important;
  --bk-ink: #edf7fa !important;
  --bk-muted: #a9bec8 !important;
  --bk-line: color-mix(in srgb, #78bfd7 28%, #39515e) !important;
  --bk-surface: #10222d !important;
  --bk-surface-2: #152b36 !important;
  --bk-panel-strong: rgba(17, 37, 48, 0.94) !important;
  --flow-ink: #edf7fa !important;
  --flow-muted: #a9bec8 !important;
  --flow-line: color-mix(in srgb, #78bfd7 28%, #39515e) !important;
  --flow-surface: #10222d !important;
  --flow-surface-2: #152b36 !important;
  --flow-panel: rgba(17, 37, 48, 0.94) !important;
  --primary-bg: #0d1b25 !important;
  --secondary-bg: #122631 !important;
  --hero-bg: #0b1822 !important;
  --cta-bg: #183b49 !important;
  --footer-bg: #08131b !important;
  --btn-default-bg: #142b36 !important;
  --btn-default-border: #4e7484 !important;
  --btn-default-text: #edf7fa !important;
  --btn-default-bg-hover: #203f4c !important;
  --btn-default-border-hover: #8bd0e5 !important;
  --btn-default-text-hover: #ffffff !important;
  --btn-default-bg-active: #10232d !important;
  --btn-default-border-active: #78bfd7 !important;
  --btn-default-text-active: #ffffff !important;
  --btn-primary-bg: #78bfd7 !important;
  --btn-primary-border: #78bfd7 !important;
  --btn-primary-text: #07131a !important;
  --btn-primary-bg-hover: #9bd9ed !important;
  --btn-primary-border-hover: #b8e8f5 !important;
  --btn-primary-text-hover: #07131a !important;
  --btn-primary-bg-active: #5eabc5 !important;
  --btn-primary-border-active: #78bfd7 !important;
  --btn-primary-text-active: #061017 !important;
  --btn-secondary-bg: #142b36 !important;
  --btn-secondary-border: #78bfd7 !important;
  --btn-secondary-text: #edf7fa !important;
  --btn-secondary-bg-hover: #234755 !important;
  --btn-secondary-border-hover: #a5dfef !important;
  --btn-secondary-text-hover: #ffffff !important;
  --btn-secondary-bg-active: #10232d !important;
  --btn-secondary-border-active: #78bfd7 !important;
  --btn-secondary-text-active: #ffffff !important;
  --btn-text-text: #8bd0e5 !important;
  --btn-text-text-hover: #c9f1fb !important;
  --btn-text-text-active: #78bfd7 !important;
}

html[data-theme="dark"] .bkry-flow :is(.bkry-btn, .uk-button, .bk-flow-button) {
  border-width: 1.5px;
  box-shadow: none;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease !important;
}

html[data-theme="dark"] .bkry-flow :is(.bkry-btn-primary, .uk-button-primary, .bk-button-trial, .bk-flow-button-primary, .bk-booking-widget-link) {
  background: #78bfd7 !important;
  border-color: #78bfd7 !important;
  box-shadow: 0 10px 26px rgba(61, 159, 192, 0.24) !important;
  color: #07131a !important;
}

html[data-theme="dark"] .bkry-flow :is(.bkry-btn-primary, .uk-button-primary, .bk-button-trial, .bk-flow-button-primary, .bk-booking-widget-link):hover,
html[data-theme="dark"] .bkry-flow :is(.bkry-btn-primary, .uk-button-primary, .bk-button-trial, .bk-flow-button-primary, .bk-booking-widget-link):focus-visible {
  background: #9bd9ed !important;
  border-color: #c5eff8 !important;
  box-shadow: 0 14px 34px rgba(91, 192, 224, 0.38) !important;
  color: #07131a !important;
  transform: translateY(-2px) !important;
}

html[data-theme="dark"] .bkry-flow :is(.bkry-btn-secondary, .uk-button-default, .bk-button-demo, .bk-flow-button-secondary, .bk-flow-button-muted) {
  background: #142b36 !important;
  border-color: #78bfd7 !important;
  box-shadow: inset 0 0 0 1px rgba(120, 191, 215, 0.08) !important;
  color: #edf7fa !important;
}

html[data-theme="dark"] .bkry-flow :is(.bkry-btn-secondary, .uk-button-default, .bk-button-demo, .bk-flow-button-secondary, .bk-flow-button-muted):hover,
html[data-theme="dark"] .bkry-flow :is(.bkry-btn-secondary, .uk-button-default, .bk-button-demo, .bk-flow-button-secondary, .bk-flow-button-muted):focus-visible {
  background: #234755 !important;
  border-color: #b8e8f5 !important;
  box-shadow: 0 12px 28px rgba(62, 155, 185, 0.25) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

html[data-theme="dark"] .bkry-flow :is(.bkry-btn, .uk-button, .bk-flow-button):focus-visible {
  outline: 3px solid rgba(155, 217, 237, 0.48) !important;
  outline-offset: 3px;
}

html[data-theme="dark"] .bkry-flow :is(.bkry-btn, .uk-button, .bk-flow-button):active {
  box-shadow: none !important;
  transform: translateY(0) !important;
}

html[data-theme="dark"] .bk-flow-header .bk-flow-button-primary {
  background: var(--flow-primary) !important;
  border-color: var(--flow-primary) !important;
  color: #07131a !important;
}

html[data-theme="dark"] .bk-flow-header .bk-flow-button-muted {
  background: #203844 !important;
  border-color: #42606d !important;
  color: var(--flow-ink) !important;
}

html[data-theme="dark"] body.bkry-flow .bk-flow-content > .hc-card.bk-theme-section.bkry-section-color-hero:first-child,
html[data-theme="dark"] body.bkry-flow .bk-flow-content > section.bk-theme-section.bkry-section-color-hero:first-child {
  --hero-surface:
    linear-gradient(105deg, rgba(14, 31, 41, 0.98), rgba(18, 43, 55, 0.96)) !important;
  --hero-background: var(--hero-surface) !important;
  --hero-text-color: var(--flow-ink) !important;
  --hero-muted-color: var(--flow-muted) !important;
  --hero-list-color: var(--flow-ink) !important;
  --hero-footer-color: var(--flow-muted) !important;
  --hero-primary-text-color: #07131a !important;
  --hero-secondary-button-text: var(--flow-ink) !important;
  background:
    radial-gradient(circle at 92% 88%, rgba(232, 175, 17, 0.1) 0 13vw, transparent 13.2vw),
    radial-gradient(circle at 10% 82%, rgba(120, 191, 215, 0.1) 0 9vw, transparent 9.2vw),
    linear-gradient(135deg, #0b1822, #102631) !important;
}

html[data-theme="dark"] body.bkry-flow .bk-flow-content > .bk-page-title:first-child.bk-feature-page-hero,
html[data-theme="dark"] body.bkry-flow .bk-feature-page-section {
  --bk-section-bg: #0d1b25 !important;
  --flow-primary-bg: #0d1b25 !important;
  --flow-secondary-bg: #0d1b25 !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(120, 191, 215, 0.08) 0 13vw, transparent 13.2vw),
    radial-gradient(circle at 10% 82%, rgba(120, 191, 215, 0.08) 0 9vw, transparent 9.2vw),
    linear-gradient(135deg, #0b1822, #102631) !important;
  color: var(--flow-ink) !important;
}

html[data-theme="dark"] body.bkry-flow .bk-flow-content > .bk-page-title:first-child.bk-feature-page-hero::before {
  background: radial-gradient(circle at center, rgba(120, 191, 215, 0.1) 0 42%, transparent 43%) !important;
  opacity: 0.45 !important;
}

html[data-theme="dark"] body.bkry-flow .bk-flow-content > .bk-page-title:first-child.bk-feature-page-hero::after {
  background: linear-gradient(135deg, rgba(120, 191, 215, 0.06), transparent) !important;
}

html[data-theme="dark"] body.bkry-flow .bk-feature-page-workflow-section {
  background:
    radial-gradient(circle at 82% 18%, rgba(120, 191, 215, 0.07) 0 12vw, transparent 12.2vw),
    linear-gradient(135deg, #0b1822, #102631) !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > .bk-page-title:first-child,
html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > section.uk-section {
  --bk-section-bg: #0d1b25 !important;
  --flow-primary-bg: #0d1b25 !important;
  background: #0d1b25 !important;
  color: var(--flow-ink) !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > .bk-page-title:first-child {
  padding-bottom: clamp(32px, 4vw, 54px) !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > .bk-page-title:first-child + section {
  padding-top: clamp(30px, 3.5vw, 48px) !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > section[class*="bkry-section-color-"]::before {
  content: none !important;
  display: none !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > .bk-page-title:first-child > .uk-container::after {
  background: rgba(120, 191, 215, 0.28) !important;
  content: "" !important;
  display: block !important;
  height: 1px !important;
  margin-top: clamp(28px, 3.5vw, 44px) !important;
  width: 100% !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > .bk-page-title:first-child :is(h1, h2, h3, .bk-kicker),
html[data-theme="dark"] body.bkry-flow.bk-help-standalone :is(.bk-drawer-guide, .bk-drawer-section, .bk-drawer-copy, .bk-walkthrough-step, .bk-walkthrough-copy) :is(h1, h2, h3, h4, .bk-step-number, .bk-kicker, strong) {
  color: #edf7fa !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > .bk-page-title:first-child :is(p, .bk-breadcrumb span),
html[data-theme="dark"] body.bkry-flow.bk-help-standalone :is(.bk-drawer-guide, .bk-drawer-section, .bk-drawer-copy, .bk-walkthrough-step, .bk-walkthrough-copy) :is(p, li, .uk-text-lead) {
  color: #c2d4dc !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-flow-content > .bk-page-title:first-child .bk-breadcrumb a,
html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-walkthrough-index a {
  color: #8bd0e5 !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone :is(.bk-drawer-guide, .bk-drawer-section) {
  border-color: rgba(120, 191, 215, 0.26) !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-marker-card {
  --bk-section-bg: #0d1b25 !important;
  --flow-primary-bg: #0d1b25 !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #c2d4dc !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-marker-card :is(h1, h2, h3, h4, .bk-marker-number) {
  color: #edf7fa !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-marker-card :is(p, li) {
  color: #c2d4dc !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-walkthrough-step {
  --bk-section-bg: #0d1b25 !important;
  --flow-primary-bg: #0d1b25 !important;
  background: #0d1b25 !important;
  border-color: transparent !important;
  color: #c2d4dc !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-walkthrough-step + .bk-walkthrough-step {
  border-top-color: rgba(120, 191, 215, 0.28) !important;
}

html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-walkthrough-step::before,
html[data-theme="dark"] body.bkry-flow.bk-help-standalone .bk-walkthrough-step::after {
  content: none !important;
  display: none !important;
}

[data-theme="dark"] .bk-flow-content > :first-child :is(.bk-flow-hero-card, .bk-hero-shell, .bk-page-title-layout, .bk-features-hero-shell, .bk-pricing-hero-shell) {
  --hero-surface:
    linear-gradient(105deg, rgba(14, 31, 41, 0.98), rgba(18, 43, 55, 0.96)) !important;
  --hero-text-color: var(--flow-ink) !important;
  --hero-muted-color: var(--flow-muted) !important;
  --hero-list-color: var(--flow-ink) !important;
  --hero-footer-color: var(--flow-muted) !important;
  background:
    linear-gradient(100deg, rgba(15, 34, 45, 0.98), rgba(18, 43, 55, 0.94)),
    radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--flow-primary) 13%, transparent), transparent 38%) !important;
  border-color: color-mix(in srgb, var(--flow-primary) 24%, #263f4c);
}

html[data-theme="dark"] .bkry-flow :is(.bk-home-insights-head h2, .bk-home-insight-card h4, .bk-booking-widget-copy h2) {
  color: #edf7fa !important;
}

html[data-theme="dark"] .bkry-flow :is(.bk-home-insights-head .uk-text-lead, .bk-home-insight-card p, .bk-booking-widget-copy p, .bk-booking-widget-points li) {
  color: #a9bec8 !important;
}

html[data-theme="dark"] .bkry-flow :is(.bk-home-insight-card) {
  background: #edf7fa !important;
  border-color: rgba(120, 191, 215, 0.22) !important;
}

html[data-theme="dark"] .bkry-flow :is(.bk-home-insight-card h4, .bk-home-insight-card p) {
  color: #183244 !important;
}

[data-theme="dark"] #cc-main {
  --cc-bg: #11232e;
  --cc-primary-color: #edf7fa;
  --cc-secondary-color: #a9bec8;
  --cc-btn-primary-bg: #78bfd7;
  --cc-btn-primary-color: #07131a;
  --cc-btn-primary-border-color: #78bfd7;
  --cc-btn-primary-hover-bg: #91cce0;
  --cc-btn-primary-hover-color: #07131a;
  --cc-btn-primary-hover-border-color: #91cce0;
  --cc-btn-secondary-bg: #1b3542;
  --cc-btn-secondary-color: #edf7fa;
  --cc-btn-secondary-border-color: #294957;
  --cc-btn-secondary-hover-bg: #254654;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #365866;
  --cc-separator-border-color: #294552;
  --cc-cookie-category-block-bg: #172f3b;
  --cc-cookie-category-block-border: #294552;
  --cc-cookie-category-block-hover-bg: #1e3a47;
  --cc-footer-bg: #0b1922;
  --cc-footer-color: #a9bec8;
  --cc-footer-border-color: #294552;
  color-scheme: dark;
}

[data-theme="dark"] .bkry-flow :is(.bk-contact-form, .uk-form-label, label, legend) {
  color: var(--flow-ink);
}

[data-theme="dark"] .bkry-flow :is(.uk-input, .uk-select, .uk-textarea, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background-color: #0b1922;
  border-color: #35515e;
  color: var(--flow-ink);
}

[data-theme="dark"] .bkry-flow :is(.uk-input, .uk-textarea, input, textarea)::placeholder {
  color: var(--flow-muted);
  opacity: 0.82;
}

[data-theme="dark"] .bkry-flow :is(table, .uk-table) {
  color: var(--flow-ink);
}

html[data-theme="dark"] body.bkry-flow :is(
  .bk-flow-reveal,
  .bk-flow-reveal-section,
  .bk-flow-reveal-image,
  .bk-hero-entrance,
  .bk-hero-entrance .bk-kicker,
  .bk-hero-entrance h1,
  .bk-hero-entrance .bk-hero-copy,
  .bk-hero-entrance .bk-hero-check-list,
  .bk-hero-entrance .bk-hero-actions,
  .bk-hero-entrance .bk-hero-note,
  .bk-hero-entrance .bk-hero-entrance-item,
  .bk-hero-entrance .bk-hero-platform-preview,
  .bk-hero-entrance .bk-flow-hero-visual.bk-hero-entrance-item
) {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

html[data-theme="dark"] body.bkry-flow :is(
  .bk-theme-section h1,
  .bk-theme-section h2,
  .bk-theme-section h3,
  .bk-theme-section h4,
  .bk-theme-section h5,
  .bk-theme-section h6,
  .bk-page-title h1,
  .bk-page-title h2,
  .bk-page-title h3,
  .uk-card-title,
  .bk-price,
  .bk-pricing-price strong,
  .bk-company-card h3,
  .bk-feature-category strong
) {
  color: #edf7fa !important;
}

html[data-theme="dark"] body.bkry-flow :is(
  .bk-theme-section p,
  .bk-theme-section li,
  .uk-text-lead,
  .uk-text-meta,
  .bk-period,
  .bk-vat-note,
  .bk-pricing-muted,
  .bk-page-title p:not(.bk-kicker),
  .bk-feature-category span,
  .bk-directory-toolbar p,
  .bk-company-card-footer p
) {
  color: #a9bec8 !important;
}

/* Component contrast corrections after the global dark-mode text reset. */
html[data-theme="dark"] body.bkry-flow .bk-home-insight-card {
  background: #edf7fa !important;
  border-color: rgba(120, 191, 215, 0.22) !important;
}

html[data-theme="dark"] body.bkry-flow .bk-home-insight-card :is(h2, h3, h4, .uk-card-title) {
  color: #183244 !important;
}

html[data-theme="dark"] body.bkry-flow .bk-home-insight-card p {
  color: #4f6a78 !important;
}

html[data-theme="dark"] body.bkry-flow :is(
  .bk-help-feature-card,
  .bk-company-directory-panel,
  .bk-company-card,
  .bk-help-faq-list > li
) :is(h2, h3, h4, .uk-card-title, .uk-accordion-title) {
  color: #edf7fa !important;
}

html[data-theme="dark"] body.bkry-flow :is(
  .bk-help-feature-card,
  .bk-company-directory-panel,
  .bk-company-card,
  .bk-help-faq-list > li
) :is(p, li, .uk-text-meta, .uk-accordion-content, .uk-accordion-content p) {
  color: #c2d4dc !important;
}

html[data-theme="dark"] body.bkry-flow :is(
  .bk-directory-toolbar h2,
  .bk-help-faq-head h2,
  .bk-help-faq-head h3,
  section:has(.bk-contact-form) aside h2,
  section:has(.bk-contact-form) aside h3
) {
  color: #edf7fa !important;
}

html[data-theme="dark"] body.bkry-flow :is(
  .bk-directory-toolbar p,
  .bk-help-faq-head p,
  section:has(.bk-contact-form) aside p,
  section:has(.bk-contact-form) aside li,
  section:has(.bk-contact-form) aside span
) {
  color: #c2d4dc !important;
}

html[data-theme="dark"] body.bkry-flow section:has(.bk-contact-form) aside strong {
  color: #edf7fa !important;
}
