/* Signal66 Darkmode Patch v1
 * Purpose:
 *  - Fix Syntax Highlighting Code Block (highlight.js) light-only theme in dark environments
 *  - Fix WP Navigation responsive overlay background in dark environments
 * Rollback:
 *  - Disable by renaming / removing:
 *      /wp-content/mu-plugins/signal66-darkmode-patch-v1.php
 */

@media (prefers-color-scheme: dark) {
  /* highlight.js theme shipped with syntax-highlighting-code-block
   * Chosen: dracula (more vivid syntax colors)
   */
  @import url("/wp-content/plugins/syntax-highlighting-code-block/vendor/scrivo/highlight-php/styles/dracula.css");

  /* Code block container: align with theme palette */
  pre.wp-block-code,
  .wp-block-code code.hljs {
    background: var(--wp--preset--color--base-2, #303030) !important;
    color: var(--wp--preset--color--contrast, #f9f9f9) !important;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 8px;
  }

  /* Mobile navigation overlay (wp-block-navigation)
   * Use theme background instead of pure black.
   */
  .wp-block-navigation__responsive-container.is-menu-open {
    background: var(--wp--preset--color--base, #272727) !important;
    color: var(--wp--preset--color--contrast, #f9f9f9) !important;
  }

  .wp-block-navigation__responsive-container.is-menu-open a {
    color: var(--wp--preset--color--contrast, #f9f9f9) !important;
  }

  /* submenu container defaults to white background */
  .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background: var(--wp--preset--color--base, #272727) !important;
    border-color: rgba(255,255,255,0.14) !important;
    color: var(--wp--preset--color--contrast, #f9f9f9) !important;
  }
}