/**
 * @package     Joomla.Site
 * @subpackage  Templates.baby-in-brazil
 *
 * @author      Oleg Kosarev (DevOpsolution) <dev.oleg.kosarev@outlook.com>
 * @copyright   (C) 2026 Oleg Kosarev. All Rights Reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @version     1.0.0
 * @since       1.0.0
 *
 * Theme-aware mmenu.js overrides. This file only adjusts CSS variables and a few
 * targeted selectors to match the active template color scheme.
 *
 * mmenu.js: https://mmenujs.com
 * Styling docs: https://mmenujs.com/docs/core/styling.html
 * Copyright (c) Fred Heusschen
 * License: CC-BY-NC-4.0
 *
 * CSS variables used/overridden here (per docs unless noted otherwise):
 * - --mm-color-background: The background-color for the menu.
 * - --mm-color-background-emphasis: The background-color for emphasized listitems.
 * - --mm-color-background-highlight: The background-color for highlighted listitems.
 * - --mm-color-border: The border-color for navbars, listitems, etc.
 * - --mm-color-icon: The color for buttons.
 * - --mm-color-button: The color for buttons. (legacy/alternate variable name used by the bundled CSS)
 * - --mm-color-text: The text-color for the menu.
 * - --mm-color-text-dimmed: The text-color for dimmed out elements in the menu.
 * - --mm-shadow: Menu shadow. (theme variable used by the bundled CSS)
 */

.mm-menu_theme-dark {
    --mm-color-background: rgba(var(--theme-color-rgb), 0.08);
    --mm-color-border: rgba(var(--theme-color-rgb), 0.35);
    --mm-color-button: rgba(var(--theme-color-rgb), 0.95);
    --mm-color-icon: rgba(var(--theme-color-rgb), 0.95);
    --mm-color-text: rgba(0, 0, 0, 0.92);
    --mm-color-text-dimmed: rgba(0, 0, 0, 0.55);
    --mm-color-background-highlight: rgba(var(--theme-color-rgb), 0.16);
    --mm-color-background-emphasis: rgba(var(--theme-color-rgb), 0.12);
    --mm-shadow: 0 0 20px rgba(var(--theme-color-rgb), 0.25);
}

.mm-navbar__title>span {
    color: var(--mm-color-text);
}