/* Weblytic static homepage — dark mode (homepage + chrome only) */

html.wbl-theme-dark {
  --surface: #0b1733;
  --surface-soft: #111f45;
  --text-dark: #e8edf8;
  --text-muted: #94a3b8;
  --border: rgba(255, 255, 255, 0.1);
  --wbl-border: rgba(255, 255, 255, 0.1);
  --wbl-text: #e8edf8;
  --wbl-muted: #94a3b8;
  --wbl-primary-light: rgba(123, 63, 242, 0.14);

  --wbl-dm-bg: #071225;
  --wbl-dm-bg-soft: #0b1733;
  --wbl-dm-surface: #111f45;
  --wbl-dm-surface-2: #152952;
  --wbl-dm-border: rgba(255, 255, 255, 0.1);
  --wbl-dm-text: #e8edf8;
  --wbl-dm-text-muted: #94a3b8;
  --wbl-dm-text-soft: #c8d3ea;
  --wbl-dm-accent: #a78bfa;
  --wbl-dm-link: #8b9cff;
}

/* ─── Page shell ─── */
html.wbl-theme-dark body.wbl-static-home-page,
html.wbl-theme-dark body.wbl-static-home-page #wrapper,
html.wbl-theme-dark body.wbl-static-home-page #content-wrapper,
html.wbl-theme-dark body.wbl-static-home-page #content.page-home,
html.wbl-theme-dark body.wbl-static-home-page .wbl-static-home {
  background: var(--wbl-dm-bg);
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page #footer {
  background: var(--wbl-dm-bg);
}

/* ─── Header chrome ─── */
html.wbl-theme-dark .wbl-site-header {
  background: rgba(7, 18, 37, 0.96);
  border-bottom: 1px solid var(--wbl-dm-border);
}

/* Mobile menu labels must stay pure white in dark mode */
@media (max-width: 991px) {
  html.wbl-theme-dark .wbl-main-nav,
  html.wbl-theme-dark .wbl-main-nav a,
  html.wbl-theme-dark .wbl-main-nav a *,
  html.wbl-theme-dark .wbl-main-nav .menu-title,
  html.wbl-theme-dark .wbl-main-nav .nav-item,
  html.wbl-theme-dark .wbl-main-nav li.dropdown,
  html.wbl-theme-dark .wbl-main-nav .dropdown-menu,
  html.wbl-theme-dark .wbl-main-nav .dropdown-menu a,
  html.wbl-theme-dark .wbl-main-nav .dropdown-menu a *,
  html.wbl-theme-dark .wbl-main-nav .name-heading {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

html.wbl-theme-dark .wbl-announcement-bar {
  background: linear-gradient(90deg, #1a1040 0%, #14244d 100%);
  border-bottom-color: rgba(123, 63, 242, 0.35);
}

html.wbl-theme-dark .wbl-theme-toggle {
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

/* ─── Shared typography ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-section-head h2,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-col-head h3,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-card h3,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goal-card h4,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection strong,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-item div strong,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-card h3,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-card h4,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-price {
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-section-head p,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-meta,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-item div span,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection small,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-change,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-meta {
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-section-head > a,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-col-head a,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection em {
  color: var(--wbl-dm-accent);
}

/* ─── Section backgrounds ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-trending,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goals,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collections,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-collections,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-updates,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-brands,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog {
  background:
    radial-gradient(circle at 14% 12%, rgba(47, 128, 255, 0.08), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(123, 63, 242, 0.1), transparent 30%),
    var(--wbl-dm-bg);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-card,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-card,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter {
  background: var(--wbl-dm-surface);
  border-color: var(--wbl-dm-border);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-card h3,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-card h4,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter h3 {
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-change,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-platform,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-meta,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter p,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter small {
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter-form input {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--wbl-dm-border);
  color: var(--wbl-dm-text);
}

/* Industries sits between two dark bands — give it its own elevated strip */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industries {
  background:
    radial-gradient(circle at 10% 50%, rgba(47, 128, 255, 0.1), transparent 34%),
    radial-gradient(circle at 90% 40%, rgba(123, 63, 242, 0.12), transparent 36%),
    linear-gradient(180deg, rgba(11, 23, 51, 0.98) 0%, rgba(7, 18, 37, 1) 100%);
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 28px 0 34px;
}

/* ─── Platform bar ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform {
  background: var(--wbl-dm-surface);
  border-color: var(--wbl-dm-border);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-label,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-item strong {
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-item small,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-cta {
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-item {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--wbl-dm-border);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-item:hover {
  background: rgba(123, 63, 242, 0.12);
  border-color: rgba(123, 63, 242, 0.35);
}

/* ─── Product cards ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-card {
  background:
    linear-gradient(180deg, rgba(17, 31, 69, 0.96), var(--wbl-dm-surface) 64%),
    radial-gradient(circle at 30% 10%, rgba(123, 63, 242, 0.14), transparent 34%);
  border-color: var(--wbl-dm-border);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-visual {
  background:
    radial-gradient(circle at 50% 20%, rgba(123, 63, 242, 0.16), transparent 42%),
    var(--wbl-dm-bg-soft);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-icon {
  background: var(--wbl-dm-bg);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-card::before {
  color: #c4d4ff;
  background: rgba(47, 128, 255, 0.16);
  border: 1px solid rgba(47, 128, 255, 0.28);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-badge,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-compat-tag {
  background: rgba(47, 128, 255, 0.16);
  color: #c4d4ff;
  border: 1px solid rgba(47, 128, 255, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-platform {
  background: rgba(123, 63, 242, 0.22);
  color: #d4c4ff;
  border: 1px solid rgba(123, 63, 242, 0.3);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-perks--overlay .wbl-sh-product-perk {
  color: #fff;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-perks--inline .wbl-sh-product-perk {
  color: #34d399;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-btn-demo {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--wbl-dm-border);
  color: var(--wbl-dm-text) !important;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-btn-demo:hover {
  border-color: rgba(123, 63, 242, 0.55);
  color: var(--wbl-dm-accent) !important;
  background: rgba(123, 63, 242, 0.1);
}

/* ─── Goal cards ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goal-card {
  background: var(--wbl-dm-surface);
  border-color: var(--wbl-dm-border);
  color: var(--wbl-dm-text);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goal-card:hover {
  border-color: rgba(123, 63, 242, 0.45);
  box-shadow: 0 18px 40px rgba(47, 128, 255, 0.12);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goal-card strong {
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goal-card:hover strong {
  color: #c4b5fd;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goal-card small {
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goal-icon {
  background-color: rgba(123, 63, 242, 0.18);
  border-color: rgba(167, 139, 250, 0.25);
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.15);
}

/* ─── Platform collection cards ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection {
  background: linear-gradient(180deg, var(--wbl-dm-surface) 0%, var(--wbl-dm-bg-soft) 70%);
  border-color: var(--wbl-dm-border);
  color: var(--wbl-dm-text);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection strong {
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection small {
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-cta {
  color: #c4b5fd;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-icon {
  background: rgba(123, 63, 242, 0.16);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection em {
  color: #c4b5fd;
  background: rgba(123, 63, 242, 0.18);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-odoo {
  background: linear-gradient(180deg, rgba(113, 75, 103, 0.22) 0%, var(--wbl-dm-surface) 55%);
  border-color: rgba(167, 139, 250, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-odoo .wbl-sh-platform-collection-icon {
  background: rgba(113, 75, 103, 0.35);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-prestashop {
  background: linear-gradient(180deg, rgba(175, 30, 90, 0.16) 0%, var(--wbl-dm-surface) 55%);
  border-color: rgba(236, 72, 153, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-prestashop .wbl-sh-platform-collection-icon {
  background: rgba(175, 30, 90, 0.24);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-shopify {
  background: linear-gradient(180deg, rgba(34, 120, 70, 0.16) 0%, var(--wbl-dm-surface) 55%);
  border-color: rgba(52, 211, 153, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-shopify .wbl-sh-platform-collection-icon {
  background: rgba(34, 120, 70, 0.28);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-magento {
  background: linear-gradient(180deg, rgba(238, 98, 36, 0.14) 0%, var(--wbl-dm-surface) 55%);
  border-color: rgba(251, 146, 60, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection-magento .wbl-sh-platform-collection-icon {
  background: rgba(238, 98, 36, 0.24);
}

/* ─── Collections (new / best / AI) ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-col {
  background: linear-gradient(145deg, var(--wbl-dm-surface) 0%, var(--wbl-dm-bg-soft) 68%);
  border-color: var(--wbl-dm-border);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-col-head {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-item {
  background: rgba(255, 255, 255, 0.04);
}

html.wbl-theme-dark body.wbl-static-home-page a.wbl-sh-list-item:hover {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(167, 139, 250, 0.28);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-icon {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-icon img {
  background: transparent;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-icon.wbl-sh-icon-ai {
  background: rgba(47, 128, 255, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-icon.wbl-sh-icon-chat {
  background: rgba(37, 211, 102, 0.18);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-icon.wbl-sh-icon-odoo {
  background: rgba(113, 75, 103, 0.28);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-icon.wbl-sh-icon-stripe,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-icon.wbl-sh-icon-payment {
  background: rgba(99, 91, 255, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-list-icon.wbl-sh-icon-search {
  background: rgba(14, 165, 233, 0.2);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-tag {
  background: rgba(123, 63, 242, 0.22);
  color: #ddd6fe;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-rank {
  background: rgba(251, 191, 36, 0.18);
  color: #fcd34d;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-advisor {
  background:
    radial-gradient(circle at 80% 0%, rgba(47, 128, 255, 0.22), transparent 40%),
    radial-gradient(circle at 10% 90%, rgba(123, 63, 242, 0.18), transparent 42%),
    linear-gradient(160deg, var(--wbl-dm-surface) 0%, var(--wbl-dm-bg-soft) 70%);
  border-color: rgba(123, 63, 242, 0.28);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-advisor-visual {
  background:
    radial-gradient(circle at 70% 40%, rgba(47, 128, 255, 0.35), transparent 42%),
    linear-gradient(135deg, #071225 0%, #14204f 55%, #3b2790 100%);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-advisor h3 {
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-advisor p,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-advisor li {
  color: var(--wbl-dm-text-soft);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-advisor-badge {
  color: #c4b5fd;
  background: rgba(123, 63, 242, 0.18);
}

/* ─── Industries We Empower (dark) ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industries {
  background:
    radial-gradient(circle at 10% 20%, rgba(123, 63, 242, 0.1), transparent 34%),
    var(--wbl-dm-bg);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industries .wbl-sh-section-head {
  margin-bottom: 20px;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industries .wbl-sh-section-head h2 {
  color: #fff;
  font-size: clamp(26px, 2.4vw, 34px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.02em;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industries .wbl-sh-section-head p {
  display: block;
  margin-top: 8px;
  color: var(--wbl-dm-text-muted);
  font-size: 15px;
  font-weight: 500;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industries .wbl-sh-section-head > a {
  color: var(--wbl-dm-accent);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industries .wbl-sh-section-head::after {
  content: none;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry {
  background: var(--wbl-dm-surface);
  border: 1px solid var(--wbl-dm-border);
  color: var(--wbl-dm-text);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry:hover {
  border-color: rgba(167, 139, 250, 0.35);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry strong {
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon {
  background-color: rgba(123, 63, 242, 0.18);
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.2);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-retail,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-healthcare,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-manufacturing,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-logistics,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-education,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-travel,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-automotive,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-more {
  background-color: rgba(123, 63, 242, 0.18);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-retail {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 11h14l-1 10H7L6 11zM9 11V8a4 4 0 018 0v3'/%3E%3Cpath d='M11 16h4'/%3E%3C/svg%3E");
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-healthcare {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4l8 3v6c0 5-3.3 8-8 9-4.7-1-8-4-8-9V7l8-3z'/%3E%3Cpath d='M13 9v7M9.5 12.5h7'/%3E%3C/svg%3E");
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-manufacturing {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 21V10l5 3v-3l7 4v7H7zM9 8l2-4h4l2 7'/%3E%3Cpath d='M10 17h2M15 17h2'/%3E%3C/svg%3E");
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-logistics {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h13v9H4zM17 12h4l2 3v3h-6z'/%3E%3Ccircle cx='8' cy='19' r='2'/%3E%3Ccircle cx='19' cy='19' r='2'/%3E%3C/svg%3E");
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-education {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='7' width='13' height='14' rx='2'/%3E%3Cpath d='M10 7V5h8v2M10 11h7M10 15h5'/%3E%3C/svg%3E");
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-travel {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19h16M8 19l2-8h6l2 8M11 11V7h4v4M7 15h12'/%3E%3C/svg%3E");
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-automotive {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16l2-6h10l2 6v4H6v-4zM8 20v2M18 20v2M8 16h.01M18 16h.01M9 10l1-3h6l1 3'/%3E%3C/svg%3E");
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-industry-icon-more {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 4l2.6 5.4 5.9.8-4.3 4.2 1 5.9-5.2-2.8-5.2 2.8 1-5.9-4.3-4.2 5.9-.8L13 4z'/%3E%3C/svg%3E");
}

/* ─── Recently updated ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-card {
  background: linear-gradient(145deg, var(--wbl-dm-surface) 0%, var(--wbl-dm-bg-soft) 72%);
  border-color: var(--wbl-dm-border);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-time {
  color: var(--wbl-dm-accent);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-card img {
  background: var(--wbl-dm-bg-soft);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-platform {
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-reviews,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-why,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-prefooter-cta {
  background:
    radial-gradient(circle at 12% 18%, rgba(47, 128, 255, 0.14), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(123, 63, 242, 0.16), transparent 30%),
    var(--wbl-dm-bg);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-reviews .wbl-sh-section-head h2 {
  color: #fff;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-reviews .wbl-sh-section-head > a {
  color: var(--wbl-dm-accent);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-review {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035));
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-review p,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-review footer strong {
  color: #fff;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-review footer span span {
  color: var(--wbl-dm-text-soft);
}

/* ─── Reviews (refine) ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-reviews-dots .wbl-sh-reviews-dot {
  background: rgba(255, 255, 255, 0.22);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-review-context span {
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-review-result {
  color: #34d399;
}

/* ─── Brand marquee ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-brands-marquee {
  background: var(--wbl-dm-surface);
  border-color: var(--wbl-dm-border);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-brands-track .wbl-sh-brand {
  color: var(--wbl-dm-text-soft);
  opacity: 0.72;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-brands-track .wbl-sh-brand:hover {
  opacity: 1;
}

/* ─── Learning center ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-learning-tab {
  background: var(--wbl-dm-surface);
  border-color: var(--wbl-dm-border);
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-learning-tab.is-active {
  background: rgba(123, 63, 242, 0.22);
  border-color: rgba(123, 63, 242, 0.45);
  color: #fff;
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-card {
  background: var(--wbl-dm-surface);
  border-color: var(--wbl-dm-border);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-thumb {
  background: var(--wbl-dm-bg-soft);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-cat {
  color: var(--wbl-dm-accent);
}

/* ─── Newsletter ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter {
  background:
    radial-gradient(circle at 18% 50%, rgba(47, 128, 255, 0.14), transparent 34%),
    linear-gradient(135deg, var(--wbl-dm-surface) 0%, var(--wbl-dm-bg-soft) 100%);
  border-color: var(--wbl-dm-border);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter h3 {
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter p,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter small {
  color: var(--wbl-dm-text-muted);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter-form input {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--wbl-dm-border);
  color: var(--wbl-dm-text);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-newsletter-form input::placeholder {
  color: rgba(148, 163, 184, 0.75);
}

/* ─── Card hover shadows in dark ─── */
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-goal-card:hover,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-platform-collection:hover,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-update-card:hover,
html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-blog-card:hover {
  box-shadow: 0 18px 40px rgba(47, 128, 255, 0.12);
}

html.wbl-theme-dark body.wbl-static-home-page .wbl-sh-product-card:hover {
  box-shadow: 0 28px 56px rgba(47, 128, 255, 0.16);
}