.mr-iseeu-tree-widget {
    --primary: #345677;
    --bg-hover: #E2E8F0;
    --text-main: #334155;
    --text-muted: #64748B;
    --arrow-color: #94A3B8;
    --dot-color: #CBD5E1;
    font: 500 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--text-main);
    width: 100%;
}

.widget_mr_category_widget .widget-title {
    font: 700 1.25rem 'Noto Serif TC', serif;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid var(--primary);
    padding-bottom: .75rem;
}

.mr-iseeu-tree-widget ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mr-iseeu-tree-widget li {
    position: relative;
    margin: 4px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

.mr-iseeu-accordion-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s cubic-bezier(.4,0,.2,1);
}

.mr-iseeu-accordion-wrapper.is-open { grid-template-rows: 1fr; }

.mr-iseeu-accordion-inner { overflow: hidden; }

.mr-iseeu-tree-widget ul.children {
    padding-left: 24px !important;
    border-left: 1px solid rgba(0,0,0,0.05);
}

.mr-iseeu-tree-widget a {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
    color: var(--text-main) !important;
    font-weight: 500 !important;
    pointer-events: none;
}

.mr-iseeu-item-wrapper {
    display: flex !important;
    align-items: center !important;
    padding: 8px 12px 8px 0 !important;
    border-radius: 8px;
    transition: background .2s;
    min-height: 40px;
    cursor: pointer;
}

.mr-iseeu-item-wrapper:hover { background: var(--bg-hover); }

.mr-iseeu-tree-widget li.current-cat > .mr-iseeu-item-wrapper > a {
    color: var(--primary) !important;
    font-weight: 600 !important;
}

.mr-iseeu-tree-icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    stroke: currentColor;
    stroke-width: 1.5;
    fill: none;
    color: var(--text-muted);
}

.mr-iseeu-tree-widget .level-1 > .mr-iseeu-item-wrapper > a > .mr-iseeu-tree-icon,
.mr-iseeu-tree-widget li.current-cat > .mr-iseeu-item-wrapper > a .mr-iseeu-tree-icon {
    color: var(--primary);
}

.mr-iseeu-tree-toggle {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 2px;
    color: var(--arrow-color);
    border-radius: 50%;
    transition: all .2s;
    cursor: pointer;
}

.mr-iseeu-tree-toggle:hover {
    background: rgba(0,0,0,0.05);
    transform: scale(1.1);
}

.mr-iseeu-tree-toggle svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    transition: transform .35s cubic-bezier(.4,0,.2,1);
}

.mr-iseeu-tree-toggle.is-active svg { transform: rotate(90deg); }

.mr-iseeu-tree-spacer { width: 28px; height: 28px; margin-right: 2px; }

.mr-iseeu-tree-dotted-line {
    flex: 1;
    border-bottom: 2px dotted var(--dot-color);
    margin: 0 10px;
    opacity: .6;
    min-width: 20px;
}

.mr-iseeu-tree-count {
    font: 600 11px/1.2 sans-serif;
    color: #fff;
    background: #000;
    padding: 2px 6px;
    border-radius: 4px;
    min-width: 20px;
    text-align: center;
}

.mr-iseeu-tree-widget li.current-cat > .mr-iseeu-item-wrapper > .mr-iseeu-tree-count {
    background: #4A6376;
}
