/* Dark Mode Colors */
:root[data-theme="dark"] body {
  background: #111 !important;
  color: #eee !important;
}
html[data-theme="dark"] body {
  background: #111 !important;
  color: #eee !important;
}
:root[data-theme="dark"] .lb-header {
  background: #111 !important;
  border-bottom: 1px solid #333 !important;
}
:root[data-theme="dark"] .lb-logo-name,
:root[data-theme="dark"] .lb-nav-item,
:root[data-theme="dark"] .lb-parent-login,
:root[data-theme="dark"] .lb-mobile-link,
:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] h5,
:root[data-theme="dark"] h6 {
  color: #fff !important;
}
:root[data-theme="dark"] .lb-theme-toggle i,
:root[data-theme="dark"] .lb-dir-toggle i,
:root[data-theme="dark"] .lb-menu-button i {
  color: #fff !important;
}
:root[data-theme="dark"] .lb-mobile-menu-box {
  background: #222 !important;
  border: 1px solid #333 !important;
}

/* ===== School Canteen Home Page — Dark Mode ===== */
:root[data-theme="dark"] .sc-featured,
:root[data-theme="dark"] .sc-categories,
:root[data-theme="dark"] .sc-latest {
  background: #111 !important;
}
:root[data-theme="dark"] .sc-about,
:root[data-theme="dark"] .sc-testimonials {
  background: #171717 !important;
}
:root[data-theme="dark"] .sc-title,
:root[data-theme="dark"] .sc-card-body h3,
:root[data-theme="dark"] .sc-cat-card h3,
:root[data-theme="dark"] .sc-testi-person strong,
:root[data-theme="dark"] .sc-card-price {
  color: #fff !important;
}
:root[data-theme="dark"] .sc-section .sc-eyebrow {
  color: #f0dfd6 !important;
}
:root[data-theme="dark"] .sc-section .sc-eyebrow svg,
:root[data-theme="dark"] .sc-section .sc-eyebrow i {
  color: #f0dfd6 !important;
  stroke: currentColor !important;
}
:root[data-theme="dark"] .sc-desc,
:root[data-theme="dark"] .sc-card-body p,
:root[data-theme="dark"] .sc-testi-card p,
:root[data-theme="dark"] .sc-about-list li {
  color: #b7bdb9 !important;
}
:root[data-theme="dark"] .sc-card,
:root[data-theme="dark"] .sc-testi-card {
  background: #1c1c1c !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .sc-cat-card {
  background: #1c1c1c !important;
}
:root[data-theme="dark"] .sc-search-card {
  background: #1c1c1c !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .sc-search-field select,
:root[data-theme="dark"] .sc-search-field input {
  background: #111 !important;
  color: #eee !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}
:root[data-theme="dark"] #h2cDate::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 1;
}
:root[data-theme="dark"] .sc-btn-secondary {
  color: #eee !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
:root[data-theme="dark"] .sc-btn-secondary:hover {
  background: #c8754b !important;
  border-color: #c8754b !important;
  color: #fffdf8 !important;
}
:root[data-theme="dark"] .sc-stats {
  background: #1c1c1c !important;
}
:root[data-theme="dark"] .sc-stat strong { color: #fff !important; }
:root[data-theme="dark"] .sc-stat span { color: #b7bdb9 !important; }

/* ===== School Canteen Home 2 — Dark Mode ===== */
:root[data-theme="dark"] .h2c-cream { background: #111 !important; }
:root[data-theme="dark"] .h2c-sand { background: #171717 !important; }
:root[data-theme="dark"] .h2c-prem { background: #0d2a21 !important; }
:root[data-theme="dark"] .h2c-quick,
:root[data-theme="dark"] .h2c-panel,
:root[data-theme="dark"] .h2c-trend,
:root[data-theme="dark"] .h2c-member,
:root[data-theme="dark"] .h2c-cmp-wrap,
:root[data-theme="dark"] .h2c-cmp th:first-child {
  background: #1c1c1c !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
:root[data-theme="dark"] .h2c-trend:first-child { background: #173f33 !important; }
:root[data-theme="dark"] .h2c-cmp .h2c-hl { background: #242424 !important; }
:root[data-theme="dark"] .h2c-cmp th,
:root[data-theme="dark"] .h2c-cmp td { color: #b7bdb9 !important; border-color: rgba(255, 255, 255, 0.08) !important; }
:root[data-theme="dark"] .h2c-cmp th:first-child,
:root[data-theme="dark"] .h2c-plan-name,
:root[data-theme="dark"] .h2c-plan-price,
:root[data-theme="dark"] .h2c-yes,
:root[data-theme="dark"] .h2c-step h3,
:root[data-theme="dark"] .h2c-bar-top,
:root[data-theme="dark"] .h2c-trend strong,
:root[data-theme="dark"] .h2c-member-body h3 { color: #fff !important; }
:root[data-theme="dark"] .h2c-trend:first-child div span { color: rgba(255,253,248,.72) !important; }
:root[data-theme="dark"] .h2c-step p,
:root[data-theme="dark"] .h2c-trend div span,
:root[data-theme="dark"] .h2c-avail.is-idle { color: #b7bdb9 !important; }
:root[data-theme="dark"] .h2c-tab { color: #eee !important; border-color: rgba(255,255,255,.16) !important; }
:root[data-theme="dark"] .h2c-tab.is-on { background: #c8754b !important; border-color: #c8754b !important; color: #fff !important; }
:root[data-theme="dark"] .h2c-seg,
:root[data-theme="dark"] .h2c-avail,
:root[data-theme="dark"] .h2c-avail.is-idle { background: #111 !important; color: #eee !important; }
:root[data-theme="dark"] .h2c-seg button { color: #b7bdb9 !important; }
:root[data-theme="dark"] .h2c-seg button.is-on { background: #c8754b !important; color: #fff !important; }
:root[data-theme="dark"] .h2c-bar-track { background: #2a2a2a !important; }
:root[data-theme="dark"] .h2c-trend-ico,
:root[data-theme="dark"] .h2c-avatar { background: #2a2a2a !important; color: #f0dfd6 !important; }
:root[data-theme="dark"] .h2c-step-ico { box-shadow: 0 0 0 8px #171717 !important; background: #c8754b !important; }
:root[data-theme="dark"] .h2c-loc,
:root[data-theme="dark"] .h2c-loc:nth-child(3n) { background: #1c1c1c !important; color: #fff !important; border: 1px solid rgba(255,255,255,.08); }
:root[data-theme="dark"] .h2c-loc:nth-child(3n+2) { background: #c8754b !important; border-color: #c8754b; }
:root[data-theme="dark"] .h2c-loc h3 { color: #fff !important; }
:root[data-theme="dark"] .h2c-cmp .sc-btn-primary { background: #c8754b !important; }
:root[data-theme="dark"] .h2c-story-main blockquote,
:root[data-theme="dark"] .h2c-story-main strong { color: #fffdf8 !important; }
:root[data-theme="dark"] .sc-testi-avatar { background: #2a2a2a; }

/* ===== Shared non-home page surfaces ===== */
:root[data-theme="dark"] .lb-help-v2,
:root[data-theme="dark"] .lb-contact-connect,
:root[data-theme="dark"] .lb-contact-connect-container,
:root[data-theme="dark"] .lb-contact-form-panel,
:root[data-theme="dark"] .lb-quick-contact,
:root[data-theme="dark"] .lb-steps-image-story,
:root[data-theme="dark"] .lb-personalise-v2,
:root[data-theme="dark"] .lb-change-anytime-v5,
:root[data-theme="dark"] .plans-container,
:root[data-theme="dark"] .meal-plans-section,
:root[data-theme="dark"] .week-food-section,
:root[data-theme="dark"] .littlebite-week-menu-carousel,
:root[data-theme="dark"] .littlebite-meal-moments,
:root[data-theme="dark"] .lbmq-section,
:root[data-theme="dark"] .schools-section,
:root[data-theme="dark"] .lb-why-story,
:root[data-theme="dark"] .lb-login-page,
:root[data-theme="dark"] .lb-login-form-panel {
  background-color: #111 !important;
  color: #eee !important;
}

:root[data-theme="dark"] .lb-help-v2 *,
:root[data-theme="dark"] .lb-contact-connect *,
:root[data-theme="dark"] .lb-steps-image-story *,
:root[data-theme="dark"] .lb-personalise-v2 *,
:root[data-theme="dark"] .lb-change-anytime-v5 *,
:root[data-theme="dark"] .plans-container *,
:root[data-theme="dark"] .meal-plans-section *,
:root[data-theme="dark"] .week-food-section *,
:root[data-theme="dark"] .littlebite-week-menu-carousel *,
:root[data-theme="dark"] .littlebite-meal-moments *,
:root[data-theme="dark"] .lbmq-section *,
:root[data-theme="dark"] .schools-section *,
:root[data-theme="dark"] .lb-why-story *,
:root[data-theme="dark"] .lb-login-form-panel * {
  border-color: rgba(255, 255, 255, 0.12);
}

:root[data-theme="dark"] .lb-help-v2 h2,
:root[data-theme="dark"] .lb-help-v2 h3,
:root[data-theme="dark"] .lb-contact-connect h2,
:root[data-theme="dark"] .lb-contact-connect h3,
:root[data-theme="dark"] .plans-container h2,
:root[data-theme="dark"] .plans-container h3,
:root[data-theme="dark"] .schools-section h2,
:root[data-theme="dark"] .schools-section h3,
:root[data-theme="dark"] .lb-why-story h2,
:root[data-theme="dark"] .lb-why-story h3,
:root[data-theme="dark"] .lb-login-form-panel h1,
:root[data-theme="dark"] .lb-login-form-panel h2,
:root[data-theme="dark"] .lb-login-form-panel h3 {
  color: #fff !important;
}

:root[data-theme="dark"] .lb-help-v2 p,
:root[data-theme="dark"] .lb-contact-connect p,
:root[data-theme="dark"] .lb-quick-contact p,
:root[data-theme="dark"] .plans-container p,
:root[data-theme="dark"] .schools-section p,
:root[data-theme="dark"] .lb-why-story p,
:root[data-theme="dark"] .lb-login-form-panel p,
:root[data-theme="dark"] .lb-login-form-panel label {
  color: #b7bdb9 !important;
}

:root[data-theme="dark"] .lb-contact-connect input,
:root[data-theme="dark"] .lb-contact-connect textarea,
:root[data-theme="dark"] .lb-contact-connect select,
:root[data-theme="dark"] .lb-login-form-panel input,
:root[data-theme="dark"] .lb-login-form-panel textarea,
:root[data-theme="dark"] .lb-login-form-panel select,
:root[data-theme="dark"] .plan-panel,
:root[data-theme="dark"] .plan-empty,
:root[data-theme="dark"] .week-meal-item,
:root[data-theme="dark"] .v5-date,
:root[data-theme="dark"] .lb-wd-inner {
  background-color: #1c1c1c !important;
  color: #eee !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-theme="dark"] .lb-contact-connect .lb-input-wrap > svg,
:root[data-theme="dark"] .lb-contact-connect .lb-textarea-wrap > svg {
  color: #f0dfd6 !important;
}

:root[data-theme="dark"] .lb-contact-connect input::placeholder,
:root[data-theme="dark"] .lb-contact-connect textarea::placeholder {
  color: #b7bdb9 !important;
  opacity: 1;
}

:root[data-theme="dark"] .hero-bottom,
:root[data-theme="dark"] .empty-icon,
:root[data-theme="dark"] .included-icon,
:root[data-theme="dark"] .schools-bottom-icon,
:root[data-theme="dark"] .lb-final-cta-primary,
:root[data-theme="dark"] .lfc2-note {
  background-color: #1c1c1c !important;
  color: #eee !important;
}

:root[data-theme="dark"] .lbpc-section,
:root[data-theme="dark"] .lbfq-section,
:root[data-theme="dark"] .littlebite-meal-carousel,
:root[data-theme="dark"] .littlebite-final-cta-v2,
:root[data-theme="dark"] .routine-float-card,
:root[data-theme="dark"] .lbpp3-badge,
:root[data-theme="dark"] .lb-choice-box {
  background-color: #1c1c1c !important;
  color: #eee !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-theme="dark"] .lbpc-section h2,
:root[data-theme="dark"] .lbfq-section h2,
:root[data-theme="dark"] .littlebite-meal-carousel h2,
:root[data-theme="dark"] .littlebite-final-cta-v2 h2,
:root[data-theme="dark"] .routine-float-card h3 {
  color: #fff !important;
}

:root[data-theme="dark"] .lb-dropdown-menu,
:root[data-theme="dark"] #littlebite-week-menu-carousel,
:root[data-theme="dark"] #littlebite-meal-moments,
:root[data-theme="dark"] #littlebite-final-cta-v2,
:root[data-theme="dark"] #littlebite-meal-carousel,
:root[data-theme="dark"] .lbd-float-card,
:root[data-theme="dark"] .lbpc-comparison,
:root[data-theme="dark"] .lbfq-bottom-btn,
:root[data-theme="dark"] .lb-pm2-option,
:root[data-theme="dark"] .lb-wd-day,
:root[data-theme="dark"] .v5-calendar,
:root[data-theme="dark"] .v5-option {
  background-color: #1c1c1c !important;
  color: #eee !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-theme="dark"] .lb-dropdown-item {
  color: #eee !important;
}

:root[data-theme="dark"] #littlebite-header .lb-nav-dropdown > .lb-nav-item,
:root[data-theme="dark"] #littlebite-header .lb-nav-dropdown > .lb-nav-item span,
:root[data-theme="dark"] #littlebite-header .lb-nav-dropdown > .lb-nav-item i {
  color: #fffdf8 !important;
}

:root[data-theme="dark"] .lb-pm2-option h3,
:root[data-theme="dark"] .lb-wd-day h3,
:root[data-theme="dark"] .v5-option h3,
:root[data-theme="dark"] .lbpc-comparison h3 {
  color: #fff !important;
}

:root[data-theme="dark"] .lb-pm2-option p,
:root[data-theme="dark"] .lb-wd-day p,
:root[data-theme="dark"] .v5-option p,
:root[data-theme="dark"] .lbpc-comparison p {
  color: #b7bdb9 !important;
}

:root[data-theme="dark"] .lbfq-bottom-btn {
  background: #1c1c1c !important;
  color: #eee !important;
}

:root[data-theme="dark"] #littlebite-faq .lbfq-bottom-btn,
:root[data-theme="dark"] #littlebite-faq .lbfq-bottom-btn:hover {
  background: #1c1c1c !important;
  color: #eee !important;
}

html[data-theme="dark"] #littlebite-faq .lbfq-bottom-btn,
html[data-theme="dark"] #littlebite-faq .lbfq-bottom-btn:hover {
  background: #1c1c1c !important;
  color: #eee !important;
}

/* ===== Sample menu: Meals for Every Moment ===== */
:root[data-theme="dark"] #littlebite-meal-moments .lmm-card,
html[data-theme="dark"] #littlebite-meal-moments .lmm-card {
  background: #1c1c1c !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

:root[data-theme="dark"] #littlebite-meal-moments .lmm-card:nth-child(2),
html[data-theme="dark"] #littlebite-meal-moments .lmm-card:nth-child(2) {
  background: #242424 !important;
}

:root[data-theme="dark"] #littlebite-meal-moments .lmm-image,
html[data-theme="dark"] #littlebite-meal-moments .lmm-image {
  background: #2a2a2a !important;
}

:root[data-theme="dark"] #littlebite-meal-moments .lmm-number,
html[data-theme="dark"] #littlebite-meal-moments .lmm-number {
  background: rgba(17, 17, 17, 0.9) !important;
  color: #fff !important;
}

:root[data-theme="dark"] #littlebite-meal-moments .lmm-content h3,
html[data-theme="dark"] #littlebite-meal-moments .lmm-content h3 {
  color: #fff !important;
}

:root[data-theme="dark"] #littlebite-meal-moments .lmm-content p,
:root[data-theme="dark"] #littlebite-meal-moments .lmm-detail span,
html[data-theme="dark"] #littlebite-meal-moments .lmm-content p,
html[data-theme="dark"] #littlebite-meal-moments .lmm-detail span {
  color: #b7bdb9 !important;
}

:root[data-theme="dark"] #littlebite-meal-moments .lmm-detail,
html[data-theme="dark"] #littlebite-meal-moments .lmm-detail {
  border-color: rgba(255, 255, 255, 0.14) !important;
}

/* ===== Plans page sections ===== */
:root[data-theme="dark"] #plans .section-badge,
html[data-theme="dark"] #plans .section-badge,
:root[data-theme="dark"] #plans .plan-switcher,
html[data-theme="dark"] #plans .plan-switcher {
  background: #1c1c1c !important;
  color: #eee !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-theme="dark"] #plans .plan-button,
html[data-theme="dark"] #plans .plan-button {
  color: #b7bdb9 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

:root[data-theme="dark"] #plans .plan-button.active,
html[data-theme="dark"] #plans .plan-button.active {
  background: #c8754b !important;
  color: #fff !important;
  border-color: #c8754b !important;
}

:root[data-theme="dark"] #plans h2,
:root[data-theme="dark"] #plans h3,
html[data-theme="dark"] #plans h2,
html[data-theme="dark"] #plans h3,
:root[data-theme="dark"] #whats-included h2,
:root[data-theme="dark"] #whats-included h3,
html[data-theme="dark"] #whats-included h2,
html[data-theme="dark"] #whats-included h3 {
  color: #fff !important;
}
html[data-theme="dark"] #whats-included h3
:root[data-theme="dark"] #plans p,
html[data-theme="dark"] #plans p,
:root[data-theme="dark"] #whats-included p,
html[data-theme="dark"] #whats-included p {
  color: #b7bdb9 !important;
}

:root[data-theme="dark"] #whats-included,
html[data-theme="dark"] #whats-included {
  background: #111 !important;
  color: #eee !important;
}

:root[data-theme="dark"] #whats-included .included-card,
html[data-theme="dark"] #whats-included .included-card {
  background: #1c1c1c !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

:root[data-theme="dark"] #whats-included .included-card-accent,
html[data-theme="dark"] #whats-included .included-card-accent {
  background: #173f33 !important;
}

:root[data-theme="dark"] #whats-included .included-number,
html[data-theme="dark"] #whats-included .included-number,
:root[data-theme="dark"] #whats-included .included-link,
html[data-theme="dark"] #whats-included .included-link {
  color: #f0dfd6 !important;
}

:root[data-theme="dark"] #littlebite-parent-dashboard .lbd-small-label,
:root[data-theme="dark"] #littlebite-parent-dashboard .lbd-intro-label,
html[data-theme="dark"] #littlebite-parent-dashboard .lbd-small-label,
html[data-theme="dark"] #littlebite-parent-dashboard .lbd-intro-label {
  color: #f0dfd6 !important;
}

:root[data-theme="dark"] #littlebite-parent-dashboard .lbd-dashboard,
:root[data-theme="dark"] #littlebite-parent-dashboard .lbd-day-card,
html[data-theme="dark"] #littlebite-parent-dashboard .lbd-dashboard,
html[data-theme="dark"] #littlebite-parent-dashboard .lbd-day-card {
  background: #1c1c1c !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

:root[data-theme="dark"] #littlebite-plan-compare h2,
:root[data-theme="dark"] #littlebite-plan-compare h3,
:root[data-theme="dark"] #littlebite-plan-compare .lbpc-plan-description,
:root[data-theme="dark"] #littlebite-plan-compare .lbpc-feature-text,
html[data-theme="dark"] #littlebite-plan-compare h2,
html[data-theme="dark"] #littlebite-plan-compare h3,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-plan-description,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-feature-text {
  color: #fff !important;
}

:root[data-theme="dark"] #littlebite-plan-compare .lbpc-eyebrow,
:root[data-theme="dark"] #littlebite-plan-compare p,
:root[data-theme="dark"] #littlebite-plan-compare .lbpc-check,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-eyebrow,
html[data-theme="dark"] #littlebite-plan-compare p,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-check {
  color: #b7bdb9 !important;
}

:root[data-theme="dark"] #littlebite-faq .lbfq-question-text,
:root[data-theme="dark"] #littlebite-faq .lbfq-toggle,
:root[data-theme="dark"] #littlebite-faq .lbfq-answer-inner,
html[data-theme="dark"] #littlebite-faq .lbfq-question-text,
html[data-theme="dark"] #littlebite-faq .lbfq-toggle,
html[data-theme="dark"] #littlebite-faq .lbfq-answer-inner {
  color: #eee !important;
}

:root[data-theme="dark"] #littlebite-faq .lbfq-item,
html[data-theme="dark"] #littlebite-faq .lbfq-item {
  background: #1c1c1c !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-theme="dark"] #littlebite-parent-dashboard span,
html[data-theme="dark"] #littlebite-parent-dashboard span {
  color: #b7bdb9 !important;
}

:root[data-theme="dark"] #littlebite-plan-compare span,
html[data-theme="dark"] #littlebite-plan-compare span {
  color: #b7bdb9 !important;
}

:root[data-theme="dark"] #littlebite-plan-compare .lbpc-plan-link,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-plan-link {
  color: #f0dfd6 !important;
}

:root[data-theme="dark"] #littlebite-plan-compare .lbpc-eyebrow,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-eyebrow {
  background: #1c1c1c !important;
  color: #c8754b !important;
}

:root[data-theme="dark"] #littlebite-plan-compare .lbpc-plans,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-plans {
  background: #111 !important;
}

:root[data-theme="dark"] #littlebite-plan-compare .lbpc-plan,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-plan {
  background: #1c1c1c !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

:root[data-theme="dark"] #littlebite-plan-compare .lbpc-plan-main,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-plan-main {
  background: #173f33 !important;
}

:root[data-theme="dark"] #littlebite-plan-compare .lbpc-strip,
html[data-theme="dark"] #littlebite-plan-compare .lbpc-strip {
  background: #242424 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}