@charset "UTF-8";

/**
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2026, Holger Schröck
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 * @link            http://www.portal64.de
 * @version         1.1.4
 */

@media all
{

    /* Works whether Joomla renders the menu as ul#headnav or bare inside .header-modules */
    #headnav,
    .header-modules > ul {
        margin: 0;
        padding: 0 8px;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 2px;
    }

    #headnav > li,
    .header-modules > ul > li {
        list-style: none;
    }

    #headnav > li > a,
    .header-modules > ul > li > a {
        display: inline-block;
        padding: 4px 9px;
        font-size: 1em;
        font-weight: normal;
        text-decoration: none;
        color: #fff;
    }

    #headnav > li > a:hover,
    .header-modules > ul > li > a:hover {
        color: #fff;
        background: #2a3b63;
    }

    /* Joomla sets class="active" or class="current" on the active li — not id= */
    #headnav > li.active > a,
    #headnav > li.current > a,
    .header-modules > ul > li.active > a,
    .header-modules > ul > li.current > a {
        font-weight: bold;
        color: #fff;
        padding: 4px 9px 3px;
        border-bottom: 1px solid #27384f;
        border-right: 1px solid #27384f;
        background: #2a3b63;
    }

}