/* Hierarchical Content Type Styles */
.content-type-filters.hierarchical {
    list-style: none;
    padding: 0;
}

.content-type-parent-item {
    margin-bottom: 8px;
}

.parent-content-type-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.parent-content-type-header .content-type-item {
    flex: 1;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.parent-content-type-header .content-type-item:hover,
.parent-content-type-header .content-type-item.active {
    background-color: #f0f0f0;
}

.toggle-children-content-type {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    transition: transform 0.2s;
}

.toggle-children-content-type.expanded {
    transform: rotate(180deg);
}

.child-content-types {
    list-style: none;
    padding-left: 24px;
    margin-top: 4px;
}

.child-content-type {
    cursor: pointer;
    padding: 6px 12px;
    border-radius: 4px;
    margin-bottom: 4px;
    transition: background-color 0.2s;
}

.child-content-type:hover,
.child-content-type.active {
    background-color: #f0f0f0;
}