/**
 * Dark Mode — Wb Insurance Pro Theme
 * Applied via .dark-mode body class or [data-theme="dark"]
 */

/* Core overrides */
.dark-mode,
[data-theme="dark"] {
    color-scheme: dark;
}

.dark-mode body,
[data-theme="dark"] body {
    background: #0a1628;
    color: rgba(255,255,255,.85);
}

/* Text */
.dark-mode .wbi-heading-xl,
.dark-mode .wbi-heading-lg,
.dark-mode .wbi-heading-md,
.dark-mode .wbi-heading-sm,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4 {
    color: #fff;
}

.dark-mode p,
[data-theme="dark"] p {
    color: rgba(255,255,255,.75);
}

/* Cards */
.dark-mode .wbi-card-light {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
    color: #fff;
}

.dark-mode .wbi-feature-card {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}

.dark-mode .wbi-feature-title { color: #fff; }
.dark-mode .wbi-feature-desc  { color: rgba(255,255,255,.6); }

/* Blog cards */
.dark-mode .wbi-blog-card {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}
.dark-mode .wbi-blog-card-title { color: #fff; }
.dark-mode .wbi-blog-card-excerpt { color: rgba(255,255,255,.6); }
.dark-mode .wbi-blog-card-meta { color: rgba(255,255,255,.4); }

/* Testimonials */
.dark-mode .wbi-testimonial-card {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}
.dark-mode .wbi-testimonial-card::before { color: rgba(255,255,255,.06); }
.dark-mode .wbi-testimonial-text  { color: rgba(255,255,255,.7); }
.dark-mode .wbi-testimonial-name  { color: #fff; }

/* Trust bar */
.dark-mode .wbi-trust-bar {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}
.dark-mode .wbi-trust-item { color: rgba(255,255,255,.7); }
.dark-mode .wbi-trust-icon { background: rgba(255,255,255,.06); }

/* FAQ */
.dark-mode .wbi-faq-item {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}
.dark-mode .wbi-faq-question { color: #fff; }
.dark-mode .wbi-faq-answer   { color: rgba(255,255,255,.7); }
.dark-mode .wbi-faq-icon     { background: rgba(255,255,255,.08); color: #38bdf8; }
.dark-mode .wbi-faq-item.active .wbi-faq-icon { background: #1e3a8a; }

/* Widgets */
.dark-mode .widget {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}
.dark-mode .widget-title { color: #fff; border-bottom-color: rgba(255,255,255,.08); }
.dark-mode .widget ul li a { color: rgba(255,255,255,.65); }

/* Sections */
.dark-mode .wbi-section,
.dark-mode section[style*="background:#fff"],
.dark-mode section[style*="background:var(--wbi-off-white)"],
.dark-mode section[style*="background:var(--wbi-gray-50)"] {
    background: #0a1628 !important;
}

/* Entry / post */
.dark-mode .entry-title     { color: #fff; }
.dark-mode .entry-meta      { color: rgba(255,255,255,.5); }
.dark-mode .entry-content   { color: rgba(255,255,255,.82); }
.dark-mode .entry-content h2,
.dark-mode .entry-content h3,
.dark-mode .entry-content h4 { color: #fff; }
.dark-mode .entry-content blockquote { background: rgba(255,255,255,.04); color: rgba(255,255,255,.7); }
.dark-mode .entry-content code { background: rgba(255,255,255,.08); color: #38bdf8; }
.dark-mode .entry-content th { background: rgba(255,255,255,.06); color: #fff; }
.dark-mode .entry-content th,
.dark-mode .entry-content td { border-color: rgba(255,255,255,.08); }

/* Author box */
.dark-mode .wbi-author-box   { background: #0f2448; border-color: rgba(255,255,255,.08); }
.dark-mode .wbi-author-name  { color: #fff; }
.dark-mode .wbi-author-bio   { color: rgba(255,255,255,.65); }

/* Navigation */
.dark-mode .nav-previous,
.dark-mode .nav-next {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}
.dark-mode .nav-label { color: rgba(255,255,255,.4); }

/* Comments */
.dark-mode .comment-body     { background: #0f2448; border-color: rgba(255,255,255,.08); }
.dark-mode .comment-author .fn { color: #fff; }
.dark-mode .comment-content  { color: rgba(255,255,255,.75); }
.dark-mode .comment-form input,
.dark-mode .comment-form textarea {
    background: #0f2448;
    border-color: rgba(255,255,255,.12);
    color: #fff;
}
.dark-mode .comment-form label  { color: rgba(255,255,255,.7); }
.dark-mode .comments-title      { color: #fff; }
.dark-mode .comment-reply-title { color: #fff; }

/* Pagination */
.dark-mode .page-numbers {
    border-color: rgba(255,255,255,.12);
    color: rgba(255,255,255,.7);
    background: transparent;
}
.dark-mode .page-numbers:hover,
.dark-mode .page-numbers.current {
    background: #1e3a8a;
    border-color: #1e3a8a;
    color: #fff;
}

/* Post navigation */
.dark-mode .post-navigation .nav-previous,
.dark-mode .post-navigation .nav-next {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}

/* Tags */
.dark-mode a[style*="background:var(--wbi-gray-100)"] {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.12) !important;
    color: rgba(255,255,255,.7) !important;
}

/* Breadcrumbs */
.dark-mode .wbi-breadcrumbs    { border-color: rgba(255,255,255,.08); }
.dark-mode .wbi-breadcrumb-item { color: rgba(255,255,255,.5); }
.dark-mode .wbi-breadcrumb-sep  { color: rgba(255,255,255,.2); }

/* Sidebar ad */
.dark-mode .wbi-ad-sticky-bottom {
    background: #0f2448;
    border-color: rgba(255,255,255,.08);
}

/* 404 */
.dark-mode .wbi-404-title { color: #fff; }
.dark-mode .wbi-404-desc  { color: rgba(255,255,255,.6); }

/* Search overlay already dark */

/* Dark mode toggle icon state */
.dark-mode #wbiDarkToggle .dark-icon  { display: none !important; }
.dark-mode #wbiDarkToggle .light-icon { display: block !important; }