/* ════════════════════════════════════════════════════════════
   nc-theme-fix.css — Patch M
   ──────────────────────────────────────────────────────────────
   Fix for the "two suns / two moons" bug in the dark mode toggle.

   Root cause: nc-v32.css adds an emoji icon via ::before, while
   nc-brand-blue.css adds an SVG mask icon via ::after. Both render
   simultaneously on the same button.

   Fix: kill the ::before pseudo-element in all states (light, dark,
   any data-theme value). The SVG from brand-blue (::after) wins.

   This file MUST be loaded AFTER both nc-v32.css and nc-brand-blue.css
   so the rules below have the last word for specificity ties.
   ════════════════════════════════════════════════════════════ */

/* === [PATCH-M] kill the emoji icon (::before) === */
.nc-theme-toggle::before,
[data-theme="dark"] .nc-theme-toggle::before,
[data-theme="light"] .nc-theme-toggle::before,
html.dark .nc-theme-toggle::before,
body.dark .nc-theme-toggle::before {
  content: none !important;
  display: none !important;
}

/* === [PATCH-M] make the SVG icon centered & sized consistently === */
.nc-theme-toggle::after {
  display: inline-block;
  width: 22px;
  height: 22px;
}

/* === [PATCH-M] light-mode button polish (subtle border) === */
:not([data-theme="dark"]) .nc-theme-toggle,
[data-theme="light"] .nc-theme-toggle {
  background: #FFFFFF;
  color: var(--brand, #1B8AAC);
  border: 1px solid rgba(27, 138, 172, 0.15);
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
}

/* === [PATCH-M] dark-mode button polish === */
[data-theme="dark"] .nc-theme-toggle {
  background: #1A2733;
  color: #F4D597;
  border: 1px solid rgba(244, 213, 151, 0.18);
  box-shadow: 0 4px 14px rgba(0,0,0,0.32);
}

[data-theme="dark"] .nc-theme-toggle:hover {
  background: #213240;
  border-color: rgba(244, 213, 151, 0.32);
  transform: scale(1.08);
}

/* === [PATCH-M] make sure the toggle is above any overlays === */
.nc-theme-toggle {
  z-index: 9998;
}

/* === [PATCH-M] hide the toggle in print and on small mobile if needed === */
@media print {
  .nc-theme-toggle { display: none !important; }
}