/* Motopro Sidebar – Kategorie (kompaktní dlaždice) */

.mp-sidebar{
    background:#f2f2f2;
    padding:8px;
}

.mp-sidebar-title{
    margin:0 0 6px;
    font-weight:800;
    font-size:14px;
    color:#111;
}

/* základní UL */
.mp-sidebar-categories{
    list-style:none;
    margin:0;
    padding:0;
}

/* odsazení podkategorií */
.mp-sidebar-categories.mp-level-1{ padding-left:10px; }
.mp-sidebar-categories.mp-level-2{ padding-left:20px; }
.mp-sidebar-categories.mp-level-3{ padding-left:30px; }
.mp-sidebar-categories.mp-level-4{ padding-left:40px; }
.mp-sidebar-categories.mp-level-5{ padding-left:50px; }

/* jedna řádka kategorie */
.mp-sidebar-category{
    display:flex;
    align-items:flex-start;
    gap:6px;
    margin:0;
    padding:0;
    flex-wrap:wrap;
    border-bottom:1px solid #fff; /* bílá oddělovací linka */
}

/* jednotný čtvereček */
.mp-cat-toggle,
.mp-cat-dot{
    width:14px;
    height:14px;
    flex:0 0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #aaa;
    background:#fff;
    font-size:11px;
    line-height:1;
    font-weight:900;
    color:#111;
    user-select:none;
    box-sizing:border-box;
    margin-top:6px;
}

/* + */
.mp-sidebar-category.has-children:not(.is-open) > .mp-cat-toggle::before{
    content:"+";
}

/* − */
.mp-sidebar-category.is-open > .mp-cat-toggle::before{
    content:"−";
}

/* • */
.mp-cat-dot::before{
    content:"•";
    font-size:12px;
    line-height:1;
    color:#666;
}

/* odkaz – horizontální dlaždice */
.mp-cat-link{
    flex:1 1 auto;
    min-width:0;
    padding:6px 8px;
    background:#e9e9e9;
    color:#111;
    text-decoration:none;
    font-size:12px;
    line-height:1.2;
    display:block;
    box-sizing:border-box;
}

/* hover */
.mp-cat-link:hover{
    background:#333;
    color:#fff;
}

/* aktivní kategorie */
.mp-sidebar-category.is-active > .mp-cat-link{
    background:#f47c20;
    color:#000;
    font-weight:800;
}

/* vnořený UL */
.mp-sidebar-category > ul.mp-sidebar-categories{
    flex:0 0 100%;
    width:100%;
}