/*
 * =========================================================
 * AlterMind — Module Navigation
 * File: assets/css/modules/module-navigation.css
 *
 * Responsibility:
 * - Style shared module navigation
 * - Consume active module theme variables
 *
 * This file does NOT:
 * - define module colors
 * - define module themes
 * - contain navigation logic
 * - modify the existing homepage navigation
 * =========================================================
 */


/* =========================================================
   NAVIGATION ROOT
   ========================================================= */

.altermind-module-nav {

    display: flex;

    align-items: center;

    width: 100%;

    margin: 0;
    padding: 18px 24px;

    background:
        var(--module-surface);

    border-bottom:
        1px solid
        var(--module-border);

}


/* =========================================================
   HOME LINK
   ========================================================= */

.altermind-module-nav__home {

    display: inline-flex;

    align-items: center;

    color:
        var(--module-text);

    text-decoration: none;

    transition:
        color 180ms ease,
        opacity 180ms ease;

}


.altermind-module-nav__home:hover {

    color:
        var(--module-accent);

}


.altermind-module-nav__home:focus-visible {

    outline:
        2px solid
        var(--module-accent);

    outline-offset:
        4px;

}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 600px) {

    .altermind-module-nav {

        padding:
            15px;

    }

}

.altermind-module-header {
    display: none;
}