/* Leadzo public dark theme — Material Blue Night.
   Canvas: Material #121212. Elevation: primary-tinted surfaces.
   Amber stays for actions only. Panel and admin are unchanged. */

html[data-theme="dark"] {
  color-scheme: dark;

  /* Material dark baseline + tonal elevation via brand primary. */
  --ld-bg: #121212;
  --ld-bg-2: #1A1A1A;
  --ld-surface: color-mix(in srgb, #121212 90%, #3760E5 10%);
  --ld-surface-raised: color-mix(in srgb, #121212 82%, #3760E5 18%);
  --ld-surface-2: var(--ld-surface-raised);
  --ld-line: rgba(255, 255, 255, .12);
  --ld-text: #FFFFFF;
  --ld-muted: rgba(232, 228, 217, .74);

  /* Primary splits: lifted text/icon, filled controls. */
  --ld-primary-text: #90CAF9;
  --ld-primary-fill: #3760E5;
  --ld-on-primary: #FFFFFF;
  --ld-link: var(--ld-primary-text);

  /* Constants across themes. */
  --ld-const-amber: #F8B932;
  --ld-const-amber-hi: #FFCE5C;
  --ld-const-on-amber: #4A2E00;

  /* Remap homepage glass tokens away from warm amber wash. */
  --glass: rgba(55, 96, 229, .10);
  --glass-2: rgba(55, 96, 229, .16);
  --hair: rgba(255, 255, 255, .20);
  --hair-soft: rgba(255, 255, 255, .12);
  --shadow: 0 18px 46px -18px rgba(0, 0, 0, .62);
  --ink: #FFFFFF;
  --ink-soft: rgba(232, 228, 217, .80);
  --ink-dim: rgba(232, 228, 217, .62);
}

@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  html[data-theme="dark"] {
    --ld-surface: #1B2033;
    --ld-surface-raised: #222848;
    --ld-surface-2: #222848;
  }
}

/* Homepage: charcoal field, soft primary gleam — not a blue flood. */
html[data-theme="dark"] body.is-home,
html[data-theme="dark"] body.is-home::before {
  background:
    radial-gradient(900px 480px at 88% -10%, rgba(55, 96, 229, .18) 0%, transparent 58%),
    radial-gradient(720px 400px at 8% 22%, rgba(0, 151, 255, .10) 0%, transparent 55%),
    linear-gradient(180deg, #161616 0%, #121212 100%);
}
html[data-theme="dark"] body.is-home .hdr.stuck {
  background: rgba(18, 18, 18, .82);
}
html[data-theme="dark"] body.is-home .search {
  background: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] body.is-home .prog-hero {
  background: rgba(55, 96, 229, .12);
}
html[data-theme="dark"] body.is-home .final {
  background: linear-gradient(150deg, rgba(55, 96, 229, .14), rgba(255, 255, 255, .04));
}
html[data-theme="dark"] body.is-home .stat,
html[data-theme="dark"] body.is-home .mapwrap {
  background: rgba(255, 255, 255, .05);
}
html[data-theme="dark"] body.is-home .maptip {
  background: rgba(18, 18, 18, .95);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .hdr {
  background: rgba(18, 18, 18, .96);
}
html[data-theme="dark"] body.leadzo-public .mnav {
  background: rgba(18, 18, 18, .96);
}

html[data-theme="dark"] footer.ft,
html[data-theme="dark"] footer {
  background:
    radial-gradient(980px 460px at 86% -8%, rgba(55, 96, 229, .16) 0%, transparent 58%),
    radial-gradient(720px 400px at 6% 108%, rgba(248, 185, 50, .08) 0%, transparent 52%),
    linear-gradient(180deg, #1A1A1A 0%, #121212 55%, #0E0E0E 100%);
}

/* ---------- inner pages ---------- */
html[data-theme="dark"] body.leadzo-public:not(.is-home) {
  background:
    radial-gradient(900px 480px at 92% -10%, rgba(55, 96, 229, .10) 0%, transparent 56%),
    var(--ld-bg) !important;
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) #app {
  background: transparent;
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) :is(
  h1, h2, h3, h4, h5, h6,
  .section-title,
  .course-title,
  label,
  legend
) {
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) :is(
  .text-dark,
  .text-dark-blue,
  .text-gray,
  .text-secondary,
  .text-muted,
  p,
  li,
  td,
  th
) {
  color: var(--ld-muted);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) #app > :not(header):not(footer) a:not(.btn) {
  color: var(--ld-link);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) #app > :not(header):not(footer) a:not(.btn):hover {
  color: var(--ld-const-amber-hi);
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) :is(
  .bg-white,
  .bg-gray,
  .bg-gray100,
  .bg-gray200,
  .bg-info,
  .bg-info-light,
  .card,
  .card-body,
  .card-header,
  .webinar-card,
  .product-card,
  .product-show-info-card,
  .search-input,
  .forum-stat-section,
  .forums-featured-card,
  .forums-categories-card,
  .forum-recommended-topics__card,
  .forum-question-section,
  .cart-row,
  .login-container,
  .login-card,
  .modal-content,
  .dropdown-menu,
  .list-group-item,
  .accordion-row,
  .table,
  .custom-dropdown-body,
  .charge-account-radio label,
  .disabled-payment-channel
) {
  background-color: var(--ld-surface) !important;
  color: var(--ld-text);
  border-color: var(--ld-line) !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .webinar-card:hover {
  background-color: var(--ld-surface-raised) !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) :is(
  .form-control,
  .custom-select,
  select,
  textarea
) {
  background-color: var(--ld-surface-raised) !important;
  color: var(--ld-text) !important;
  border-color: var(--ld-line) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .form-control::placeholder,
html[data-theme="dark"] body.leadzo-public:not(.is-home) textarea::placeholder {
  color: rgba(232, 228, 217, .58);
}
html[data-theme="dark"] body.leadzo-public footer .f-input {
  background: rgba(255, 255, 255, .06);
  color: var(--ld-text);
  border-color: var(--ld-line);
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .social-login {
  background: var(--ld-surface-raised) !important;
  color: var(--ld-text) !important;
  border-color: var(--ld-line) !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .table {
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .table th,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .table td {
  border-color: var(--ld-line);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .table thead th {
  background: var(--ld-surface-raised);
  color: var(--ld-text);
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .page-link {
  background: var(--ld-surface);
  color: var(--ld-link);
  border-color: var(--ld-line);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .page-item.active .page-link {
  background: var(--ld-primary-fill);
  border-color: var(--ld-primary-fill);
  color: var(--ld-on-primary);
}

html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .custom-dropdown-body,
html[data-theme="dark"] body.leadzo-public .leadzo-notif .dropdown-menu,
html[data-theme="dark"] body.leadzo-public .leadzo-cart .dropdown-menu,
html[data-theme="dark"] body.leadzo-public .dropdown-menu {
  background: var(--ld-surface-raised) !important;
  color: var(--ld-text) !important;
  border: 1px solid var(--ld-line);
  box-shadow: 0 18px 40px -18px rgba(0, 0, 0, .65);
}
html[data-theme="dark"] body.leadzo-public .dropdown-menu a,
html[data-theme="dark"] body.leadzo-public .custom-dropdown-body a {
  color: var(--ld-text);
}

/* Profile dropdown — name + hover readable on Blue Night (home and inner pages). */
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .dropdown-user-avatar {
  background: rgba(55, 96, 229, .12) !important;
  border-color: rgba(144, 202, 249, .28) !important;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .dropdown-user-avatar :is(
  .text-secondary,
  .text-dark,
  .text-dark-blue,
  .font-weight-bold
) {
  color: #FFFFFF !important;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .dropdown-user-avatar .text-gray {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item {
  background: transparent;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item:hover {
  background-color: rgba(55, 96, 229, .18) !important;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item a.text-gray {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item:hover a.text-gray {
  color: #FFFFFF !important;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item a.text-danger {
  color: #EF9A9A !important;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item:hover a.text-danger {
  color: #FFCDD2 !important;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item:not(:has(a.text-danger)) .icons {
  filter: brightness(0) invert(1);
  opacity: .88;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item:not(:has(a.text-danger)):hover .icons {
  opacity: 1;
}
html[data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item:has(a.text-danger) .icons {
  filter: none;
  opacity: 1;
}
html[dir="rtl"][data-theme="dark"] body.leadzo-public .leadzo-user-menu .navbar-auth-user-dropdown-item:hover a {
  transform: translateX(-8px);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .modal-content {
  background: var(--ld-surface-raised) !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .btn-outline-primary {
  border-color: var(--ld-link) !important;
  color: var(--ld-link) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .btn-outline-primary:hover {
  background: var(--ld-primary-fill) !important;
  color: var(--ld-on-primary) !important;
}

/* Cover fades into charcoal, not navy. */
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-cover-container .cover-content::after {
  background-image: linear-gradient(
    180deg,
    rgba(18, 18, 18, .08) 0%,
    rgba(18, 18, 18, .42) 46%,
    rgba(18, 18, 18, .86) 82%,
    #121212 100%
  );
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-body-on-cover,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-body-on-cover a {
  color: #fff !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-body-on-cover a:hover {
  color: var(--ld-const-amber-hi) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-content-sidebar > .rounded-lg {
  background: var(--ld-surface);
  border: 1px solid var(--ld-line);
  box-shadow: 0 18px 46px -18px rgba(0, 0, 0, .55);
  overflow: hidden;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) #priceBox #realPrice,
html[data-theme="dark"] body.leadzo-public:not(.is-home) #priceBox .font-30 {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-content-section .nav-tabs {
  background: var(--ld-surface) !important;
  border: 1px solid var(--ld-line);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-content-section .nav-tabs .nav-item a {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-content-section .nav-tabs .nav-item a.active,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-content-section .nav-tabs .nav-item a:hover {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-content-section .nav-tabs .nav-item a.active:after {
  background-color: var(--ld-const-amber);
  bottom: -1px !important;
  transform: translateX(-50%) !important;
  height: 3px;
}
/* Course descriptions often carry Elementor/WordPress inline light backgrounds + gray text.
   Strip those paints in dark mode so content stays readable on Blue Night. */
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-description {
  color: var(--ld-muted) !important;
  background: transparent !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-description :is(
  div, section, article, p, li, ul, ol, span, strong, em, b, i, a, h1, h2, h3, h4, h5, h6, td, th, table
) {
  color: var(--ld-muted) !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-description :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-description a {
  color: var(--ld-link) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-description .animated {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) :is(
  .text-gray,
  .text-secondary,
  .text-dark-blue,
  .text-dark,
  .sidebar-title
) {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .sidebar-title:after {
  background-color: var(--ld-const-amber);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-body-on-cover,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-body-on-cover a,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .course-body-on-cover .text-white {
  color: #fff !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .btn-outline-danger {
  background: transparent !important;
  color: var(--ld-text) !important;
  border: 1px solid rgba(255, 255, 255, .32) !important;
  border-radius: 999px !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .btn-outline-danger:hover {
  background: var(--ld-const-amber) !important;
  border-color: var(--ld-const-amber) !important;
  color: var(--ld-const-on-amber) !important;
}

html[data-theme="dark"] body.leadzo-public :is(.btn-amber, .btn-primary, .search .go) {
  color: var(--ld-const-on-amber);
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) :is(
  .border-gray,
  .border-gray300,
  .border-gray200,
  .border-gray100,
  .border-white
) {
  border-color: var(--ld-line) !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .text-primary {
  color: var(--ld-primary-text) !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-control-label::before {
  background-color: var(--ld-surface-raised);
  border-color: var(--ld-line);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-control-input:checked ~ .custom-control-label::before,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: var(--ld-primary-fill);
  border-color: var(--ld-primary-fill);
  color: var(--ld-on-primary);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--ld-primary-text);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: var(--ld-bg-2);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-switch .custom-control-label::before {
  background-color: var(--ld-bg);
  border-color: var(--ld-line);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--ld-primary-fill) !important;
  border-color: var(--ld-primary-fill) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-switch .custom-control-label::after {
  background-color: rgba(232, 228, 217, .72);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: var(--ld-on-primary);
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .checkbox-button label {
  background: var(--ld-surface-raised);
  border-color: var(--ld-line);
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .checkbox-button input:checked + label,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .checkbox-button.primary-selected input:checked + label {
  background: var(--ld-surface-raised);
  border-color: var(--ld-primary-text);
  color: var(--ld-primary-text) !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .form-control:focus,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .custom-select:focus {
  border-color: var(--ld-primary-text) !important;
  box-shadow: 0 0 0 3px rgba(144, 202, 249, .28);
}

html[data-theme="dark"] body.leadzo-public ::selection {
  background: var(--ld-primary-text);
  color: #00104A;
}
html[data-theme="dark"] body.leadzo-public {
  caret-color: var(--ld-const-amber);
  scrollbar-color: var(--ld-surface-raised) var(--ld-bg);
}
html[data-theme="dark"] body.leadzo-public .pays .p {
  background: rgba(255, 255, 255, .94);
}

/* ---------- colorize: light-theme ink that vanishes on Blue Night ---------- */
html[data-theme="dark"] body.leadzo-public .btn-ghost {
  color: var(--ld-text) !important;
  border-color: var(--ld-line) !important;
  background: rgba(255, 255, 255, .06) !important;
}
html[data-theme="dark"] body.leadzo-public .btn-ghost:hover {
  color: var(--ld-text) !important;
  border-color: var(--ld-primary-text) !important;
  background: rgba(144, 202, 249, .14) !important;
}

html[data-theme="dark"] body.leadzo-public :is(.card, .course, .path, .story, .expert, .field, .prog, .filter) {
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public .field span,
html[data-theme="dark"] body.leadzo-public .field:hover span {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public :is(.course, .path, .story, .expert) :is(h3, b, .title, .quote) {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public :is(.course, .path, .story, .expert) :is(p, span, dt, .meta) {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public .course .by b,
html[data-theme="dark"] body.leadzo-public .story .who b {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public .course .price,
html[data-theme="dark"] body.leadzo-public .path dd {
  color: var(--ld-const-amber-hi) !important;
}

html[data-theme="dark"] body.leadzo-public .text-dark-blue,
html[data-theme="dark"] body.leadzo-public .text-dark {
  color: var(--ld-muted) !important;
}

html[data-theme="dark"] body.leadzo-public .webinar-card .duration,
html[data-theme="dark"] body.leadzo-public .webinar-card .date-published,
html[data-theme="dark"] body.leadzo-public .webinar-card .webinar-title,
html[data-theme="dark"] body.leadzo-public .webinar-card .webinar-title a {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public .webinar-card .duration,
html[data-theme="dark"] body.leadzo-public .webinar-card .date-published {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public .webinar-card .duration svg,
html[data-theme="dark"] body.leadzo-public .webinar-card .date-published svg,
html[data-theme="dark"] body.leadzo-public .webinar-card .duration i,
html[data-theme="dark"] body.leadzo-public .webinar-card .date-published i {
  color: var(--ld-muted) !important;
  stroke: currentColor;
}
html[data-theme="dark"] body.leadzo-public .webinar-card .webinar-price-box .real {
  color: var(--ld-primary-text) !important;
}
html[data-theme="dark"] body.leadzo-public .webinar-card .webinar-price-box .off {
  color: rgba(232, 228, 217, .55) !important;
}

html[data-theme="dark"] body.leadzo-public .chapter-icon.chapter-content-icon {
  background-color: var(--ld-surface-raised) !important;
}
html[data-theme="dark"] body.leadzo-public .chapter-icon.chapter-content-icon svg {
  color: var(--ld-primary-text) !important;
  stroke: currentColor;
}
html[data-theme="dark"] body.leadzo-public .chapter-icon:not(.chapter-content-icon) {
  background-color: var(--ld-primary-fill) !important;
}
html[data-theme="dark"] body.leadzo-public .chapter-icon:not(.chapter-content-icon) svg {
  color: var(--ld-on-primary) !important;
}

html[data-theme="dark"] body.leadzo-public .accordion-row .panel-collapse {
  border-top-color: var(--ld-line) !important;
}
html[data-theme="dark"] body.leadzo-public .accordion-row,
html[data-theme="dark"] body.leadzo-public .accordion-content-wrapper,
html[data-theme="dark"] body.leadzo-public .panel-collapse {
  background: transparent !important;
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public .accordion-row :is(.font-weight-bold, .font-16, .font-14, h3, h4, h5) {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public .accordion-row .text-gray-500,
html[data-theme="dark"] body.leadzo-public .accordion-row .text-gray {
  color: var(--ld-muted) !important;
}

html[data-theme="dark"] body.leadzo-public :is(.btn-gray, .btn-gray200, .course-content-btns.btn-gray) {
  background: var(--ld-surface-raised) !important;
  color: var(--ld-text) !important;
  border-color: var(--ld-line) !important;
}
html[data-theme="dark"] body.leadzo-public :is(.btn-gray, .btn-gray200, .course-content-btns.btn-gray):hover {
  background: color-mix(in srgb, #121212 76%, #3760E5 24%) !important;
  color: var(--ld-text) !important;
  border-color: var(--ld-primary-text) !important;
}

html[data-theme="dark"] body.leadzo-public .course-content-section .nav-tabs .nav-item a svg,
html[data-theme="dark"] body.leadzo-public .course-content-section .nav-tabs .nav-item svg {
  color: var(--ld-muted) !important;
  stroke: currentColor;
}
html[data-theme="dark"] body.leadzo-public .course-content-section .nav-tabs .nav-item a.active svg,
html[data-theme="dark"] body.leadzo-public .course-content-section .nav-tabs .nav-item a:hover svg {
  color: var(--ld-text) !important;
}

html[data-theme="dark"] body.leadzo-public .shadow-sm.rounded-lg.bg-white,
html[data-theme="dark"] body.leadzo-public .rounded-lg.bg-white {
  background-color: var(--ld-surface) !important;
  color: var(--ld-text) !important;
  border: 1px solid var(--ld-line);
}

html[data-theme="dark"] body.leadzo-public .btn-solid {
  color: #fff !important;
}
html[data-theme="dark"] body.leadzo-public a.btn.btn-solid:hover,
html[data-theme="dark"] body.leadzo-public button.btn.btn-solid:hover {
  color: var(--ld-const-on-amber) !important;
}

/* Store + forums: light panels that stayed #fff / #ebf7ff */
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-card {
  box-shadow: none;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-card:hover {
  background-color: var(--ld-surface-raised) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-card .product-title,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-info-card h1,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-info-card .font-30 {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-card .user-name,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-card .product-card-body {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-card .product-price-box .real,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-price-box .real {
  color: var(--ld-primary-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-card .product-price-box .off,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-price-box .off {
  color: rgba(232, 228, 217, .55) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-info-footer-items .icon-box {
  background: var(--ld-surface-raised) !important;
  border-color: var(--ld-line) !important;
  color: var(--ld-primary-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-info-footer-items .icon-box svg {
  color: var(--ld-primary-text) !important;
  stroke: currentColor;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .selectable-specification-item label {
  background: var(--ld-surface-raised) !important;
  border-color: var(--ld-line) !important;
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .selectable-specification-item input:checked ~ label {
  border-color: var(--ld-primary-text) !important;
  color: var(--ld-primary-text) !important;
  background: var(--ld-surface-raised) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-cart-actions .cart-quantity {
  background: var(--ld-surface-raised);
  border: 1px solid var(--ld-line);
  border-radius: 999px;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-cart-actions .cart-quantity button,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show-cart-actions .cart-quantity input {
  background: transparent !important;
  color: var(--ld-text) !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .btn-outline-warning {
  border-color: var(--ld-const-amber) !important;
  color: var(--ld-const-amber-hi) !important;
  background: transparent !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .btn-outline-warning:hover {
  background: var(--ld-const-amber) !important;
  color: var(--ld-const-on-amber) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show__nav-tabs {
  background: var(--ld-surface) !important;
  border: 1px solid var(--ld-line);
  border-radius: 14px;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show__nav-tabs a {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show__nav-tabs a.active,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .product-show__nav-tabs a:hover {
  color: var(--ld-text) !important;
}

html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-question-section :is(h1, h2, .text-secondary),
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-stat-section .text-secondary,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forums-featured-card :is(h4, .text-dark),
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forums-categories-card__title,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-recommended-topics__card :is(h4, .text-secondary) {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-hero-section :is(h1, .text-secondary) {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-hero-section .text-gray,
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-question-section .text-gray {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .search-input .form-control {
  background: transparent !important;
  color: var(--ld-text) !important;
}

/* Forum art: Blue Night — hide light plates, show darkened brand blues. */
body.leadzo-public .forum-hero-art--dark { display: none; }
html[data-theme="dark"] body.leadzo-public .forum-hero-art--light { display: none; }
html[data-theme="dark"] body.leadzo-public .forum-hero-art--dark { display: block; width: 100%; height: auto; }
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-hero-section__container {
  position: relative;
  z-index: 2;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-hero-section__image {
  z-index: 1;
  filter: drop-shadow(0 18px 36px rgba(55, 96, 229, .22));
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-hero-section__image::after {
  content: "";
  position: absolute;
  inset: 6% 2% 0;
  pointer-events: none;
  background:
    radial-gradient(55% 60% at 42% 45%, rgba(55, 96, 229, .16), transparent 68%),
    linear-gradient(180deg, transparent 50%, rgba(18, 18, 18, .62) 100%);
  border-radius: 24px;
}
html[data-theme="dark"] body.leadzo-public:not(.is-home) .forum-stat-icon {
  filter: drop-shadow(0 6px 14px rgba(55, 96, 229, .28));
}

/* Learning page — active lesson must stay readable on Blue Night. */
html[data-theme="dark"] body.leadzo-public .learning-page {
  background: var(--ld-bg);
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-content.bg-info-light {
  background: var(--ld-bg-2) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs,
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-navbar {
  background: var(--ld-surface) !important;
  border-color: var(--ld-line) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .learning-content {
  background: var(--ld-surface) !important;
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public .learning-page .accordion-row.bg-white {
  background: var(--ld-surface-raised) !important;
  border-color: var(--ld-line) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item,
html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item {
  color: var(--ld-text);
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item:hover,
html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item:hover {
  background: rgba(55, 96, 229, .10);
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active,
html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item.active {
  background: color-mix(in srgb, var(--ld-surface-raised) 55%, #3760E5 45%) !important;
  box-shadow: inset 0 0 0 1px rgba(144, 202, 249, .28), 0 10px 22px -16px rgba(55, 96, 229, .55);
  border-radius: 12px;
}
@supports not (background: color-mix(in srgb, #000 50%, #fff 50%)) {
  html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active,
  html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item.active {
    background: #243056 !important;
  }
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active :is(.text-dark-blue, .text-dark, label),
html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item.active :is(.text-dark-blue, .text-dark, label) {
  color: #FFFFFF !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active :is(.text-gray, .text-muted, p),
html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item.active :is(.text-gray, .text-muted, p) {
  color: rgba(232, 228, 217, .82) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item .chapter-icon,
html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item .chapter-icon {
  background: rgba(55, 96, 229, .22) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item .chapter-icon svg,
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item .chapter-icon i,
html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item .chapter-icon svg,
html[data-theme="dark"] body.leadzo-public .learning-page .certificate-item .chapter-icon i {
  color: var(--ld-primary-text) !important;
  stroke: var(--ld-primary-text);
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active .chapter-icon {
  background: var(--ld-primary-fill) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active .chapter-icon svg,
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active .chapter-icon i {
  color: #FFFFFF !important;
  stroke: #FFFFFF;
}
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs {
  border-bottom-color: var(--ld-line) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs .nav-item a {
  color: var(--ld-muted) !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs .nav-item a.active {
  color: var(--ld-primary-text) !important;
  border-color: transparent !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs .nav-item a.active:after {
  background-color: var(--ld-const-amber) !important;
  bottom: -1px !important;
  transform: translateX(-50%) !important;
  height: 3px;
}

/* Learning tabs: panel SVGs default to dark fill — force Blue Night ink. */
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs-icons {
  color: var(--ld-primary-text);
}
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs-icons svg {
  color: var(--ld-primary-text) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs-icons svg :is(path, circle, polyline, polygon, g) {
  fill: var(--ld-primary-text) !important;
  stroke: var(--ld-primary-text) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs-icons svg .cls-1,
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs-icons svg .cls-3 {
  fill: var(--ld-primary-text) !important;
  stroke: none !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs-icons svg :is(
  [fill="none"],
  [fill="rgba(255,255,255,0)"],
  [fill="rgba(222,222,222,0)"]
) {
  fill: none !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs-icons svg rect[fill="#1f3b64"] {
  fill: none !important;
  stroke: none !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs .nav-item a.active .learning-page-tabs-icons,
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs .nav-item a.active .learning-page-tabs-icons svg {
  color: var(--ld-primary-text) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs .nav-item a.active .learning-page-tabs-icons svg :is(path, circle, polyline, polygon) {
  fill: var(--ld-primary-text) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs .nav-item a.active .learning-page-tabs-icons svg .cls-1,
html[data-theme="dark"] body.leadzo-public .learning-page .nav-tabs .nav-item a.active .learning-page-tabs-icons svg .cls-3 {
  fill: var(--ld-primary-text) !important;
}

/* Feather icons in lesson rows */
html[data-theme="dark"] body.leadzo-public .learning-page .chapter-icon svg,
html[data-theme="dark"] body.leadzo-public .learning-page .chapter-icon i,
html[data-theme="dark"] body.leadzo-public .learning-page [data-feather] {
  color: var(--ld-primary-text) !important;
  stroke: var(--ld-primary-text) !important;
}
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active .chapter-icon svg,
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active .chapter-icon i,
html[data-theme="dark"] body.leadzo-public .learning-page .tab-item.active [data-feather] {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Keep active lesson tinted — never fall back to light gray/white plates. */
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs .tab-item.active,
html[data-theme="dark"] body.leadzo-public .learning-page .learning-page-tabs .certificate-item.active {
  background-color: #243056 !important;
  background-image: none !important;
}

.theme-toggle .icon-sun { display: none; }
html[data-theme="dark"] .theme-toggle .icon-moon { display: none; }
html[data-theme="dark"] .theme-toggle .icon-sun { display: block; }

/* ---------- SweetAlert2 (confirm / toast) ---------- */
html[data-theme="dark"] body.leadzo-public.swal2-shown {
  background-color: transparent;
}
html[data-theme="dark"] body.leadzo-public .swal2-container.swal2-backdrop-show,
html[data-theme="dark"] body.leadzo-public .swal2-container.swal2-noanimation {
  background: rgba(8, 12, 24, .72) !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-popup {
  background: var(--ld-surface-raised) !important;
  color: var(--ld-text) !important;
  border: 1px solid var(--ld-line);
  box-shadow: 0 22px 48px -18px rgba(0, 0, 0, .72);
}
html[data-theme="dark"] body.leadzo-public .swal2-popup :is(
  .swal2-title,
  #swal2-title,
  .swal2-html-container,
  #swal2-html-container,
  .swal2-content,
  #swal2-content,
  .swal2-footer,
  p,
  li,
  span,
  .text-muted,
  .text-gray,
  .text-secondary
) {
  color: var(--ld-text) !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-popup :is(
  .swal2-html-container,
  #swal2-html-container,
  .swal2-content,
  #swal2-content
) {
  color: var(--ld-muted) !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-icon {
  border-color: rgba(248, 185, 50, .55) !important;
  color: #F8B932 !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-icon.swal2-warning {
  border-color: rgba(248, 185, 50, .55) !important;
  color: #F8B932 !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-icon.swal2-error {
  border-color: rgba(239, 154, 154, .55) !important;
  color: #EF9A9A !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-icon.swal2-success {
  border-color: rgba(129, 199, 132, .55) !important;
  color: #81C784 !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-icon.swal2-info {
  border-color: rgba(144, 202, 249, .55) !important;
  color: #90CAF9 !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-styled.swal2-confirm {
  background: linear-gradient(180deg, #FFD54F, #F8B932) !important;
  color: #4A2E00 !important;
  box-shadow: 0 10px 22px -12px rgba(248, 185, 50, .85) !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-styled.swal2-cancel,
html[data-theme="dark"] body.leadzo-public .swal2-styled.swal2-deny {
  background: #E53935 !important;
  color: #fff !important;
  box-shadow: 0 10px 22px -12px rgba(229, 57, 53, .75) !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-input,
html[data-theme="dark"] body.leadzo-public .swal2-textarea,
html[data-theme="dark"] body.leadzo-public .swal2-select {
  background: var(--ld-surface) !important;
  color: var(--ld-text) !important;
  border-color: var(--ld-line) !important;
}
html[data-theme="dark"] body.leadzo-public .swal2-validation-message {
  background: rgba(229, 57, 53, .16) !important;
  color: #FFCDD2 !important;
}
