@charset "UTF-8";
/**
 * @package     Joomla.Site
 * @subpackage  tpl_mokonyx
 *
 * Custom CSS overrides for the Mokonyx site template. Loaded last (after
 * template.css and all theme/standard stylesheets) via the "template.user"
 * web asset, so rules here win over the compiled Cassiopeia base. These
 * overrides survive template updates.
 *
 * @copyright   Copyright (C) 2026 Moko Consulting. All rights reserved.
 * @license     GPL-3.0-or-later
 * SPDX-License-Identifier: GPL-3.0-or-later
 */

/*
 * Content-body heading treatment for h5 / h6.
 *
 * The release-notes publisher demotes article headings (H2 -> h5, H3 -> h6)
 * so they nest under the page chrome. By default the Cassiopeia base renders
 * h5/h6 small and visually indistinct, so the demoted sub-headings read as
 * body text. These rules give them a deliberate treatment so they read as
 * proper sub-headings.
 *
 * Scoped to #maincontent (the <main id="maincontent"> wrapper around
 * <jdoc:include type="component" /> in index.php) so only article/component
 * body headings are affected -- template chrome (header, menus, modules,
 * sidebars) sits outside #maincontent and is left untouched.
 */
#maincontent h5 {
	font-weight: 700;
	text-decoration: underline;
}

#maincontent h6 {
	font-weight: 700;
}

/* ---------------------------------------------------------------------------
 * HOTFIX (re-applied 2026-10-29 after a template update clobbered user.css):
 * duplicate logo in dark theme. The shipped template.css logo hide-rules lack
 * !important and lose to Bootstrap's .d-inline-block{display:inline-block!important},
 * so both .logo-light and .logo-dark render. Re-assert the theme hide with !important.
 * NOTE: tpl_mokonyx SHIPS user.css in its package, so the NEXT update overwrites this
 * again -- durable fix = put !important in the SCSS source AND stop packaging user.css.
 * ------------------------------------------------------------------------- */
[data-bs-theme="dark"]  .navbar-brand .logo-light { display: none !important; }
[data-bs-theme="light"] .navbar-brand .logo-dark  { display: none !important; }