/* Light theme restoration for CJXv3Pro frontend */
:root {
  --theme-bg: #f5f7fb;
  --theme-surface: #ffffff;
  --theme-surface-alt: #f8fafc;
  --theme-text: #17212b;
  --theme-text-muted: #64748b;
  --theme-border: #d7dce3;
  --theme-accent: #2563eb;
  --theme-accent-soft: #eff6ff;
  --theme-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

body,
.wrapper,
.page-wrapper,
#wrap,
main,
section,
article,
aside,
.container,
.container-fluid {
  background-color: var(--theme-bg) !important;
  color: var(--theme-text) !important;
}

header,
.header,
.main-header,
.topbar,
.navbar,
.navbar-default,
.navbar-light,
.main-nav {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
  box-shadow: none !important;
}

.card,
.panel,
.box,
.service-box,
.feature-box,
.category-item,
.product-item,
.listing-card,
.profile-card,
.widget,
.item-box {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
  box-shadow: var(--theme-shadow) !important;
}

.form-control,
input,
select,
textarea,
.custom-select-new {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border: 1px solid var(--theme-border) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--theme-text-muted) !important;
}

a {
  color: var(--theme-accent) !important;
}

.btn-primary,
.book-btn,
.primary-btn,
.btn-success,
.btn-info,
.book-now,
.cta-btn,
button[type="submit"],
.btn-continue {
  background-color: var(--theme-accent) !important;
  color: #ffffff !important;
  border-color: var(--theme-accent) !important;
}

.btn-default,
.btn-secondary,
.btn-outline,
.btn-light {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.table,
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.table thead th {
  background-color: var(--theme-surface-alt) !important;
  color: var(--theme-text) !important;
}

.badge,
.label,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
  background-color: var(--theme-accent-soft) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}

.footer,
footer {
  background-color: var(--theme-surface) !important;
  color: var(--theme-text) !important;
  border-color: var(--theme-border) !important;
}