:root {
  --workflow-primary: var(--client-primary, #164b4f);
  --workflow-primary-700: var(--client-primary-700, #10383b);
  --workflow-secondary: var(--client-secondary, #b7653e);
  --workflow-accent: var(--client-accent, #e1b84b);
  --workflow-bg: var(--client-bg, #f7f8f6);
  --workflow-surface: #ffffff;
  --workflow-border: var(--client-border, #d9e1df);
  --workflow-text: var(--client-text, #172026);
  --workflow-muted: var(--client-muted, #4d5a61);
}

html {
  overflow-x: clip;
}

body {
  background: var(--workflow-bg) !important;
  color: var(--workflow-text);
  letter-spacing: 0;
  overflow-x: clip;
}

body.nav-open,
body.client-nav-open {
  overflow: hidden !important;
}

.navbar,
.lp-navbar,
.admin-navbar {
  background: rgba(255,255,255,.96) !important;
  border-bottom: 1px solid var(--workflow-border) !important;
  box-shadow: 0 8px 22px rgba(20,42,45,.06) !important;
  backdrop-filter: blur(14px);
}

.navbar-logo,
.lp-logo,
.auth-brand-logo,
.auth-header-logo-mobile,
.footer-brand {
  color: var(--workflow-primary) !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  min-width: 0 !important;
}

.navbar-link,
.footer-link,
.breadcrumb-nav a {
  color: var(--workflow-muted) !important;
}

.navbar-link:hover,
.navbar-link--active,
.navbar-link.lp-active,
.navbar-link[aria-current="page"],
.navbar-link--cta {
  color: var(--workflow-primary) !important;
  background: rgba(22,75,79,.08) !important;
}

.navbar-hamburger {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 8px !important;
  border: 1px solid var(--workflow-border) !important;
  background: #fff !important;
  color: var(--workflow-primary) !important;
  padding: 0 !important;
}

.navbar-hamburger span {
  width: 18px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

.navbar-overlay.show,
.navbar-overlay--open {
  backdrop-filter: blur(2px);
}

.btn--primary,
.checkout-btn-primary,
.bk-submit-btn,
.auth-btn,
.btn-primary,
.client-btn--primary {
  background: var(--workflow-primary) !important;
  border-color: var(--workflow-primary) !important;
  color: #fff !important;
}

.btn--primary:hover,
.checkout-btn-primary:hover,
.bk-submit-btn:hover,
.auth-btn:hover,
.btn-primary:hover {
  background: var(--workflow-primary-700) !important;
}

.btn--secondary,
.btn--whatsapp,
.checkout-btn-secondary {
  background: var(--workflow-secondary) !important;
  border-color: var(--workflow-secondary) !important;
  color: #fff !important;
}

.bk-section,
.checkout-section,
.checkout-card,
.ac-card,
.ac-stat-card,
.auth-card,
.auth-panel,
.payment-card,
.confirmation-card,
.footer {
  border-radius: 8px !important;
}

.bk-section,
.checkout-section,
.checkout-card,
.ac-card,
.ac-stat-card,
.auth-card,
.auth-panel,
.payment-card,
.confirmation-card {
  background: var(--workflow-surface) !important;
  border: 1px solid var(--workflow-border) !important;
  box-shadow: 0 12px 30px rgba(20,42,45,.08) !important;
}

.section-title,
.checkout-page-title,
.bk-page-title,
.auth-title,
.ac-section-title,
.confirmation-title {
  color: var(--workflow-primary-700) !important;
  letter-spacing: 0 !important;
}

.footer {
  background: var(--workflow-primary-700) !important;
  color: #dce8e6 !important;
}

.footer a,
.footer-brand {
  color: #fff !important;
}

.footer-copy,
.footer-desc,
.footer-contact,
.footer-pay {
  color: #dce8e6 !important;
}

.brand-logo-img,
.footer-logo-img,
.auth-logo-img {
  object-fit: contain;
  background: #eef5f3;
}

.bk-summary-img,
#summaryImage {
  object-fit: cover;
  object-position: center center;
  background: #eef5f3;
  border: 1px solid var(--workflow-border);
}

@media (max-width: 900px) {
  .navbar-inner {
    min-height: 64px !important;
    gap: 10px !important;
  }

  .navbar-logo {
    max-width: calc(100vw - 76px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .navbar-logo .brand-logo-img {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  .navbar-links,
  .lp-nav {
    z-index: 1100 !important;
    max-height: calc(100dvh - 86px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  .navbar-links .navbar-link,
  .navbar-signin {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }
}

@media (max-width: 430px) {
  .navbar-logo {
    font-size: .86rem !important;
  }
}