@charset 'UTF-8';

/* configuration */
@import
    './node_modules/utillz-sass/src/mixins';

/*
 * dark mode styles
 *
 */

// header
.ulz-dark-header {

    // header
    .ulz-header {
        background-color: #000;
        color: #fff;

        // logo
        .ulz-site-logo {
            img {
                opacity: 0 !important;
            }

            .ulz--white,
            .ulz--white img {
                opacity: 1!important;
            }
        }
    }

    &.ulz--is-sticky {
        .ulz-header {
            background-color: rgba(0,0,0,0.8);
            color: #fff;
        }
    }

    // nav
    .ulz-nav {
        ul {
            .sub-menu {
                background-color: #333;

                li {
                    a {
                        color: #fff;
                    }
                }
            }
        }
    }

    // account nav
    .ulz-account-nav {
        ul {
            background-color: #222;
            border: 0;
        }

        a {
            color: #fff;

            span {
                background: var( --primary );
            }
        }
    }

    // megamenu
    .ulz-megamenu {
        .ulz-megamenu-container {
            background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(30,30,30,1) 100%);
            color: #fff;

            .ulz-row > .sub-menu li a {
                color: #fff!important;
            }

            .ulz-row > .sub-menu > li > a {
                color: #aaa!important;
            }
        }
    }
}
