/* InkSnap sitewide dark mode — sensible contrast, soft surfaces, kept brand blue */

:root {
  --bz-primary: #2163e8;
  /* High-contrast light mode: dark ink on white, not washed grey */
  --bz-ink: #12141a;
  --bz-muted: #2f3545;
  --bz-faint: #5c6578;
  --bz-soft: #f7f8f9;
  --bz-line: #e8eaee;
  --bz-page: #ffffff;
  --bz-surface: #ffffff;
  --bz-elevated: #ffffff;
  --ink-toggle-bg: #ffffff;
  --ink-toggle-border: #e6e8ee;
  --ink-toggle-fg: #12141a;
}

/* Light mode body text must stay dark enough to read */
html[data-bs-theme="light"] body,
html[data-theme="light"] body,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) body {
  color: var(--bz-muted);
}

html[data-bs-theme="light"] h1,
html[data-bs-theme="light"] h2,
html[data-bs-theme="light"] h3,
html[data-bs-theme="light"] h4,
html[data-bs-theme="light"] h5,
html[data-bs-theme="light"] h6,
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:not([data-bs-theme="dark"]):not([data-theme="dark"]) h1,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) h2,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) h3,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) h4,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) h5,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) h6 {
  color: var(--bz-ink);
}

.dark-mode-item {
  display: none !important;
}

html[data-bs-theme="dark"] .dark-mode-item,
html[data-theme="dark"] .dark-mode-item {
  display: inline-block !important;
}

html[data-bs-theme="dark"] .light-mode-item,
html[data-theme="dark"] .light-mode-item {
  display: none !important;
}

.theme-toggle-btn {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 999px;
  color: inherit;
}

/* Theme toggle beside hamburger on mobile */
.ink-mobile-nav-actions {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  margin-left: auto;
}

.ink-mobile-nav-actions .ink-nav-theme-btn {
  display: none;
  color: #29292e;
  font-size: 1.05rem;
  width: 2.4rem;
  height: 2.4rem;
}

html[data-bs-theme="dark"] .ink-mobile-nav-actions .ink-nav-theme-btn,
html[data-theme="dark"] .ink-mobile-nav-actions .ink-nav-theme-btn {
  color: #f2f4f8;
}

@media (max-width: 1199.98px) {
  .ink-mobile-nav-actions .ink-nav-theme-btn {
    display: inline-flex !important;
  }

  /* Avoid duplicate toggle inside the opened menu on phones */
  .navbar-collapse .theme-toggle-btn:not(.ink-nav-theme-btn) {
    display: none !important;
  }

  .navbar-toggler.ms-auto {
    margin-left: 0 !important;
  }
}

@media (min-width: 1200px) {
  .ink-mobile-nav-actions .ink-nav-theme-btn {
    display: none !important;
  }
}

.theme-toggle-btn .light-icon {
  display: none;
}

html[data-bs-theme="dark"] .theme-toggle-btn .dark-icon,
html[data-theme="dark"] .theme-toggle-btn .dark-icon {
  display: none;
}

html[data-bs-theme="dark"] .theme-toggle-btn .light-icon,
html[data-theme="dark"] .theme-toggle-btn .light-icon {
  display: inline-block;
}

/* Floating toggle (pages without nav control) */
.ink-theme-fab {
  position: fixed;
  right: 1rem;
  bottom: 5.5rem;
  z-index: 1040;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 999px;
  border: 1px solid var(--ink-toggle-border);
  background: var(--ink-toggle-bg);
  color: var(--ink-toggle-fg);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
}

.ink-theme-fab .light-icon {
  display: none;
}

html[data-bs-theme="dark"] .ink-theme-fab .dark-icon {
  display: none;
}

html[data-bs-theme="dark"] .ink-theme-fab .light-icon {
  display: inline;
}

/* ——— Dark palette (high contrast: light text on deep surfaces) ——— */
html[data-bs-theme="dark"],
html[data-theme="dark"] {
  color-scheme: dark;
  --bz-primary: #7aa0f8;
  --bz-ink: #f7f8fc;
  --bz-muted: #dde1ea;
  --bz-faint: #aeb6c8;
  --bz-soft: #1a1d27;
  --bz-line: #2a3040;
  --bz-page: #0e1016;
  --bz-surface: #151821;
  --bz-elevated: #1c2030;
  --ink-toggle-bg: #1c2030;
  --ink-toggle-border: #2a3040;
  --ink-toggle-fg: #f7f8fc;

  --bs-body-bg: #0e1016;
  --bs-body-color: #dde1ea;
  --bs-emphasis-color: #fff;
  --bs-secondary-bg: #1c2030;
  --bs-tertiary-bg: #151821;
  --bs-border-color: #2a3040;
  --bs-heading-color: #f7f8fc;
  --bs-link-color: #7aa0f8;
  --bs-link-hover-color: #a4bffb;
}

html[data-bs-theme="dark"] body,
html[data-theme="dark"] body {
  background: var(--bz-page) !important;
  color: var(--bz-muted) !important;
}

html[data-bs-theme="dark"] h1,
html[data-bs-theme="dark"] h2,
html[data-bs-theme="dark"] h3,
html[data-bs-theme="dark"] h4,
html[data-bs-theme="dark"] h5,
html[data-bs-theme="dark"] h6,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: var(--bz-ink) !important;
}

/* Nav */
html[data-bs-theme="dark"] header.navbar-light,
html[data-bs-theme="dark"] header.navbar-light.navbar-sticky,
html[data-theme="dark"] header.navbar-light,
html[data-theme="dark"] header.navbar-light.navbar-sticky {
  background: rgba(14, 16, 22, 0.92) !important;
}

html[data-bs-theme="dark"] body,
html[data-theme="dark"] body {
  background: var(--bz-page) !important;
  color: var(--bz-muted) !important;
}

/* Homepage section shells that force white */
html[data-bs-theme="dark"] .hero,
html[data-bs-theme="dark"] .products-section,
html[data-bs-theme="dark"] .categories-section,
html[data-bs-theme="dark"] .features-section,
html[data-bs-theme="dark"] .testimonials-section,
html[data-bs-theme="dark"] .cta-section,
html[data-bs-theme="dark"] .home-features,
html[data-theme="dark"] .hero,
html[data-theme="dark"] .products-section,
html[data-theme="dark"] .categories-section,
html[data-theme="dark"] .features-section,
html[data-theme="dark"] .testimonials-section,
html[data-theme="dark"] .cta-section,
html[data-theme="dark"] .home-features {
  background-color: transparent;
}

html[data-bs-theme="dark"] .search-section .search-input,
html[data-bs-theme="dark"] .search-section input,
html[data-theme="dark"] .search-section .search-input,
html[data-theme="dark"] .search-section input {
  background: #151821 !important;
  color: #f2f4f8 !important;
  border-color: #2a3040 !important;
}

html[data-bs-theme="dark"] .navbar-toggler,
html[data-theme="dark"] .navbar-toggler {
  color: #f2f4f8;
  border-color: #2a3040;
}

html[data-bs-theme="dark"] .navbar-toggler-icon,
html[data-theme="dark"] .navbar-toggler-icon {
  filter: invert(1);
}


html[data-bs-theme="dark"] .ink-glass-nav,
html[data-theme="dark"] .ink-glass-nav {
  background: rgba(14, 16, 22, 0.78) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-bs-theme="dark"] .ink-glass-nav.is-scrolled,
html[data-theme="dark"] .ink-glass-nav.is-scrolled {
  background: rgba(14, 16, 22, 0.94) !important;
}

html[data-bs-theme="dark"] .navbar-nav .nav-link,
html[data-theme="dark"] .navbar-nav .nav-link {
  color: #d7dbe6 !important;
}

html[data-bs-theme="dark"] .navbar-nav .nav-link:hover,
html[data-bs-theme="dark"] .navbar-nav .nav-link.active,
html[data-theme="dark"] .navbar-nav .nav-link:hover,
html[data-theme="dark"] .navbar-nav .nav-link.active {
  color: #fff !important;
}

html[data-bs-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .dropdown-menu {
  background: #1c2030 !important;
  border-color: var(--bz-line) !important;
}

html[data-bs-theme="dark"] .dropdown-item,
html[data-theme="dark"] .dropdown-item {
  color: #d7dbe6 !important;
}

html[data-bs-theme="dark"] .dropdown-item:hover,
html[data-bs-theme="dark"] .dropdown-item:focus,
html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .dropdown-item:focus {
  background: rgba(107, 147, 245, 0.12) !important;
  color: #fff !important;
}

html[data-bs-theme="dark"] .form-control,
html[data-bs-theme="dark"] .form-select,
html[data-bs-theme="dark"] input,
html[data-bs-theme="dark"] textarea,
html[data-bs-theme="dark"] select,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
  background-color: #151821 !important;
  border-color: var(--bz-line) !important;
  color: var(--bz-ink) !important;
}

html[data-bs-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] .form-control::placeholder {
  color: #7f8798 !important;
}

html[data-bs-theme="dark"] .bg-light,
html[data-bs-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-white {
  background-color: var(--bz-surface) !important;
}

html[data-bs-theme="dark"] .text-dark,
html[data-bs-theme="dark"] .text-body,
html[data-theme="dark"] .text-dark,
html[data-theme="dark"] .text-body {
  color: var(--bz-ink) !important;
}

html[data-bs-theme="dark"] .text-muted,
html[data-theme="dark"] .text-muted {
  color: var(--bz-muted) !important;
}

html[data-bs-theme="dark"] .border,
html[data-bs-theme="dark"] .card,
html[data-theme="dark"] .border,
html[data-theme="dark"] .card {
  border-color: var(--bz-line) !important;
}

html[data-bs-theme="dark"] .card,
html[data-theme="dark"] .card {
  background: var(--bz-surface) !important;
  color: var(--bz-muted);
}

/* Agency / product surfaces */
html[data-bs-theme="dark"] body.product-agency-page,
html[data-bs-theme="dark"] body.agency-page,
html[data-bs-theme="dark"] body.blog-page,
html[data-theme="dark"] body.product-agency-page,
html[data-theme="dark"] body.agency-page,
html[data-theme="dark"] body.blog-page {
  background: var(--bz-page) !important;
  color: var(--bz-muted) !important;
}

html[data-bs-theme="dark"] .page-hero,
html[data-theme="dark"] .page-hero {
  background:
    radial-gradient(ellipse 75% 55% at 8% 0%, rgba(107, 147, 245, 0.16), transparent 55%),
    linear-gradient(180deg, #151821 0%, #0e1016 100%) !important;
  border-bottom-color: var(--bz-line) !important;
}

html[data-bs-theme="dark"] .page-section.soft,
html[data-theme="dark"] .page-section.soft {
  background: #12151e !important;
}

html[data-bs-theme="dark"] .feature-block,
html[data-bs-theme="dark"] .process-step,
html[data-bs-theme="dark"] .agency-form-card,
html[data-theme="dark"] .feature-block,
html[data-theme="dark"] .process-step,
html[data-theme="dark"] .agency-form-card {
  background: var(--bz-surface) !important;
  border-color: var(--bz-line) !important;
}

html[data-bs-theme="dark"] .btn-cta.ghost,
html[data-theme="dark"] .btn-cta.ghost {
  background: rgba(107, 147, 245, 0.14);
  color: #9bb6f8;
}

html[data-bs-theme="dark"] .agency-badge,
html[data-theme="dark"] .agency-badge {
  background: rgba(107, 147, 245, 0.16);
  color: #9bb6f8;
}

/* Homepage hard-coded white panels */
html[data-bs-theme="dark"] .product-card,
html[data-bs-theme="dark"] .category-card,
html[data-bs-theme="dark"] .service-card,
html[data-bs-theme="dark"] .testimonial-card,
html[data-bs-theme="dark"] .pricing-card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .pricing-card {
  background: var(--bz-surface) !important;
  border-color: var(--bz-line) !important;
  color: var(--bz-muted);
}

html[data-bs-theme="dark"] .preloader,
html[data-theme="dark"] .preloader {
  background: #0e1016 !important;
}

/* Blog */
html[data-bs-theme="dark"] .blog-hero,
html[data-theme="dark"] .blog-hero {
  background:
    radial-gradient(ellipse 70% 60% at 0% 0%, rgba(107, 147, 245, 0.14), transparent 55%),
    linear-gradient(180deg, #151821 0%, #0e1016 100%) !important;
  border-bottom-color: var(--bz-line) !important;
}

html[data-bs-theme="dark"] .blog-page,
html[data-theme="dark"] .blog-page {
  --blog-ink: #f7f8fc;
  --blog-muted: #dde1ea;
  --blog-line: #2a3040;
  --blog-primary: #7aa0f8;
  --blog-soft: #1a1d27;
}

html[data-bs-theme="dark"] .blog-featured,
html[data-bs-theme="dark"] .blog-post-row,
html[data-theme="dark"] .blog-featured,
html[data-theme="dark"] .blog-post-row {
  border-bottom-color: var(--bz-line);
}

html[data-bs-theme="dark"] .blog-aside-cta,
html[data-bs-theme="dark"] .blog-callout,
html[data-bs-theme="dark"] .blog-article-cta,
html[data-theme="dark"] .blog-aside-cta,
html[data-theme="dark"] .blog-callout,
html[data-theme="dark"] .blog-article-cta {
  background: #151821 !important;
  border-color: var(--bz-line);
}

html[data-bs-theme="dark"] .blog-topbar,
html[data-theme="dark"] .blog-topbar {
  background: rgba(14, 16, 22, 0.92) !important;
  border-bottom-color: var(--bz-line) !important;
}

html[data-bs-theme="dark"] .blog-topbar-links a,
html[data-theme="dark"] .blog-topbar-links a {
  color: #d7dbe6;
}

html[data-bs-theme="dark"] .blog-article-cta .btn-ghost,
html[data-theme="dark"] .blog-article-cta .btn-ghost {
  background: #1c2030;
  color: #f2f4f8;
  border-color: var(--bz-line);
}

/* About / misc soft sections */
html[data-bs-theme="dark"] .section.alt,
html[data-bs-theme="dark"] .values-section,
html[data-bs-theme="dark"] .mission-wrap,
html[data-bs-theme="dark"] .value-card,
html[data-theme="dark"] .section.alt,
html[data-theme="dark"] .values-section,
html[data-theme="dark"] .mission-wrap,
html[data-theme="dark"] .value-card {
  background: var(--bz-surface) !important;
  color: var(--bz-muted);
}

html[data-bs-theme="dark"] .value-card,
html[data-theme="dark"] .value-card {
  border: 1px solid var(--bz-line);
}

/* Tables / lists commonly used on product pages */
html[data-bs-theme="dark"] table,
html[data-theme="dark"] table {
  color: var(--bz-muted);
}

html[data-bs-theme="dark"] table thead th,
html[data-theme="dark"] table thead th {
  background: #1c2030 !important;
  color: var(--bz-ink) !important;
  border-color: var(--bz-line) !important;
}

html[data-bs-theme="dark"] table td,
html[data-bs-theme="dark"] table th,
html[data-theme="dark"] table td,
html[data-theme="dark"] table th {
  border-color: var(--bz-line) !important;
}

/* Modal / offcanvas */
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme="dark"] .offcanvas,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .offcanvas {
  background: #151821 !important;
  color: var(--bz-muted);
  border-color: var(--bz-line);
}

/* Keep footer as dark brand bar in both modes — already dark */
html[data-bs-theme="dark"] footer.site-footer,
html[data-bs-theme="dark"] footer.agency-footer,
html[data-theme="dark"] footer.site-footer,
html[data-theme="dark"] footer.agency-footer {
  background: #0a0b10 !important;
}

/* Soften pure white utility blocks often inlined */
html[data-bs-theme="dark"] [style*="background:#fff"],
html[data-bs-theme="dark"] [style*="background: #fff"],
html[data-bs-theme="dark"] [style*="background:#ffffff"],
html[data-bs-theme="dark"] [style*="background: #ffffff"],
html[data-bs-theme="dark"] [style*="background:white"],
html[data-bs-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#ffffff"],
html[data-theme="dark"] [style*="background: #ffffff"],
html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background: white"] {
  background: var(--bz-surface) !important;
}

/* ——— Contrast rescue: kill black-on-dark + grey-on-white leftovers ——— */

/* Dark mode: readable copy in content areas only (leave footer/buttons alone) */
html[data-bs-theme="dark"] main p,
html[data-bs-theme="dark"] main li,
html[data-bs-theme="dark"] main dt,
html[data-bs-theme="dark"] main dd,
html[data-bs-theme="dark"] main td,
html[data-bs-theme="dark"] main label,
html[data-bs-theme="dark"] .main-content p,
html[data-bs-theme="dark"] .main-content li,
html[data-bs-theme="dark"] .main-content td,
html[data-bs-theme="dark"] .main-content label,
html[data-bs-theme="dark"] .lead,
html[data-bs-theme="dark"] .section-lead,
html[data-bs-theme="dark"] .page-facts,
html[data-bs-theme="dark"] .feature-block p,
html[data-bs-theme="dark"] .process-step p,
html[data-bs-theme="dark"] .product-card p,
html[data-bs-theme="dark"] .category-card p,
html[data-bs-theme="dark"] .service-card p,
html[data-bs-theme="dark"] .testimonial-card p,
html[data-bs-theme="dark"] .pricing-card p,
html[data-bs-theme="dark"] .agency-form-card p,
html[data-bs-theme="dark"] .agency-form-card label,
html[data-bs-theme="dark"] .agency-form-card .form-note,
html[data-bs-theme="dark"] .value-card p,
html[data-bs-theme="dark"] .mission-wrap p,
html[data-bs-theme="dark"] .blog-prose,
html[data-bs-theme="dark"] .blog-prose p,
html[data-bs-theme="dark"] .blog-prose li,
html[data-bs-theme="dark"] .blog-post-excerpt,
html[data-bs-theme="dark"] .blog-featured-excerpt,
html[data-bs-theme="dark"] .blog-article-deck,
html[data-bs-theme="dark"] .blog-meta,
html[data-bs-theme="dark"] .blog-crumb,
html[data-theme="dark"] main p,
html[data-theme="dark"] main li,
html[data-theme="dark"] .main-content p,
html[data-theme="dark"] .lead,
html[data-theme="dark"] .section-lead,
html[data-theme="dark"] .feature-block p,
html[data-theme="dark"] .agency-form-card p,
html[data-theme="dark"] .blog-prose,
html[data-theme="dark"] .blog-prose p {
  color: var(--bz-muted) !important;
}

html[data-bs-theme="dark"] main h1,
html[data-bs-theme="dark"] main h2,
html[data-bs-theme="dark"] main h3,
html[data-bs-theme="dark"] main h4,
html[data-bs-theme="dark"] .main-content h1,
html[data-bs-theme="dark"] .main-content h2,
html[data-bs-theme="dark"] .main-content h3,
html[data-bs-theme="dark"] .main-content h4,
html[data-bs-theme="dark"] .feature-block h3,
html[data-bs-theme="dark"] .process-step h3,
html[data-bs-theme="dark"] .value-card h3,
html[data-bs-theme="dark"] .product-title,
html[data-bs-theme="dark"] .category-card h3,
html[data-bs-theme="dark"] .blog-featured-title,
html[data-bs-theme="dark"] .blog-post-title,
html[data-bs-theme="dark"] .blog-article-title,
html[data-bs-theme="dark"] .page-brand,
html[data-bs-theme="dark"] .section-title,
html[data-theme="dark"] main h1,
html[data-theme="dark"] main h2,
html[data-theme="dark"] main h3,
html[data-theme="dark"] .main-content h1,
html[data-theme="dark"] .main-content h2,
html[data-theme="dark"] .main-content h3,
html[data-theme="dark"] .feature-block h3,
html[data-theme="dark"] .product-title,
html[data-theme="dark"] .blog-featured-title,
html[data-theme="dark"] .blog-post-title,
html[data-theme="dark"] .page-brand,
html[data-theme="dark"] .section-title {
  color: var(--bz-ink) !important;
}

/* Keep links / accents blue, not forced to body grey */
html[data-bs-theme="dark"] main a:not(.btn):not(.btn-cta):not(.nav-link):not(.dropdown-item):not(.whatsapp-order-btn),
html[data-bs-theme="dark"] .main-content a:not(.btn):not(.btn-cta):not(.nav-link):not(.dropdown-item),
html[data-theme="dark"] main a:not(.btn):not(.btn-cta):not(.nav-link):not(.dropdown-item),
html[data-theme="dark"] .main-content a:not(.btn):not(.btn-cta):not(.nav-link):not(.dropdown-item) {
  color: var(--bz-primary);
}

html[data-bs-theme="dark"] .btn,
html[data-bs-theme="dark"] .btn-cta,
html[data-bs-theme="dark"] .btn-primary,
html[data-bs-theme="dark"] a.btn-cta,
html[data-theme="dark"] .btn,
html[data-theme="dark"] .btn-cta,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] a.btn-cta {
  color: #fff !important;
}

html[data-bs-theme="dark"] .btn-cta.ghost,
html[data-theme="dark"] .btn-cta.ghost {
  color: #b8ccfb !important;
}

html[data-bs-theme="dark"] .text-muted,
html[data-bs-theme="dark"] main small,
html[data-bs-theme="dark"] main .small,
html[data-bs-theme="dark"] .blog-post-date,
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] main small,
html[data-theme="dark"] .blog-post-date {
  color: var(--bz-faint) !important;
}

/* Inline / utility dark text colors → light in dark mode */
html[data-bs-theme="dark"] [style*="color:#000"],
html[data-bs-theme="dark"] [style*="color: #000"],
html[data-bs-theme="dark"] [style*="color:#000000"],
html[data-bs-theme="dark"] [style*="color: #000000"],
html[data-bs-theme="dark"] [style*="color:#111"],
html[data-bs-theme="dark"] [style*="color: #111"],
html[data-bs-theme="dark"] [style*="color:#191a1f"],
html[data-bs-theme="dark"] [style*="color: #191a1f"],
html[data-bs-theme="dark"] [style*="color:#212529"],
html[data-bs-theme="dark"] [style*="color: #212529"],
html[data-bs-theme="dark"] [style*="color:#29292e"],
html[data-bs-theme="dark"] [style*="color: #29292e"],
html[data-bs-theme="dark"] [style*="color:#2c3e50"],
html[data-bs-theme="dark"] [style*="color: #2c3e50"],
html[data-bs-theme="dark"] [style*="color:#333"],
html[data-bs-theme="dark"] [style*="color: #333"],
html[data-bs-theme="dark"] [style*="color:#334155"],
html[data-bs-theme="dark"] [style*="color: #334155"],
html[data-bs-theme="dark"] [style*="color:#343a40"],
html[data-bs-theme="dark"] [style*="color: #343a40"],
html[data-bs-theme="dark"] [style*="color:#3d4450"],
html[data-bs-theme="dark"] [style*="color: #3d4450"],
html[data-bs-theme="dark"] [style*="color:#495057"],
html[data-bs-theme="dark"] [style*="color: #495057"],
html[data-bs-theme="dark"] [style*="color:#595d69"],
html[data-bs-theme="dark"] [style*="color: #595d69"],
html[data-bs-theme="dark"] [style*="color:#6c757d"],
html[data-bs-theme="dark"] [style*="color: #6c757d"],
html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color: #000"],
html[data-theme="dark"] [style*="color:#191a1f"],
html[data-theme="dark"] [style*="color: #191a1f"],
html[data-theme="dark"] [style*="color:#212529"],
html[data-theme="dark"] [style*="color: #212529"],
html[data-theme="dark"] [style*="color:#29292e"],
html[data-theme="dark"] [style*="color: #29292e"],
html[data-theme="dark"] [style*="color:#333"],
html[data-theme="dark"] [style*="color: #333"],
html[data-theme="dark"] [style*="color:#334155"],
html[data-theme="dark"] [style*="color: #334155"],
html[data-theme="dark"] [style*="color:#595d69"],
html[data-theme="dark"] [style*="color: #595d69"],
html[data-theme="dark"] [style*="color:#6c757d"],
html[data-theme="dark"] [style*="color: #6c757d"] {
  color: var(--bz-muted) !important;
}

html[data-bs-theme="dark"] .navbar-nav .nav-link,
html[data-theme="dark"] .navbar-nav .nav-link {
  color: #e8ebf2 !important;
}

html[data-bs-theme="dark"] .hero h1,
html[data-bs-theme="dark"] .hero h2,
html[data-bs-theme="dark"] .home-features h2,
html[data-bs-theme="dark"] .home-features h3,
html[data-bs-theme="dark"] .products-section h2,
html[data-bs-theme="dark"] .products-grid .product-title,
html[data-theme="dark"] .hero h1,
html[data-theme="dark"] .hero h2,
html[data-theme="dark"] .home-features h2,
html[data-theme="dark"] .home-features h3,
html[data-theme="dark"] .products-section h2,
html[data-theme="dark"] .products-grid .product-title {
  color: var(--bz-ink) !important;
}

html[data-bs-theme="dark"] .hero p,
html[data-bs-theme="dark"] .hero .lead,
html[data-bs-theme="dark"] .home-features p,
html[data-bs-theme="dark"] .products-section > .container > p,
html[data-bs-theme="dark"] .products-grid p,
html[data-theme="dark"] .hero p,
html[data-theme="dark"] .hero .lead,
html[data-theme="dark"] .home-features p,
html[data-theme="dark"] .products-grid p {
  color: var(--bz-muted) !important;
}

/* Light mode: don't let washed greys win on white */
html[data-bs-theme="light"] .text-muted,
html[data-theme="light"] .text-muted,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) .text-muted {
  color: var(--bz-faint) !important;
}

html[data-bs-theme="light"] .lead,
html[data-theme="light"] .lead,
html:not([data-bs-theme="dark"]):not([data-theme="dark"]) .lead {
  color: var(--bz-muted) !important;
}

/* Blog dark contrast bump */
html[data-bs-theme="dark"] .blog-page,
html[data-theme="dark"] .blog-page {
  --blog-ink: #f7f8fc;
  --blog-muted: #dde1ea;
  --blog-line: #2a3040;
  --blog-primary: #7aa0f8;
  --blog-soft: #1a1d27;
}

html[data-bs-theme="dark"] footer.site-footer,
html[data-bs-theme="dark"] footer.agency-footer,
html[data-theme="dark"] footer.site-footer,
html[data-theme="dark"] footer.agency-footer {
  color: rgba(255, 255, 255, 0.78) !important;
}

html[data-bs-theme="dark"] footer.site-footer a,
html[data-bs-theme="dark"] footer.agency-footer a,
html[data-bs-theme="dark"] footer.site-footer h3,
html[data-bs-theme="dark"] footer.agency-footer h3,
html[data-bs-theme="dark"] footer.site-footer p,
html[data-bs-theme="dark"] footer.agency-footer p,
html[data-theme="dark"] footer.site-footer a,
html[data-theme="dark"] footer.agency-footer a,
html[data-theme="dark"] footer.site-footer h3,
html[data-theme="dark"] footer.agency-footer h3,
html[data-theme="dark"] footer.site-footer p,
html[data-theme="dark"] footer.agency-footer p {
  color: rgba(255, 255, 255, 0.86) !important;
}

html[data-bs-theme="dark"] footer.site-footer h3,
html[data-bs-theme="dark"] footer.agency-footer h3,
html[data-theme="dark"] footer.site-footer h3,
html[data-theme="dark"] footer.agency-footer h3 {
  color: #fff !important;
}

/* ——— Force remaining light panels dark (fixes light text on white) ——— */
html[data-bs-theme="dark"] .bg-light,
html[data-bs-theme="dark"] .bg-white,
html[data-bs-theme="dark"] .home-hero,
html[data-bs-theme="dark"] .home-hero.bg-light,
html[data-bs-theme="dark"] .featured-products,
html[data-bs-theme="dark"] .best-selling,
html[data-bs-theme="dark"] .home-features,
html[data-bs-theme="dark"] .products-section,
html[data-bs-theme="dark"] .categories-section,
html[data-bs-theme="dark"] .done-jobs,
html[data-bs-theme="dark"] .agency-intro,
html[data-bs-theme="dark"] .main-content,
html[data-theme="dark"] .bg-light,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .home-hero,
html[data-theme="dark"] .featured-products,
html[data-theme="dark"] .best-selling,
html[data-theme="dark"] .home-features {
  background: var(--bz-page) !important;
  background-color: var(--bz-page) !important;
}

html[data-bs-theme="dark"] .best-selling,
html[data-bs-theme="dark"] .page-section.soft,
html[data-bs-theme="dark"] .section.alt,
html[data-theme="dark"] .best-selling,
html[data-theme="dark"] .page-section.soft,
html[data-theme="dark"] .section.alt {
  background: var(--bz-soft) !important;
  background-color: var(--bz-soft) !important;
}

html[data-bs-theme="dark"] .product-card,
html[data-bs-theme="dark"] .category-3d-card,
html[data-bs-theme="dark"] .agency-intro-card,
html[data-bs-theme="dark"] .job-card,
html[data-bs-theme="dark"] .done-job-card,
html[data-bs-theme="dark"] .feature-block,
html[data-bs-theme="dark"] .process-step,
html[data-bs-theme="dark"] .agency-form-card,
html[data-bs-theme="dark"] .value-card,
html[data-bs-theme="dark"] .hero-carousel-icon,
html[data-bs-theme="dark"] .search-input,
html[data-bs-theme="dark"] .home-hero .search-input,
html[data-bs-theme="dark"] .form-control,
html[data-bs-theme="dark"] .card,
html[data-bs-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .category-3d-card,
html[data-theme="dark"] .agency-intro-card,
html[data-theme="dark"] .job-card,
html[data-theme="dark"] .feature-block,
html[data-theme="dark"] .hero-carousel-icon,
html[data-theme="dark"] .search-input,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .card {
  background: var(--bz-surface) !important;
  background-color: var(--bz-surface) !important;
  border-color: var(--bz-line) !important;
  color: var(--bz-muted) !important;
}

html[data-bs-theme="dark"] .ink-glass-nav .navbar-toggler,
html[data-theme="dark"] .ink-glass-nav .navbar-toggler {
  background: var(--bz-surface) !important;
  border-color: var(--bz-line) !important;
  color: var(--bz-ink) !important;
}

html[data-bs-theme="dark"] .ink-glass-nav .navbar-toggler-icon,
html[data-theme="dark"] .ink-glass-nav .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28242, 244, 248, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* Section titles / product titles on those surfaces */
html[data-bs-theme="dark"] .section-title,
html[data-bs-theme="dark"] .product-title,
html[data-bs-theme="dark"] .product-card h3,
html[data-bs-theme="dark"] .product-card h4,
html[data-bs-theme="dark"] .agency-intro-card h3,
html[data-bs-theme="dark"] .agency-intro-card h4,
html[data-bs-theme="dark"] .category-3d-card h3,
html[data-bs-theme="dark"] .home-hero .display-5,
html[data-bs-theme="dark"] .home-hero h1,
html[data-bs-theme="dark"] .home-hero h3,
html[data-bs-theme="dark"] .home-hero h5,
html[data-bs-theme="dark"] .home-hero .subtitle,
html[data-bs-theme="dark"] .home-hero .rating-text,
html[data-bs-theme="dark"] .list-inline-item.h6,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .product-title,
html[data-theme="dark"] .home-hero .display-5,
html[data-theme="dark"] .home-hero h1,
html[data-theme="dark"] .home-hero .subtitle {
  color: var(--bz-ink) !important;
  -webkit-text-fill-color: var(--bz-ink) !important;
}

html[data-bs-theme="dark"] .home-hero .subtitle,
html[data-bs-theme="dark"] .home-hero .rating-text,
html[data-bs-theme="dark"] .product-card p,
html[data-bs-theme="dark"] .agency-intro-card p,
html[data-theme="dark"] .home-hero .subtitle,
html[data-theme="dark"] .product-card p {
  color: var(--bz-muted) !important;
  -webkit-text-fill-color: var(--bz-muted) !important;
}

/* Soften Bootstrap table/list groups that stay white */
html[data-bs-theme="dark"] .list-group-item,
html[data-bs-theme="dark"] .table,
html[data-bs-theme="dark"] .accordion-item,
html[data-bs-theme="dark"] .accordion-button,
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme="dark"] .offcanvas,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .accordion-item,
html[data-theme="dark"] .accordion-button,
html[data-theme="dark"] .modal-content {
  background: var(--bz-surface) !important;
  color: var(--bz-muted) !important;
  border-color: var(--bz-line) !important;
}

html[data-bs-theme="dark"] .accordion-button:not(.collapsed),
html[data-theme="dark"] .accordion-button:not(.collapsed) {
  background: var(--bz-elevated) !important;
  color: var(--bz-ink) !important;
}

/* Keep CTA band buttons readable (white chip on blue panel) */
html[data-bs-theme="dark"] .agency-cta-panel .btn-cta.primary,
html[data-theme="dark"] .agency-cta-panel .btn-cta.primary {
  background: #fff !important;
  color: #1a2b5c !important;
}

html[data-bs-theme="dark"] .agency-cta-panel .btn-cta.ghost,
html[data-theme="dark"] .agency-cta-panel .btn-cta.ghost {
  color: #fff !important;
}

@media (max-width: 576px) {
  .ink-theme-fab {
    right: 0.85rem;
    bottom: 5.25rem;
  }
}