/* container */
.mw-container{
    width:min(var(--container,1200px),92vw);
    margin:0 auto;
}


/* topbar base */
.mw-top{
    width:100%;
    background:var(--topbar-bg,#f5f5f5);
    color:var(--topbar-text,#111);
    border-bottom:1px solid #e0e0e0;
    font-size:14px;
}


/* layout */
.mw-top__inner{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:9px 0;
    gap:12px;
}


/* slogan */
.mw-top__left{
    flex:0 0 auto;
    text-align:left;
    letter-spacing:.12em;
    text-transform:uppercase;
    white-space:nowrap;
}


/* right info */
.mw-top__right{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:10px;
    white-space:nowrap;
}


/* items */
.mw-top__item{
    color:inherit;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:6px;
    opacity:.95;
    cursor:pointer;
}

.mw-top__item:hover{
    opacity:1;
    text-decoration:underline;
}


/* separator */
.mw-sep{
    width:1px;
    height:14px;
    background:#ccc;
    display:inline-block;
}


/* icon wrapper */
.mw-ico{
    width:16px;
    height:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.mw-ico svg{
    width:16px;
    height:16px;
    display:block;
    fill:currentColor;
}


/* social container */
.mw-top__social{
    display:inline-flex;
    gap:6px;
}


/* social icon */
.mw-social{
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#333;
    text-decoration:none;
    transition:.15s ease;
}

.mw-social svg{
    width:18px;
    height:18px;
    fill:currentColor;
}

.mw-social:hover{
    color:#ff2b2b;
    transform:translateY(-1px);
}


/* MOBILE */
.mw-top--mobile{
    display:none;
}

@media (max-width:980px){

    .mw-top--desktop{
        display:none;
    }

    .mw-top--mobile{
        display:flex;
        justify-content:center;
    }

    .mw-top__inner{
        justify-content:center;
    }

    .mw-top__left{
        text-align:center;
    }

}
